/* Move down content because we have a fixed navbar that is 50px tall */
/* Font files*/
/*@font-face {
		font-family: 'Lato Thin';
		src: url('../fonts/Lato-Thin.ttf');
}

@font-face {
		font-family: 'Lato Regular';
		src: url('../fonts/Lato-Regular.ttf');
}

@font-face {
		font-family: 'Lato Light';
		src: url('../fonts/Lato-Light.ttf');
}

@font-face {
		font-family: 'Lato Bold';
		src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
		font-family: 'Lato Medium';
		src: url('../fonts/Lato-Medium.ttf');
}

@font-face {
		font-family: 'Helvetica Neue';
		src: url('../fonts/HelveticaNeue.ttf');
}

@font-face {
		font-family: 'Roundslab Serif';
		src: url('../fonts/RoundslabSerif.ttf');
}

@font-face {
		font-family: 'Montserrat Regular';
		src: url('../fonts/Montserrat-Regular.otf');
}

@font-face {
		font-family: 'Montserrat Bold';
		src: url('../fonts/Montserrat-Bold.otf');
}

@font-face {
		font-family: 'Montserrat SemiBold';
		src: url('../fonts/Montserrat-SemiBold.otf');
}*/
.btn {
	outline: none !important;
}
/*for chinese*/
.zh-font{
	font-family: 'Lato', 'Helvetica','微软雅黑', sans-serif;
}

::selection {
	background: #ffb7b7; /* WebKit/Blink Browsers */
}
::-moz-selection {
	background: #ffb7b7; /* Gecko Browsers */
}

/* for dear pushy */
body.pushy-open-left{
		overflow-x: hidden;
}

.d-inline{
	display: inline;
}

.d-block{
	display: block;
}

.v-middle{
	vertical-align: middle;
}

a:hover,
a:focus {
		outline: none;
}

.form-control:focus {
		outline: none;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		border-color: #ccc;
}

body {
		padding-top: 50px;
		padding-bottom: 20px;
		font-family: 'Lato', 'Helvetica','微软雅黑', sans-serif;
		font-weight: 400;
		word-wrap: break-word;
}

a,
a:hover {
		color: #710D0D;
}

a:active,
a:focus {
		color: #333;
}

a.link-all-default,
a.link-all-default:hover,
a.link-all-default:focus,
a.link-all-default:active,
a.link-all-default:visited {
		text-decoration: none;
		color: #710D0D;
}

label.required:after {
		content: " *";
		color: red;
}

.link-normal{
	display: inline-block;
	color:#333;
}

.link-custom {
		color: #333;
}

.link-deco-none:hover {
		color: #333;
		text-decoration: none;
}

.link-deco-none:hover {
		color: #333;
		text-decoration: none;
}

.link-white{
		color:#fff !important;
}

.link-white:hover{
		text-decoration: underline;
}
.link-bold-red{
	cursor: pointer;
	font-weight: bold;
}
.link-bold-red:hover{
	text-decoration: underline;
}
.hover-underline:hover{
	text-decoration: underline;
}
a:hover,
a:focus {
		outline: none;
}
.img-circle {
		border-radius: 50%;
}
.popover {
		background-color: rgba(113,13,13,.9);
		color:#fff;
}
.popover.bottom>.arrow:after {
		border-bottom-color: rgba(113,13,13,.9);
}

/* flyover notification */
.flyover {
   right: 0;
   overflow: hidden;
   position: fixed;
   width: 50%;
   opacity: 1;
   z-index: 1050;
   transition: left 0.6s ease-out 0s;
}

.flyover-top {
   bottom: 10px;
}

/* Pagination */
ul.pagination{
		text-align: center;
		font-size: 16px;
		width: 100%;
}
ul.pagination>li>a{
		border:0px;
		color: #710D0D;
		float: none;
}

ul.pagination>li>a:hover{
		color: rgba(113,13,13,0.8);
		background-color: transparent;
		border: 0px;
}

ul.pagination>li.active>a{
		color: #000;
		font-weight: bold;
		background-color: transparent;
		border: 0px;
}

ul.pagination>li.active>a:hover{
		cursor:pointer;
		color: rgba(113,13,13,.8);
		background-color: transparent;
		border: 0px;
}

ul.pagination>li.disabled>a{
		visibility: hidden;
}

.vresize {
		resize: vertical;
}

.noresize {
		resize: none;
}

.notification-count {
		background-color: #710D0D;
		color: #fff;
		padding: 0 .25em;
		border-radius: 2px;
		font-style: normal;
}

.feature-count {
		background-color: #710D0D;
		/*background-color: #fa3e3e;*/
		color: #fff;
		/*margin-left: .2em;*/
		top:5px;
		left: 35px;
		padding: 1px 3px;
		border-radius: 2px;
		font-style: normal;
		font-size: 12px;

		/*background-color: #710D0D;
		color: #fff;
		font-style: normal;
		font-size: 12px!important;
		padding: 0 5px;
		border-radius: 2px;
		text-align: center;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 19px;
		min-width: 19px;
		box-sizing: border-box;
		line-height: normal;*/
}

.text-truncate{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.round-border{
	border-radius: 4px;
}
/* For the sake of ipad portrait */
@media (max-width: 501px) {
		.hidden-xs-500 {
			display: none !important;
		}
		.visible-xs-500{
			display:block !important;
		}
}
@media (min-width: 769px) {
		.visible-xss{
			display: none !important;
		}
}

/* For the sake of ipad portrait */
@media (max-width: 768px) {
		.hidden-xss {
			display: none !important;
		}
		.visible-xss{
			display:block !important;
		}
}
@media (min-width: 769px) {
		.visible-xss{
			display: none !important;
		}
}

div.loading{
		padding: 30px;
}

div.loading img{
		width: 30px;
		height: 30px;
}

.jscroll-added{
	margin-top: 10px;
}

/* loader spinner



<div class="loader">loader...</div>*/

/* Absolute Center Spinner */
/*.loader {
	margin: 100px auto;
	font-size: 15px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #710D0D, 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.8), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.9), 1.8em -1.8em 0 0em #710D0D, 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.8), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9), 2.5em 0em 0 0em #710D0D, 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8), 2.5em 0em 0 0em rgba(113, 13, 13, 0.9), 1.75em 1.75em 0 0em #710D0D, 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.8), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.9), 0em 2.5em 0 0em #710D0D, -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.8), 0em 2.5em 0 0em rgba(113, 13, 13, 0.9), -1.8em 1.8em 0 0em #710D0D, -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.8), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.9), -2.6em 0em 0 0em #710D0D, -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.8), -2.6em 0em 0 0em rgba(113, 13, 13, 0.9), -1.8em -1.8em 0 0em #710D0D;
	}
}
@keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #710D0D, 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.8), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.9), 1.8em -1.8em 0 0em #710D0D, 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.8), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9), 2.5em 0em 0 0em #710D0D, 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8), 2.5em 0em 0 0em rgba(113, 13, 13, 0.9), 1.75em 1.75em 0 0em #710D0D, 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.8), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.9), 0em 2.5em 0 0em #710D0D, -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.8), 0em 2.5em 0 0em rgba(113, 13, 13, 0.9), -1.8em 1.8em 0 0em #710D0D, -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.8), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.9), -2.6em 0em 0 0em #710D0D, -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.8), -2.6em 0em 0 0em rgba(113, 13, 13, 0.9), -1.8em -1.8em 0 0em #710D0D;
	}
}
*/

/* Absolute Center Spinner */
.loader {
	position: fixed;
	z-index: 999;
	font-size: 15px;
	height: 1em;
	width: 1em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* Transparent Overlay */
.loader:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.1);
}

/* :not(:required) hides these rules from IE9 and below */
.loader:not(:required) {
	/* hide "loader..." text */
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.loader:not(:required):after {
	content: '';
	display: block;
	font-size: 15px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: load5 1500ms infinite linear;
	-moz-animation: load5 1500ms infinite linear;
	-ms-animation: load5 1500ms infinite linear;
	-o-animation: load5 1500ms infinite linear;
	animation: load5 1500ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(113,13,13,1) 1.5em 0 0 0, rgba(113,13,13,1) 1.1em 1.1em 0 0, rgba(113,13,13,1) 0 1.5em 0 0, rgba(113,13,13,1) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(113,13,13,1) 0 -1.5em 0 0, rgba(113,13,13,1) 1.1em -1.1em 0 0;
	box-shadow: rgba(113,13,13,1) 1.5em 0 0 0, rgba(113,13,13,1) 1.1em 1.1em 0 0, rgba(113,13,13,1) 0 1.5em 0 0, rgba(113,13,13,1) -1.1em 1.1em 0 0, rgba(113,13,13,1) -1.5em 0 0 0, rgba(113,13,13,1) -1.1em -1.1em 0 0, rgba(113,13,13,1) 0 -1.5em 0 0, rgba(113,13,13,1) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #710D0D, 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.8), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.9), 1.8em -1.8em 0 0em #710D0D, 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.8), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9), 2.5em 0em 0 0em #710D0D, 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8), 2.5em 0em 0 0em rgba(113, 13, 13, 0.9), 1.75em 1.75em 0 0em #710D0D, 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.8), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.9), 0em 2.5em 0 0em #710D0D, -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.8), 0em 2.5em 0 0em rgba(113, 13, 13, 0.9), -1.8em 1.8em 0 0em #710D0D, -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.8), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.9), -2.6em 0em 0 0em #710D0D, -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.8), -2.6em 0em 0 0em rgba(113, 13, 13, 0.9), -1.8em -1.8em 0 0em #710D0D;
	}
}
@keyframes load5 {
	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #710D0D, 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.8), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9);
	}
	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.9), 1.8em -1.8em 0 0em #710D0D, 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8);
	}
	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.8), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.9), 2.5em 0em 0 0em #710D0D, 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.8), 2.5em 0em 0 0em rgba(113, 13, 13, 0.9), 1.75em 1.75em 0 0em #710D0D, 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.8), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.9), 0em 2.5em 0 0em #710D0D, -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.7), -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.8), 0em 2.5em 0 0em rgba(113, 13, 13, 0.9), -1.8em 1.8em 0 0em #710D0D, -2.6em 0em 0 0em rgba(113, 13, 13, 0.7), -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.8), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.9), -2.6em 0em 0 0em #710D0D, -1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7);
	}
	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(113, 13, 13, 0.7), 1.8em -1.8em 0 0em rgba(113, 13, 13, 0.7), 2.5em 0em 0 0em rgba(113, 13, 13, 0.7), 1.75em 1.75em 0 0em rgba(113, 13, 13, 0.7), 0em 2.5em 0 0em rgba(113, 13, 13, 0.7), -1.8em 1.8em 0 0em rgba(113, 13, 13, 0.8), -2.6em 0em 0 0em rgba(113, 13, 13, 0.9), -1.8em -1.8em 0 0em #710D0D;
	}
}

.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		z-index: 10000;
}

/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 999;
	font-size: 15px;
	height: 3em;
	width: 3em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url('../img/red-loading.gif');
	background-size: 3em;
	background-repeat: no-repeat;
}


.font-weight-300 {
		font-weight: 300;
}


/* My savior - all time favourite centralised trick */

.flex-center {
	 display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	 -webkit-flex-direction: row;
	 flex-direction: row;
	 -webkit-align-items: center; /* Safari 7.0+ */
	 align-items: center;
	 -webkit-justify-content: center;
	 justify-content: center;
}


/* Just some hack kay */

input.no-style{
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   background: none;
   border: none;
   padding: 0;
}

.margin-tb {
		margin-top: 10px;
		margin-bottom: 10px;
}

.no-margin-tb {
		margin-top: -20px;
		margin-bottom: -20px;
}

.no-margin-left {
		margin-left: 0px;
}

.no-margin-lr {
		margin-left: 0px;
		margin-right: 0px;
}

.no-padding-lr {
		padding-left: 0px;
		padding-right: 0px;
}

.no-padding-l {
		padding-left: 0px;
}
.no-padding-r {
		padding-right: 0px;
}

.padding-tb {
		padding-top: 10px;
		padding-bottom: 10px;
}

.padding-lr {
		padding-left: 10px;
		padding-right: 10px;
}

.padding-lr-15 {
		padding-left: 15px;
		padding-right: 15px;
}

.no-border-t {
		border-top: none;
}

.display-none {
		display: none;
}
.text-center{
	text-align: center;
}

/* Beginning of 5 columns layout */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
		position: relative;
		min-height: 1px;
		padding-right: 10px;
		padding-left: 10px;
}

@media (max-width: 544px) {
		.col-xs-15 {
				width: 100%;
				float: left;
		}
}

@media (min-width: 544px) and (max-width: 767px) {
		.col-xs-15 {
				width: 50%;
				float: left;
		}
}

@media (min-width: 768px) {
		.col-sm-15 {
				width: 33%;
				float: left;
		}
}

@media (min-width: 992px) {
		.col-md-15 {
				width: 25%;
				float: left;
		}
}

@media (min-width: 1200px) {
		.col-lg-15 {
				width: 20%;
				float: left;
		}
}


/* End of 5 columns layout */


/* Beginning of overriding member responsive layout */

@media screen and (max-width: 544px) {
		.col-xs-18 {
				position: relative;
				min-height: 1px;
				padding-right: 10px;
				padding-left: 10px;
				width: 50%;
				float: left;
		}
}

@media (min-width:545px) and (max-width:767px) {
		.col-xs-18 {
				position: relative;
				min-height: 1px;
				width: 33.33333333%;
				padding-right: 10px;
				padding-left: 10px;
				float: left;
		}
}


/* End of overriding member responsive layout */

hr.dark {
		border-top: 1px solid #ddd;
		margin-top: 0px;
		margin-bottom: 5px;
}

.center {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: center;
		align-items: center;
}

.password-container {
		position: relative;
}

.password-container .glyphicon {
		position: absolute;
		cursor: pointer;
		top: 35px;
		right: 10px;
}

.timestamp {
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 300;
		font-size: 11px;
		color: #999;
		margin-left: 5px;
}

.text-muted {
		letter-spacing: normal;
		font-size: 90%;
		color: #8E8E8E;
}
.text-red {
		color: #710D0D;
}

.user-name {
		margin-right: 4px;

}

.label-premium,
.label-bgverified,
.label-diamond,
.label-diamond-green,
.label-diamond-green-emboss,
.label-diamond-blue,
.label-diamond-platinum,
.label-diamond-radial,
.label-test {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-size: 12.5px;
		font-weight: 400;
		padding: 3px;
		text-transform: uppercase;
		border-radius: 2px;
		letter-spacing: 1.5px;
		z-index: 2;
		vertical-align: middle;
}

.label-premium {
		background-color: #eba00e;
}

.label-bgverified {
		background-color: #40A9D6;
}

.label-admin {
		background-color: #710D0D;
}

.label-diamond-green-emboss {
	color: #D7C04D;
font-weight: bold;
		/*font-family: 'Roundslab Serif', 'Helvetica', sans-serif;*/
		background-color: #014421;
		box-shadow: 0 1px 2px #9A9A9A, /*bottom external highlight*/
		0 -1px 1px #9A9A9A, /*top external shadow*/
		inset 0 -1px 1px rgba(0, 0, 0, 0.5), /*bottom internal shadow*/
		inset 0 1px 1px rgba(255, 255, 255, 0.8);
		/*top internal highlight*/
}

.label-diamond-green {
		font-family: 'Roundslab Serif', 'Helvetica', '微软雅黑', sans-serif;
		background-color: #014421;
}

.label-diamond-blue {
		color: #D7C04D;
		background-color: #1B354C;
		font-weight: bold;
		box-shadow: 0 1px 2px #9A9A9A, /*bottom external highlight*/
		0 -1px 1px #9A9A9A, /*top external shadow*/
		inset 0 -1px 1px rgba(0, 0, 0, 0.5), /*bottom internal shadow*/
		inset 0 1px 1px rgba(255, 255, 255, 0.8);
		/*top internal highlight*/
}
.label-test{
	color: #333;
	text-shadow: 0px -1px 0px rgba(255,255,255,.5); /* 50% white from top */
	font-weight: bold;
	background: url('../img/brushed-metal.png');
	-webkit-column-rule: #000;
	-moz-column-rule: #000;
	-o-column-rule: #000;
	column-rule: #000;
}

.label-diamond {
	color: #000;

	font-weight: bold;
	background-color: #C5E4E7;
	/* For WebKit (Safari, Chrome, etc) */
	background: #C5E4E7 -webkit-gradient(linear, left top, left bottom, from(#7399A4), to(#C5E4E7)) no-repeat;
	/* Mozilla,Firefox/Gecko */
	background: #C5E4E7 -moz-linear-gradient(top, #7399A4, #C5E4E7) no-repeat;
	/* IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7399A4, endColorstr=#C5E4E7) no-repeat;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7399A4, endColorstr=#7399A4)" no-repeat;
	 box-shadow: 0 1px 2px #9A9A9A, //sss
		0 -1px 1px #9A9A9A, /*top external shadow*/
		inset 0 -1px 1px rgba(0, 0, 0, 0.3), /*bottom internal shadow*/
		inset 0 1px 1px rgba(255, 255, 255, 0.8);
}
.label-diamond-radial {
	/* fallback */
	color: #000;
	font-weight: bold;
	background-color: #C5E4E7;
	background-image: url(images/radial_bg.png);
	background-position: center center;
	background-repeat: no-repeat;

	/* Safari 4-5, Chrome 1-9 */
	/* Can't specify a percentage size? Laaaaaame. */
	background: -webkit-gradient(radial, center center, 0, center center, 460, from(#7399A4), to(#C5E4E7));

	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-radial-gradient(circle, #7399A4, #C5E4E7);

	/* Firefox 3.6+ */
	background: -moz-radial-gradient(circle, #7399A4, #C5E4E7);

	/* IE 10 */
	background: -ms-radial-gradient(circle, #7399A4, #C5E4E7);
	 box-shadow: 0 1px 2px #9A9A9A, /*bottom external highlight*/
		0 -1px 1px #9A9A9A, /*top external shadow*/
		inset 0 -1px 1px rgba(0, 0, 0, 0.3), /*bottom internal shadow*/
		inset 0 1px 1px rgba(255, 255, 255, 0.8);

	/* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}
/* Background Gradient for Complementary Colors */
.label-diamond-platinum
{
	color: #000;
	font-weight: bold;
	background-color: #FFFFFF;
		/* For WebKit (Safari, Chrome, etc) */
	background-color: #FFFFFF;
		/* For WebKit (Safari, Chrome, etc) */
		background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(#E2E3E5), to(#FFFFFF)) no-repeat;
		/* Mozilla,Firefox/Gecko */
		background: #FFFFFF -moz-linear-gradient(top, #E2E3E5, #FFFFFF) no-repeat;
		/* IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E2E3E5, endColorstr=#FFFFFF) no-repeat;
		/* IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E2E3E5, endColorstr=#E2E3E5)" no-repeat;
		 box-shadow: 0 1px 2px #9A9A9A, /*bottom external highlight*/
		0 -1px 1px #9A9A9A, /*top external shadow*/
		inset 0 -1px 1px rgba(0, 0, 0, 0.3), /*bottom internal shadow*/
		inset 0 1px 1px rgba(255, 255, 255, 0.8);

}


.logo-noblur{
	filter: none;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
}
.btn-circle:before {
		content: "\f00c";
}
.btn-circle {

		width: 18px;
		height: 18px;
		text-align: center;
		padding: 0;
		font-size: 12px;
		line-height: 1.428571429;
		border-radius: 15px;
		background-color: #77c7f7;
		box-shadow: 0px 0px 2px 0px rgba(140, 140, 140, 0.89);
		-moz-box-shadow: 0px 0px 2px 0px rgba(140, 140, 140, 0.89);
		-webkit-box-shadow: 0px 0px 2px 0px rgba(140, 140, 140, 0.89);
}

.notification-bar {
		margin-bottom: 1px;
}

.switch {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 22px;
}

.switch input {
		display: none;
}

.flash {
		position: absolute;
		background-color: #710D0D;
		top: -3px;
		font-size: 13px;
		color: #fff;
		font-family: 'Lato','微软雅黑';
		font-weight: 300;
		border-radius: 4px;
		padding: 1rem 1rem;
		z-index: 9;
		max-width: 200px;
}


/*check media size*/

@media (max-width: 480px) {
		.flash {
				font-size: 12px;
				padding: 0.7rem 1rem;
		}
}

.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
}

.slider:before {
		position: absolute;
		content: "";
		height: 14px;
		width: 14px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
}

input:checked + .slider {
		background-color: #2196F3;
}

input:focus + .slider {
		box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
		-webkit-transform: translateX(17px);
		-ms-transform: translateX(17px);
		transform: translateX(17px);
}


/* Rounded sliders */

.slider.round {
		border-radius: 34px;
}

.slider.round:before {
		border-radius: 50%;
}

div.tooltip-inner {
		text-align: left;
}

.btn-circle {
	width: 18px;
	height: 18px;
	text-align: center;
	padding: 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
	background-color: #77c7f7;
	box-shadow: 0px 0px 2px 0px rgba(140, 140, 140, 0.89);
	-moz-box-shadow: 0px 0px 2px 0px rgba(140, 140, 140, 0.89);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(140, 140, 140, 0.89);
}

.btn-plus{
	background-color: #710D0D;
}

.btn-plus:before{
	content: "\002b";
  font-family: 'Glyphicons Halflings';
	color:#fff;
	font-size: 10px;
	margin-left: 2px;
}

.btn-facebook{
	display: block;
	width: 100%;
	background-color: #4267B2;
	color: #fff;
	border-radius: 6px;
	font-family: 'Helvetica', sans-serif;
	font-size: 14px;
	padding: 6px;
	margin: 0 auto;
}

.btn-facebook:hover,
.btn-facebook:focus{
	text-decoration: none;
	color: #fff;
}

.btn-facebook .fb-logo{
	height: 20px;
	width: 20px;
	vertical-align: top;
	margin-right:2%;
}

.btn-facebook .fb-text{
	vertical-align: middle;
	text-align: center;
}


/* Tooltip box */

.arrow_box {
		position: relative;
		background: #3F3F3F;
		color: #fff;
		word-wrap: normal;
		margin-top: 10px;
		min-height: 50px;
		width: 95%;
		max-width: 180px;
		border-radius: 4px;
		padding: 5px 10px;
}

.arrow_box:after {
		bottom: 100%;
		left: 45px;
		border: solid transparent;
		content: " ";
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(113, 13, 13, 0);
		border-bottom-color: #3F3F3F;
		border-width: 10px;
		margin-left: -10px;
}


/* Message disabled tooltip box */

#message-tootip + .tooltip > .tooltip-inner {
		font-family: 'Source Sans Pro','微软雅黑';
		font-size: 14px;
		max-width: 150px;
}


/* Inside tooltip of join*/

a.learnmoretxt {
		color: #fff;
		text-decoration: underline;
}

a.learnmoretxt:hover {
		color: #710D0D;
}


/* Alert - Green, red box */

.alert {
		border-radius: 0px;
}

.alert-notification {
		border-radius: 0px;
		color: #fff;
		text-align: center;
		background-color: #545454;
}

.profile-attr-title,
.profile-attr-text {
		font-size: 13px;
}

.profile-attr-title {
		font-weight: bold;
		font-size: 14px;
}

.profile-attr-text {
		margin-left: 9px;
}


/* Profile-listview-big */


.user-name {
		font-size: 19px;
}

.profile-listview-big .user-avatar img {
		width: 100%;
}

.profile-listview-big img.user-avatar-circle {
		border-radius: 50%;
}

.user-info {
		font-weight: 400;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 13.5px;
		letter-spacing: normal;
		color: #8e8e8e;
}

.profile-listview-big .user-status {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin: 0;
		letter-spacing: normal;
		font-size: 14px;
}

.profile-listview-big .user-action {
		text-align: right;
}

.profile-listview-big .user-action.share-action {
		float: right;
		margin-right: 10px;
}

.profile-listview-big .user-action .icons {
		font-size: 20px;
		padding: 0 5px;
		float: right;
}

.blur-layer {
		position: relative;
		-webkit-filter: blur(10px);
		-webkit-transition: -webkit-filter .010s;
		-webkit-filter: opacity(.2);
		filter: opacity(.2);
		z-index: 990;
		-webkit-touch-callout: none;
		/* iOS Safari */
		-webkit-user-select: none;
		/* Chrome/Safari/Opera */
		-khtml-user-select: none;
		/* Konqueror */
		-moz-user-select: none;
		/* Firefox */
		-ms-user-select: none;
		/* Internet Explorer/Edge */
		pointer-events: none;
}

.middle-text h2 {
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 700;
		color: #333;
		text-transform: uppercase;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		font-size: 2rem;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		z-index: 999;
		border: 1px solid #710D0D;
		border-radius: 5px;
		padding: 10px 20px;
}
.profile-incomplete-layer{
		background-color: rgba(0,0,0,0.9);
		position: absolute;
		width: 100%;
		height: 100%;
		margin-left: -15px;
		margin-top: -10px;
		border-radius: 4px;
		/*margin-top: 10px;*/
		z-index: 999;
}

.profile-incomplete-blur-layer{
	/* blur filters */
	  -webkit-filter: blur(2px);
	  -o-filter: blur(2px);
	  filter: blur(2px);
}

img.profile-incomplete-blur-layer{
	/* blur filters */
	  -webkit-filter: blur(10px);
	  -o-filter: blur(10px);
	  filter: blur(10px);
}
.protected-black-layer{
		background-color: rgba(0,0,0,0.9);
		position: absolute;
		width: 100%;
		height: 100%;
		min-height: 200px;
		/*margin-top: 10px;*/
		z-index: 999;
}

.protected-textbox {
		margin: 0;
		margin-top: 0;
		position: absolute;
		display: block;
		width: 100%;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
		transform: translate(-50%, -50%);
		color: #fff;
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		text-align: center;
}

.protected-textbox h2 {
		font-size: 3rem;
		margin-bottom: 4rem;
		font-weight: 400;
}

@media screen and (max-width: 767px) {
		.protected-textbox {
				margin: 0;
				margin-top: 0;
				position: absolute;
				display: block;
				width: 100%;
				color: #fff;
				font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
				text-align: center;
		}

		.protected-textbox h2 {
				font-size: 2rem;
				margin-bottom: 2rem;
				font-weight: 400;
		}
		.protected-textbox .note-text{
					font-size: 16px;
					font-weight: 300;
					font-style: italic;
			}

		.protected-black-layer{
			min-height: 150px;
		}

}
.blur-layer-black {
		/*position: relative;*/
		-webkit-filter: blur(5px);
		-webkit-transition: -webkit-filter .05s;
		z-index: 990;
		-webkit-touch-callout: none;
		/* iOS Safari */
		-webkit-user-select: none;
		/* Chrome/Safari/Opera */
		-khtml-user-select: none;
		/* Konqueror */
		-moz-user-select: none;
		/* Firefox */
		-ms-user-select: none;
		/* Internet Explorer/Edge */
		pointer-events: none;
}

.profile-complete-textbox {
		margin: 0;
		position: absolute;
		display: block;
		width: 100%;
		top: 10%;
		/*-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);*/
		color: #fff;
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		text-align: center;
}

@media screen and (max-width: 767px) {
	.profile-complete-textbox {
			margin: 0;
			position: absolute;
			display: block;
			width: 100%;
			top: 2%;
			/*-ms-transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);*/
			color: #fff;
			font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
			text-align: center;
	}
}

.profile-complete-textbox h2 {
		font-size: 3rem;
		margin-bottom: 4rem;
		font-weight: 400;
}

.note-text{
		font-size: 16px;
		font-weight: 300;
		font-style: italic;
}

.upgrade-layer {
		z-index: 9999;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
}


/* Mainly for authenticated user */

.boxes {
		background-color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10px;
}

.layout-right.boxes {
		background-color: transparent;
}

.boxes h3 {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
		font-size: 23px;
		padding: 5px 0 5px 10px;
		margin-top: 0px;
		margin-bottom: 0px;
}

.no-info-boxes {
		padding: 6rem 7.5rem;
		text-align: center;
		vertical-align: middle;
}

.no-info-boxes h3 {
		margin-bottom: 10px;
}

.no-info-boxes p>a.btn {
		margin-top: 10px;
}

.boxes-border {
		border: 1px solid;
		border-top-color: rgb(229, 230, 233);
		border-top-style: solid;
		border-top-width: 1px;
		border-right-color: rgb(223, 224, 228);
		border-right-style: solid;
		border-right-width: 1px;
		border-bottom-color: rgb(208, 209, 213);
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-left-color: rgb(223, 224, 228);
		border-left-style: solid;
		border-left-width: 1px;
		border-image-source: initial;
		border-image-slice: initial;
		border-image-width: initial;
		border-image-outset: initial;
		border-image-repeat: initial;
		border-color: #e5e6e9 #dfe0e4 #d0d1d5;
		border-top-color: rgb(229, 230, 233);
		border-right-color: rgb(223, 224, 228);
		border-bottom-color: rgb(208, 209, 213);
		border-left-color: rgb(223, 224, 228);
		border-radius: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-bottom-left-radius: 3px;
}

.profile-right .boxes-border:first-child {
		border-top: 0px;
		border-top-right-radius: 0px;
		border-top-left-radius: 0px;
}

.list-group {
		list-style: none;
}

.list-group-item {
		border-top: 1px solid #ddd;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px solid #ddd;
}

.list-group-item a {
		text-decoration: none;
		display: block;
}

.list-group-item:first-child {
		border-top: 0px;
		border-bottom: 0px;
}

.list-group-item:last-child {
		border-radius: 0px;
		border-bottom: 0px;
}

.list-group-item>.row {
		padding: 5px;
}

.checkbox-inline.no_indent,
.checkbox-inline.no_indent+.checkbox-inline.no_indent {
		margin-left: 0;
		margin-right: 10px;
}

.checkbox-inline.no_indent:last-child {
		margin-right: 0;
}


/*.list-group-item>.row label{



	margin-top: 4px;



}*/

.link-overlay {
		cursor: pointer;
		color: inherit;
		text-decoration: none;
}

.link-overlay:hover {
		color: inherit;
		text-decoration: none;
}

.links a:hover {
		text-decoration: none;
}


/*button:focus, textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {



		border-color: rgba(113, 13, 13, 0.8);



		box-shadow: 0 1px 1px rgba(113, 13, 13, 0.075) inset, 0 0 8px rgba(113, 13, 13, 0.6);



		outline: 0 none;



}*/

.content {
		background-color: #f7f7f7;
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
}


/* Overriding */

.jumbotron {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		background-color: none;
}

#banner-about-us {
		background: url("../img/banner13.png") no-repeat;
		background-position: 100% 60%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		color: #000000;
		position: relative;
		height: 450px;
}

.banner-heels video {
		background: transparent url('../img/heels-poster.jpg') no-repeat 25% 50%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

video#bannervideo {
		background: transparent url('../img/snapshot.jpg') no-repeat 30% 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
}

.banner-how-it-works {
		width: 100%;
		overflow: hidden;
		color: #ffffff;
		position: relative;
}

.banner-how-it-works video {
		object-fit: cover;
		object-position: 50% 40%;
		width: 100%;
		height: 100%;
		z-index: -1px;
}

.banner-how-it-works .title {
		margin: 0 auto;
		position: absolute;
		z-index: 2;
		width: 100%;
		text-align: center;
		color: #000;
		/*text-shadow:0.5px 0.5px 0 rgba(255,255,255,0.4);*/
}

.banner-how-it-works h1 {
		font-size: 40px;
}

.banner-how-it-works p#desc {
		margin: 0 auto;
}

.parallax{
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-party{
	/* The image used */
	background-image: url("../img/party-2018-bg2.jpg");
	/* Set a specific height */
	background-position: center 50px !important;
	background-size: contain !important;
	height: 600px !important;

}

.banner-party-countdown{
	margin-left: 15%;
	left: 47%;
	position: relative;
	margin-top: 25px;
}
.banner-party-countdown span{
    font-size: 3em;
    display: inline-block;
    color: #C29659;
    text-shadow: 1px 1px 0 rgba(0,0,0,.2);
    text-align: center;
    width: auto;
    padding: 5px 15px;
}
.banner-party-countdown span:not(:last-child){
    border-right: 1px solid #ddd;

}
.banner-party-countdown span em{
	display: block;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: .4em;
    color: #000;
    text-transform: uppercase;
}
@media (min-width: 48em){
	.banner-party:before {
	    width: 56vw;
	}
}

.banner-party:before {
/*    content: ' ';
    position: absolute;
    right: 0;
    width: 53%;
    height: 100%;
    background-color: rgba(219,20,69,.88);
    display: block;*/
}


.banner-party-title-left{
	text-align: center;
	position: relative;
	margin-top: 0%;
	width: 18%;
	left: 15%;
}

.banner-party-title-right{
	text-align: center;
	position: relative;
	padding-top: 20px;
	margin-top: 5%;
	left: 42%;
	/*margin-top: 10%;*/
	width: 30%;
}
.early-bird-text{
	padding:3px 15px;
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.8px;
	font-weight: 500;
	background-color: #C29659;
	color: #fff;
	margin-left:66.8%;
}
.banner-purchase-ticket{
	background-image:url('../img/KL-Skyline2.jpg');
	background-color: #333;
	color: #fff;
	background-position: top center;
}
@media screen and (max-width: 991px) {
	.banner-party{
		height: 450px !important;
	}
	.banner-party-title{
		margin-top: 5%;
		width: 70%;
	}

	.banner-party-countdown{
		margin-left: 14%;
		margin-bottom: 40px;
	}

	.banner-party-countdown span{
		font-size: 2.1em;
	}

	.early-bird-text{
		font-size: 14px;
		margin-left:66%;
	}
}


@media screen and (max-width: 768px) {
	.banner-party{
		height: auto !important;
		/*background-position: center top !important;*/
		background-position-x: 50% !important;
		/*background-position-y: 0% !important;*/
		margin-top: -50px;
  		background-image: none;
	}
	.banner-party-title{
		margin-top: 10%;
		width: 90%;
	}

	.banner-party-paragraph p{
		padding: 0 15px;
	}

	.banner-party-paragraph h3{
		font-size: 20px !important;
	}

	.banner-party-title-group{
		margin-top: -100%;
		margin-bottom: 30%;
	}

	.banner-party-title-left{
		text-align: center;
		position: relative;
		margin-top: 20%;
		width: 30%;
		visibility: hidden; /*hidden - css screws up if make it display none*/
		left: 0;
	}

	.banner-party-title-right{
		text-align: center;
		position: relative;
		margin-top: -10%;
		left: 50%;
		/*margin-top: 10%;*/
		width: 50%;
	}

	.banner-party-ticket-purchase{
		margin: 30% auto -30%;
		display: block;
		position: relative;
		text-align: center;
	}

	.banner-party-countdown{
		position: initial;
		text-align: center;
		max-width: 280px;
		margin: 21% auto -21%;
		background-color: #fff;
		border: 1px solid #C29659;
	}

	.banner-party-countdown span{
		font-size: 2em;
		text-shadow: none;
		color: #333;
	}

	.banner-party-countdown span:not(:last-child){
		border-color: #C29659;
	}

	.banner-party:before{
		width: 56%;
	}
	.banner-purchase-ticket{
		background-size: cover;
		background-attachment: scroll;
		background-color: #333;
		color: #fff;
		background-position: top center;
	}

}




.party-faq-paragraph {
	margin-bottom: 2em;
	line-height: 22px;
}
.party-faq-paragraph h5{
	font-weight: bold;
}
.testimonial {
		background: none;
		background-color: #f9f9f9;
		padding: 50px 0px;
}

.member-list-row {
		margin-bottom: 10px;
		padding: 0px 15px;
}

.member-list-row>div {
		display: inline-block;
}

.member-list-row>div:not(:nth-child(1)) {
		padding-left: 10px;
}

.member-list-row>div>a>img {
		max-width: 75px;
		width: 100%;
		margin: 0 auto;
}

@media screen and (max-width: 351px) {
		.member-list-row>div>a>img {
				width: 45px;
		}
}



@media screen and (max-width: 768px) {
		.member-list {
				margin-bottom: 20px;
		}
		.member-list-row>div>a>img {
				min-width: 100%;
				max-width: 70px;
		}
		#sb-section {
				background: url('../img/blackdress2.jpg');
				background-position: right 45%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 350px;
		}
		#sb-box {
				color: #000;
				width: 100%;
				height: 100%;
				padding: 40px 20px;
				margin-right: 0;
				margin-top: 0px;
				background-color: rgba(255, 255, 255, 0.55);
		}
		#sd-section {
				background: url('../img/idealSugarDaddy.jpg');
				background-position: left 30%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 350px;
		}
		#sd-box {
				color: #000;
				width: 100%;
				height: 100%;
				padding: 40px 20px;
				margin-left: 0;
				margin-top: 0px;
				background-color: rgba(255, 255, 255, 0.55);
		}
		.banner-home {
				background: transparent url('../img/snapshot.jpg') no-repeat 30% 0;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
		}
		.banner-heels {
				background: transparent url('../img/heels-poster.jpg') no-repeat 25% 50%;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
		}
}


/* index banner */

@media screen and (min-width: 769px) {
		.banner-how-it-works {
				height: 95vh;
		}
		.banner-how-it-works .title {
				margin: 0 auto;
				position: absolute;
				z-index: 2;
				top: 66%;
				transform: translateY(-50%);
				width: 100%;
				text-align: center;
				color: #000;
				/*text-shadow:0.5px 0.5px 0 rgba(255,255,255,0.4);*/
		}
		.banner-heels .title {
				top: 72%;
		}
		#sb-section {
				background: url('../img/blackdress2.jpg');
				background-position: right 45%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 500px;
		}
		#sb-box {
				color: #000;
				width: 400px;
				padding: 40px 20px;
				margin-right: 100px;
				margin-top: 100px;
				background-color: rgba(255, 255, 255, 0.35);
		}
		#sd-section {
				background: url('../img/idealSugarDaddy.jpg');
				background-position: left 30%;
				background-repeat: no-repeat;
				background-size: cover;
				height: 500px;
		}
		#sd-box {
				color: #000;
				width: 400px;
				padding: 40px 20px;
				margin-left: 100px;
				margin-top: 100px;
				background-color: rgba(255, 255, 255, 0.35);
		}
}


/* For only mobile device */

@media screen and (max-width: 768px) {
		.jumbotron h1 {
				font-size: 40px;
		}
		.jumbotron p {
				font-size: 16px;
		}
		.jumbotron .container {
				text-align: center;
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 180px;
				padding: 5px;
				color: #000;
				background-color: rgba(255, 255, 255, .7);
		}
		.jumbotron .container .btn-login {
				margin: 30px;
		}
		#banner-about-us .container {
				height: 200px;
		}
		.foreword {
				margin-top: 25px;
				margin-bottom: 25px;
		}
		/* cause of unstable scroll */
		.banner-how-it-works {
				height: 450px;
		}
		.banner-how-it-works.banner-home {
				height: 300px;
		}
		.banner-how-it-works .title {
				text-align: center;
				position: absolute;
				bottom: 0;
				width: 100%;
				height: auto;
				/*210px*/
				padding: 5px;
				color: #000 !important;
				background-color: rgba(255, 255, 255, .7);
		}
		.banner-heels h1{
				font-size: 26px;
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 300; /*ori 200*/
		}
		.banner-home-title {
				text-align: center;
				position: relative;
				bottom: 0;
				width: 100%;
				height: auto;
				/*210px*/
				padding: 5px;
				color: #000 !important;
				background-color: rgba(255, 255, 255, .7);
		}
		.banner-home-title h1 {
				font-size: 26px;
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 300; /*ori 200*/
		}
		.banner-home-title p#desc, .banner-heels p#desc {
				font-size: 16px;
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 300;
				padding-left: 5px;
				letter-spacing: 0.8px;
		}
}
/* Mobile - M */
@media screen and (max-width: 380px) {

		.banner-home-title h1,.banner-heels h1 {
				font-size: 25px;
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 300; /*ori 200*/
		}

		.banner-heels .arrow-down{
				/*display: none;*/
		}
}

@media (min-width: 769px) {
		.jumbotron h1 {
				font-size: 30px;
		}
		.jumbotron p {
				font-size: 12px;
		}
		.jumbotron .container h1,
		.jumbotron .container p#desc {
				width: 270px;
		}
		.jumbotron .container {
				margin-top: 100px;
		}
		#banner-about-us .container h1,
		#banner-about-us .container p#desc {
				width: 200px;
		}
		#banner-about-us p {
				font-size: 14px;
		}
		.banner-how-it-works p#desc {
				width: 400px;
		}
		.jumbotron h1,
		.banner-how-it-works h1 {
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 100;
		}

		.jumbotron p,
		.banner-how-it-works p {
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 300;
				padding-left: 5px;
				letter-spacing: 0.8px;
		}
}

@media (min-width: 992px) {
		.jumbotron h1 {
				font-size: 32px;
		}
		.jumbotron p {
				font-size: 14px;
		}
		.jumbotron .container h1,
		.jumbotron .container p#desc {
				width: 450px;
		}
		.jumbotron .container {
				margin-top: 100px;
		}
		.banner-how-it-works p#desc {
				width: 450px;
		}
}

@media (min-width: 1200px) {
		.jumbotron h1 {
				font-size: 40px;
		}
		.jumbotron p {
				font-size: 16px;
		}
		.jumbotron .container h1,
		.jumbotron .container p#desc {
				width: 1170px;
		}
		.jumbotron .container {
				margin-top: 100px;
		}
		#banner-about-us .container h1,
		#banner-about-us .container p#desc {
				width: 500px;
		}
		#banner-about-us p#desc {
				text-align: left;
		}
		.jumbotron .container .btn-login {
				font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
				font-weight: 400;
				letter-spacing: 0.5;
		}
		.banner-how-it-works p#desc {
				width: 570px;
		}
}

.fade-in-video {
		opacity: 0;
		transition: opacity .5s linear;
}

.fade-in-video.is-playing {
		opacity: 1;
}



#banner-about-us h1 {
		text-align: center;
}

.banner-about-us>.arrow-down,
.banner-how-it-works>.title>.arrow-down {
		text-align: center;
}

.banner-about-us>.arrow-down img,
.banner-how-it-works>.title>.arrow-down img {
		padding-top: 10px;
		width: 30px;
}

.navbar {
		background-color: white;
		border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.btn-join {
		background-color: hsl(0, 0%, 100%) !important;
		background-repeat: repeat-x;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");
		background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
		background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
		background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
		background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
		background-image: -o-linear-gradient(top, #ffffff, #ffffff);
		background-image: linear-gradient(#ffffff, #ffffff);
		border-color: #ffffff #ffffff hsl(0, 0%, 100%);
		color: #333 !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00);
		-webkit-font-smoothing: antialiased;
}

.btn-join:focus {
		outline: none;
		box-shadow: none;
}

.btn-login {
		background-color: #710D0D;
		background-repeat: repeat-x;
		color: #fff !important;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
		-webkit-font-smoothing: antialiased;
		font-weight: bold;
		border-radius: 50px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;

}

.btn-round{
	color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 50px;
	font-weight: bold;
}

.btn-submitProblem{

	background-color: #710D0D;
	background-repeat: repeat-x;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00);
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	font-size: 16px;
	width:335px;
	height:40px;
	line-height: 24px;
	border-radius: 50px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-top: -15px;
	max-width: 100%;

}

.drop_area{

  height: 104px;
	font-size: 16px;
	color:#333333;
	font-family: Lato;
	border-radius: 5px;
	background-color: #F0F1F5;
	cursor: pointer;


}

.drop_area:hover{

	background-color: #f2f4fa;
}

.image_preview_image{

	height: 90px;
	width:90px;
  margin-left: 12px;
	padding-top: 10px;
	display: none;
}

.preview_img .preview_text{
	display: none;
}

.image_preview_text{

	padding-top: 31px;
	display: flex;
  align-items: center;
  justify-content: center;
	font-weight: bold;

}

.imgName{
  margin-left: 14px;
	display:none;

}

.imgSize{
  margin-left: 14px;
	display:none;
	color: #676767;
}

.imgReset{
	display:none;
	position: relative;
	top: inherit;
	height:23px;
	padding-bottom: 3px;
}

.close_problem{
	left:unset;
	right:0;
	margin-right: 18px;
	width: 30px;
	margin-top: 18px;
}

.errorsfont{

	font-weight: bold;
	font-size: 16px;
	margin: auto;
	display: table;
	text-align: center;
	padding-top: 15px;
}

.preview_format{

	font-size: 14px;
	color:#939393;
	margin: auto;
	text-align: center;
	display: table;
}

.close_download{

	position: relative;
	top: inherit;
	height:40px;
	padding-bottom: 8px;
	margin-right:-7px;
	margin-left: -2px;
}

.app_logo{

	width:50px;
	height:50px;
	margin-top: 10px;

}

.app_disc{

  Display:inline-block;
	vertical-align: middle;
  margin-left: 3px;
	margin-top: 10px;
}

.app_name{
	font-size: 14px;
	margin-bottom: -3px;
}

.download_app{

	display: none;
	height: 72px;
	letter-spacing: 0px;
	border: 1px solid #e6e5e5;
	font-family: Arial,sans-serif;
	background-color: #f1f1f1;

}

.download_text{
	font-size: 12px;
}

.download_link{
vertical-align: middle;
font-size: 14px;
float: right;
Display: inline-block;
margin-right: 12px;
margin-top: 25px;
color: #337ab7;
}

.link_button{
	background-color: #f1f1f1;
	padding: 4px 4px 4px 4px;
}

.moderator_area{

	background-color: #FFFFFF;
	padding:10px;
	height: auto;
	border: 1px solid #E1E1E1;
	border-radius: 4px;

}

.moderator_tab{
	width:50%;
	text-align:center;
	font-weight: bold;
}

.moderator_select{
  margin-left: 1.5%;
	height: 15px;width: 15px;
}

.moderator_select_text{
vertical-align: middle;
margin-top: 12px;
margin-bottom: 12px;
margin-left: 10px;
}

.moderator_table{
	background-color: #f0f0f0;
	border-radius: 5px;
	overflow: hidden;
	border: 1px solid #E7E7E7;
}

.moderator_img{
	width: 36px !important;
height: 36px;
vertical-align: text-top;
}

.btn_resolve{
	margin-top: 16%;
	width:125px;
	height: 35px;
}

.nav-tabs li a {
/*    color: #347AB7 !important; */
	color: #333333 !important;
}

.nav-tabs li.active a {
    color: #000 !important;
}



@media screen and (max-width: 767px) {
		.moderator_button{
			  display: block;
				margin-left: 20px;

		}


		.moderator_button_submit{
			   width:95%;
				 color: #710D0D;
				 border-color: #710D0D;
				 margin-top: 2px;
				 padding: 8px 15px !important;
				 border-radius:50px;
		}

		.report_description{
			margin-top: 3px;
					vertical-align: top;
					width: 90%;
					margin-left: 20px;

		}

		.report_category{
			margin-left: 20px;
			width: 90%;
			margin-top: 5px;

		}
}

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

	.moderator_button{
		display:inline-block;
		margin-left: 1.5%;
		width: 15%;

	}

	.moderator_button_submit{
			 margin-top: 0px;
	}

	.report_description{
		margin-top: 3px;
		    vertical-align: top;
		    width: 55%;
		    margin-left: 20px;

	}

	.report_category{
		margin-left: 20px;
		width: 22%;
		margin-top: 5px;

	}
}







.shrinked-navbar {
}

.btn-source-font {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
		font-size: 15px;
}

.btn-login:hover {
		background-color: #8E1111 !important;
}

.btn-border {
		background-color: hsl(0, 0%, 100%) !important;
		background-repeat: repeat-x;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");
		background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
		background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
		background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
		background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
		background-image: -o-linear-gradient(top, #ffffff, #ffffff);
		background-image: linear-gradient(#ffffff, #ffffff);
		border-color: #989898 #989898 hsl(0, 0%, 60%);
		color: #333 !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.00);
		-webkit-font-smoothing: antialiased;
		border-radius: 50px;
}

.btn-border-none {
		background: none;
}

.btn-border-none:focus {
		outline: none !important;
}

.btn-outline-only {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		padding: 10px 30px;
		border: 1px solid #464646;
		border-radius: 0px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 700;
		color: #000;
}

.btn-outline-only:hover {
		color: rgba(0, 0, 0, 0.6);
}

.btn-outline-only-white {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		padding: 10px 30px;
		border: 1px solid #fff;
		border-radius: 0px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 700;
		color: #000;
}

.btn-outline-all-white {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		padding: 10px 30px;
		border: 1px solid #fff;
		border-radius: 0px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 700;
		color: #fff;
}

.btn-outline-all-white:hover {
		color: #ccc;
}

.btn-outline-red{
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		padding: 10px 40px;
		border: 1px solid #710D0D;
		border-radius: 2px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 700;
		color: #710D0D;
	    -moz-transition: all .2s ease-in-out;
    	-webkit-transition: all .2s ease-in-out;
    	-o-transition: all .2s ease-in-out;
    	-ms-transition: all .2s ease-in-out;
}
.btn-outline-red:hover{
		color: #fff;
		background-color: #710D0D;
}

.btn-fill-red{
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		padding: 10px 40px;
		border: 1px solid #710D0D;
		border-radius: 2px;
		text-transform: uppercase;
		font-size: 14px;
		background-color: #710D0D;
		font-weight: 700;
		color: #fff;
	    -moz-transition: all .2s ease-in-out;
    	-webkit-transition: all .2s ease-in-out;
    	-o-transition: all .2s ease-in-out;
    	-ms-transition: all .2s ease-in-out;
}
.btn-fill-red:hover{
		color: #710D0D;
		background-color: #fff;
}
.btn-fill-red:focus{
		color: #fff;
		background-color: #710D0D;
}

.btn-primary-white {
		background-color: #fff;
		border: 1px solid #B1B1B1;
		border-radius: 3px;
		color: #5d5d5d;
}

.btn-upgrade {
		background-color: #fff;
		border: 1px solid #B1B1B1;
		border-radius: 3px;
		color: #5d5d5d;
		font-weight: bold;
		padding: 10px 15px !important;
}

.btn-upgrade:hover {
		color: #353535;
		border-color: #989898;
}

.btn-default:hover,
.btn-default:active:focus,
.btn-upgrade:active:focus,
.btn-default:focus,
.btn-upgrade:focus,
.btn-default:active:hover {
		background-color: #fff;
}

.btn:active {
		-webkit-box-shadow: none;
		box-shadow: none;
}

.btn-responsive {
		width: 100%;
}
/* blue color btn continue */
.confirm-payment{
    background-color:#039EDF;
    padding:10px 20px;
    color:#fff;
    width: 300px;
    font-weight:bold;
}

.confirm-payment:hover,
.confirm-payment:focus{
	color:#fff;
	opacity: 0.9;
}

/* navy blue payment btn */
.multicards-pay{
	background-color: #30549B;
	box-shadow: 0 1px 1px rgb(48, 120, 155) inset;
	width: 100%;
}

/* inline gold lock */
.multicards-pay .fa-lock{
	color:#EDA100;
	font-size:18px;
	vertical-align:middle;
	margin-right:5px;
}
.multicards-pay:hover,
.multicards-pay:focus{
    color:#fff;
    opacity: 0.95;
}

/* gold paypal btn */
.btn-paypal{
	box-shadow: 0 1px 1px #ffd699 inset;
	outline: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #ffaf00 #eea10e #dc911d #eea10e;
	border-radius: 5px;
	padding: 10px 20px;
	background: #ffc439;
	cursor: pointer;
	text-align: center;
	color: #333 !important;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
	font-weight: bold;
	width: 100%;
}
.btn-paypal:hover,
.btn-paypal:focus{
	text-decoration: none;
	opacity: 0.9;
}
.btn-hover{
    transition-duration: 167ms;
    transition-property: background-color,box-shadow,color;
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
.btn-hover:hover{
	box-shadow: inset 0 0 0 1px #710D0D, inset 0 0 0 3px transparent;
    color: #710D0D;
}
li.nav-upgrade-mobile,
li.nav-upgrade-mobile:hover{
	background: linear-gradient(314.62deg, #E28C1F 0%, #FFC345 40.42%, #FFF97E 100%);
	color: #524A47 !important;
}

li.nav-upgrade-mobile a,
li.nav-upgrade-mobile a:hover{
  background: linear-gradient(314.62deg, #E28C1F 0%, #FFC345 40.42%, #FFF97E 100%);
	color: #524A47 !important;
	font-weight: bold;
  letter-spacing: 0;
}

li.nav-upgrade-mobile img{
	width: 20px;
vertical-align: text-bottom;
margin-right: 10px;
height: 20px;
margin-left: 2px;
}

@media screen and (max-width: 767px) {
		.btn-responsive {
				width: auto;
		}
}

.navbar-nav>.nav-item .nav-link {
		color: #464646;
		font-size: 15px;
		margin-left: -50px;
}

.navbar-brand-out {
	margin-top: 8px !important;
}

/* change logo here */
.navbar-brand{
	/* SVG Fallback */
/*	background: url("../img/logo-220.png") center / contain no-repeat;*/
	 background: url("../img/logo.png") center / contain no-repeat,
linear-gradient(transparent, transparent);
	margin-top: 18px !important;
	margin-bottom: 0px !important;
    height: 33px !important;
    max-width: 220px !important;

	/* Christmas 2018 */
/*	background: url("../img/christmas-logo.png") center / contain no-repeat,
linear-gradient(transparent, transparent);*/

/*	background: url("../img/seasonal/cny/logo-cny.png") center / contain no-repeat,
linear-gradient(transparent, transparent);*/

	/* Last Christmas I gave you my heart */
	/*background: url("../img/logo-xmas.png") center / contain no-repeat;
	background: url("../img/logo-xmas.svg") center / contain no-repeat;*/

	/* Last Valentine you gave it back to me */
	/*background: url("../img/logo-vday.png") center / contain no-repeat;
	background: url("../img/logo-vday.svg?v=1") center / contain no-repeat;*/
	/*margin-top: 2px !important;
    margin-bottom: 1px !important;
    margin-right: -15px !important;
	height: 46px !important;*/

	/* vday 2019
	background: url("../img/seasonal/vday/logo-vday.png") center / contain no-repeat,
linear-gradient(transparent, transparent);
	height: 40px !important;
	*/

}

@media screen and (max-width: 767px) {
		.navbar-brand {
			height: 45px;
		    margin-top: 2px;
		    margin-right: 0px !important;
		    margin-bottom: 3px;
			width: 220px;
		}
		.navbar-header>.navbar-brand {
				margin-left: -5px;
		}
		.navbar-brand-small {
				 background: url("../img/logo/SB_Logo.png") center / contain no-repeat !important;
				 background-size: auto;
				/*Christmas 2018*/
/*				background: url("../img/christmas-icon.png") center / contain no-repeat;*/
				margin-top: 8px !important;
				padding-bottom: 35px;
				width: 70px !important;
		}
		.btn-upgrade {
				display: none !important;
		}
		.navbar-nav>.nav-item>.nav-link {
				padding-top: 0px;
				margin-left: 0px;
		}
}

/* for the sake of small logo */
@media screen and (max-width: 378px) {
		.navbar-header>.navbar-brand {
				margin-right: 10px;
		}
		#navbar-top li a{
				padding-left: 0.6rem;
				padding-right: 0.6rem;
		}
		.navbar-right a.avatar{
				padding: 10px 10px;
		}
}
@media (min-width: 768px) {
		.navbar-brand {
			height: 45px;
		    margin-top: 2px;
		    margin-right: -10px;
		    margin-bottom: 3px;
			width: 220px;
			padding: 15px 10px;
			background-position: left;
		}
		.navbar-brand-zh{
			/* SVG Fallback */
			background: url("../img/logo.png") center / contain no-repeat,
    	linear-gradient(transparent, transparent);
			width: 220px;
			padding: 15px 10px;
			background-position: left;

			/* Christmas 2018 */
/*			background: url("../img/christmas-logo.png") center / contain no-repeat,
		linear-gradient(transparent, transparent);*/
/*		background: url("../img/seasonal/cny/logo-cny.png") center / contain no-repeat,
		linear-gradient(transparent, transparent);*/*/

		}

		.nav-actions {
				margin-left: -50px;
		}
		.navbar>.container .navbar-brand {
				margin-left: 0px;
		}
}

@media (min-width: 992px) {
		.navbar-brand {
			height: 45px;
		    margin-top: 2px;
		    margin-right: -10px;
		    margin-bottom: 3px;
		    width: 220px;
			padding: 15px 10px;
			background-position: left;
		}

		.navbar-brand-zh{
				/* SVG Fallback */
				 background: url("../img/logo.png") center / contain no-repeat,
		linear-gradient(transparent, transparent);
				width: 220px;
				padding: 15px 10px;
				background-position: left;
				/* Christmas 2018 */
/*			background: url("../img/christmas-logo.png") center / contain no-repeat,
			linear-gradient(transparent, transparent);*/

/*			background: url("../img/seasonal/cny/logo-cny.png") center / contain no-repeat,
		linear-gradient(transparent, transparent);*/*/
		}
		.nav-actions {
				margin-left: -50px;
		}
}

@media (min-width: 1200px) {
		.navbar-brand {
			height: 45px;
		    margin-top: 2px;
		    margin-right: -10px;
		    margin-bottom: 3px;
		    width: 220px;
			padding: 15px 10px;
			background-position: left;
		}

		.navbar-brand-zh{
				/* SVG Fallback */
/*				background: url("../img/logo-220.png") center / contain no-repeat;*/
				 background: url("../img/logo.png") center / contain no-repeat,
		linear-gradient(transparent, transparent);
				width: 220px;
				padding: 15px 10px;
				background-position: left;
				/* Christmas 2018 */
/*			background: url("../img/christmas-logo.png") center / contain no-repeat,
			linear-gradient(transparent, transparent);*/
/*			background: url("../img/seasonal/cny/logo-cny.png") center / contain no-repeat,
			linear-gradient(transparent, transparent);*/
		}
		.nav-actions {
				margin-left: -50px;
		}
}

.navbar-nav>.nav-item>.nav-link:hover,
.navbar-nav>.nav-item>.nav-link:focus {
		color: #464646;
}

.nav-pills {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
}

.nav-pills>li {
		margin-right: 10px;
}

.nav-pills>li>a {
		color: #333;
		background-color: #fff;
		text-transform: uppercase;
}

.nav-pills>li:last-child {
		margin-right: 0px;
}

.nav-pills>li.active>a {
		font-weight: bold;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
		color: #333;
		background-color: #D8D8D8;
}

.navbar-toggle {
		background-color: #710D0D;
}

ul.custom-tab>li>a {
		color: #656565;
		text-transform: uppercase;
}

ul.custom-tab>li.active>a,
ul.custom-tab>li.active>a:focus {
		font-weight: bold;
		color: #710D0D;
}

#navbar-top .active a{
		font-weight: bold;
}

.container {
		border: none;
}

li.sidebar-toggle {
		background-color: #fff;
		list-style: none;
		cursor: pointer;
		float: none;
		margin: 0px;
		padding: 1rem;
		border-bottom: 1px solid #ddd;
		border-radius: 0px;
		font-size: 16px;
		font-weight: bold;
}

@media screen and (max-width: 767px) {
		ul.custom-tab {
				height: auto;
		}
		ul.custom-tab>li {
				width: 50%;
		}
		ul.custom-tab>li>a {
				text-align: center;
				font-size: 14px;
				height: 100%;
				word-wrap: break-word;
		}
		/* All drop down menu */
		.dropdown-custom {
				padding: 0px;
				width: 150px;
				min-width: 50px;
		}
		.dropdown-custom>li {
				width: 100%;
		}
		.dropdown-custom li a,
		.dropdown-custom li input {
				padding: 10px;
		}
		.dropdown-custom>li>a:hover,
		.dropdown-custom li input:hover {
				color: #262626;
				text-decoration: none;
				background-color: #f5f5f5;
				border-radius: 4px;
		}
}


/* All drop down menu */

.dropdown-custom {
		padding: 0px;
}

.dropdown-custom>li {
		width: 100%;
}

.dropdown-custom li input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		text-decoration: none;
		color: initial;
		background: none;
		border: none;
		width: 100%;
}

.dropdown-custom li a,
.dropdown-custom li input {
		padding: 10px;
		color: #333;
}

.dropdown-custom>li>a:hover,
.dropdown-custom>li input:hover {
		color: #262626;
		text-decoration: none;
		background-color: #f5f5f5;
		border-radius: 4px;
}

ul.dropdown-small {
		min-width: 80px;
		width: auto;
		text-align: center;
}


/* Override to make footer same width as container*/

.footer {
		padding-top: 15px;
		padding-right: 30px;
		padding-left: 30px;
		margin-right: auto;
		margin-left: auto;
		border-top: 1px solid #E6E6E6;
}

.footer i {
		font-size: 30px;
}

.footer a {
		color: #710D0D;
}

@media (min-width: 768px) {
		.footer {
				width: 750px;
		}
}

@media (min-width: 992px) {
		.footer {
				width: 900px;
		}
}

@media (min-width: 1200px) {
		.footer {
				width: 1170px;
		}
}


/* Override navbar > li > a */

@media (min-width: 768px) {
		.navbar-nav > li  a {
				padding: 5px 10px;
				margin-top: 10px;
		}
		.navbar-nav a:hover {
				text-decoration: none;
				cursor: pointer;
		}

		.nav .open>a, .nav .open>a:focus {
				background-color: transparent !important;
				/*border-color: #337ab7;*/
		}

		.nav-item .dropdown-menu{
				padding: 0;
				margin-top: 10px;
				margin-left: -35px;
		}
		.nav-item .dropdown-menu a{
				margin-top: 0px;
				padding: 10px;
		}
}

#whatitmeansdd{
		text-align: center;
		border-bottom: 1px solid #eee;
		/*padding-bottom: 12px;*/
}

#whatitmeansdd.open{
		padding-bottom: 0;
}

#whatitmeansdd.open > a, #whatitmeansdd.open > a:focus{
		background-color: transparent;
		font-weight: bold;
}

#whatitmeansdd a{
		cursor: pointer;
		color:#333;
		font-size: 16px;
}
#whatitmeansdd a:hover{
		text-decoration: none;
		color:#710D0D;
}

.separator{
    border-top: 1px solid #d9dadc;
    display: block;
    line-height: 1px;
    margin: 25px 0;
    position: relative;
    text-align: center;
}

.separator-title{
    background: #f7f7f7;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 20px;
}


h4.wrapword {
		line-height: 0.5;
		text-align: center;
}

h4.wrapword span {
		display: inline-block;
		position: relative;
}

h4.wrapword span:before,
h4.wrapword span:after {
		content: "";
		position: absolute;
		height: 5px;
		border-bottom: 1px solid #D2D2D2;
		top: 0;
		width: 100px;
}

h4.wrapword span:before {
		right: 100%;
		margin-right: 15px;
}

h4.wrapword span:after {
		left: 100%;
		margin-left: 15px;
}

h3.wrapword span {
		display: inline-block;
		position: relative;
}

h3.wrapword span:before,
h3.wrapword span:after {
		content: "";
		position: absolute;
		height: 60%;
		border-bottom: 1px solid #D2D2D2;
		top: 0;
		width: 50%;
}

h3.wrapword span:before {
		right: 100%;
		margin-right: 15px;
}

h3.wrapword span:after {
		left: 100%;
		margin-left: 15px;
}

@media screen and (max-width: 479px) {
		h3.wrapword span:before,
		h3.wrapword span:after {
				width: 20%;
		}
}


/* For featuring SD&SB on homepage */

.list-inline>li {
		padding: 5px;
}

.get-started blockquote.blockquote1,
.get-started blockquote.blockquote2,
.border-custom {
		/*border-left: 1px solid #eee;*/
		border: 0px;
		text-align: center;
		background-image: -webkit-gradient(top, #fff, #ccc, #fff);
		background-image: -webkit-linear-gradient(top, #fff, #ccc, #fff);
		background-image: -moz-linear-gradient(top, #fff, #ccc, #fff), -moz-linear-gradient(top, #fff, #ccc, #fff);
		background-image: -o-linear-gradient(top, #fff, #ccc, #fff), -o-linear-gradient(top, #fff, #ccc, #fff);
		background-image: linear-gradient(top, #fff, #ccc, #fff), linear-gradient(top, #fff, #ccc, #fff);
		-moz-background-size: 1px 100%;
		background-size: 1px 100%;
		background-position: 100% 0;
		background-repeat: no-repeat;
}

.get-started blockquote {
		border-left: 0px solid #eee;
		text-align: center;
}

.border-bottom-custom {
		border: 0px;
		text-align: center;
		background-image: -webkit-gradient(left, #fff, #ccc, #fff);
		background-image: -webkit-linear-gradient(left, #fff, #ccc, #fff);
		background-image: -moz-linear-gradient(left, #fff, #ccc, #fff), -moz-linear-gradient(left, #fff, #ccc, #fff);
		background-image: -o-linear-gradient(left, #fff, #ccc, #fff), -o-linear-gradient(left, #fff, #ccc, #fff);
		background-image: linear-gradient(left, #fff, #ccc, #fff), linear-gradient(left, #fff, #ccc, #fff);
		-moz-background-size: 80% 1px;
		background-size: 80% 1px;
		background-position: center bottom;
		background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
		.get-started blockquote.blockquote1,
		.get-started blockquote.blockquote2 {
				background: transparent;
		}
}

h3.h3-main {
		text-align: center;
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 300;
		font-size: 28px;
}

h3.h3-main-left {
		text-align: left;
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 300;
		font-size: 28px;
}

.get-started .row blockquote {
		margin-top: 50px;
		vertical-align: middle;
}

.get-started h3 {
		text-align: center;
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 300;
		font-size: 28px;
}

.get-started h4 {
		margin-top: 15px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
}

.get-started p {
		font-size: 13.5px;
}


/* For how it works page */

.paragraph-center h3,
.paragraph-left h3 {
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 300;
		font-size: 28px;
}

.paragraph-center p,
.paragraph-left p {
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
		font-size: 15px;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		line-height: 1.46667;
		margin-top: 20px;
		color: #464646;
}

.paragraph-center {
		max-width: 46.625em;
		margin: 0 auto;
		margin-top: 50px;
		margin-bottom: 70px;
}

.paragraph-center h3 {
		text-align: center;
}

.paragraph-center p {
		text-align: center;
}

.paragraph-left {
		margin-top: 40px;
}

.paragraph-left h3 {
		text-align: left;
}

.paragraph-left p {
		text-align: left;
}

.paragraph-section {
		padding: 50px 0;
		background-image: none;
		background-color: #252525;
		color: #fff;
		height: auto;
}

.paragraph-section a.btn {
		color: #fff;
}

.paragraph-section a.btn:hover {
		color: rgba(255, 255, 255, 0.5);
}


/* Custom, iPhone Retina */

@media screen and (max-width: 767px) {
		.big-icon i {
				font-size: 40px;
				width: 50px;
		}
		.big-icon span {
				font-size: 14px;
				display: inline;
		}
		.big-icon * {
				vertical-align: middle;
		}
		.big-icon {
				margin-bottom: 10px;
		}
}


/* Small Devices, Tablets */

@media (min-width: 768px) {
		.big-icon i {
				font-size: 40px;
				width: 50px;
		}
		.big-icon span {
				font-size: 14px;
		}
		.big-icon * {
				vertical-align: middle;
		}
		.big-icon {
				margin-bottom: 10px;
		}
}


/* Medium Devices, Desktops */

@media (min-width: 992px) {
		.big-icon {
				text-align: center;
				margin-top: 10px;
				margin-bottom: 60px;
				height: 100%;
		}
		.big-icon i {
				font-size: 60px;
		}
		.big-icon span {
				margin: 0 auto;
				display: block;
				max-width: 150px;
				margin-top: 20px;
		}
}


/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
		.big-icon {
				text-align: center;
				margin-top: 10px;
				margin-bottom: 60px;
		}
		.big-icon i {
				font-size: 60px;
		}
		.big-icon span {
				margin: 0 auto;
				display: block;
				max-width: 150px;
				margin-top: 20px;
		}
}


/* For login page */

.signin-content {
		height: 700px;
}


/* Sign in word */

.signin-content h3 {
		text-align: center;
		font-family: 'Lato', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 300;
		font-size: 22px;
		margin-top: 10px;
		margin-bottom: 25px;
		text-transform: uppercase;
}

.login-box {
		background-color: #fff;
		padding: 20px 30px;
		box-sizing: border-box;
		border: 1px solid #d9d9d9;
}

.login-box label {
		letter-spacing: 0.5px;
}

.signin-content p {
		text-align: center;
		margin-top: 7%;
}


/* Icon - Setting */

.setting {
		font-size: 25px;
		vertical-align: middle;
		color: #8E8E8E;
}

.setting:hover {
		color: #424242;
}


/* For Override DropDown Menu */

ul.convo-list .dropdown-custom li {
		padding: 10px;
}


/* All icons */

.icon {
		color: #8E8E8E;
}


/* Icon link*/

.icons:hover .icon:before {
		color: #424242;
}


/* Favourite icon */


/* Before favorite */
.before-favourite:before {
	font-family: 'FontAwesome';
	content: "\f08a";
	/*color: #df0101;*/
	font-size: 20px;
}

.before-favourite:hover:before {
	font-family: 'FontAwesome';
	content: "\f004";
	color: #df0101;
	font-size: 20px;
}

/*.favourite:hover .fa-heart-o:before {
		content: "\f004";
		color: #df0101;
}
*/

/* After favorite */

/*.after-favourite {
		padding: 6px 8px;
}*/

.after-favourite:before {
	font-family: 'FontAwesome';
	content: "\f004";
	color: #df0101;
	font-size: 20px;
}

.after-favourite:hover:before {
	font-family: 'FontAwesome';
		content: "\f08a";
		color: #df0101;
		font-size: 20px;
}


.after-favourite .fa-heart {
		color: #df0101;
}

.after-favourite:hover .fa-heart:before {
		content: "\f08a";
		color: #df0101;

}

@media (min-width: 992px) {
	.profile-row-favourite.before-favourite{
			font-size: 1.33333333em;
			line-height: .75em;
			margin-top: 50%;
	}

	.profile-row-favourite.after-favourite{
			font-size: 1.33333333em;
			line-height: .75em;
			margin-top: 50%;
	}
}

@media (max-width: 991px) {
		.profile-row-favourite.before-favourite{
				margin-top: 10%;
		}

		.profile-row-favourite.after-favourite{
				margin-top: 10%;
		}
}


.lifestylemodalbox {
		margin-left: 3px;
}

.lifestylemodalbox i {
		color: #df0101;
}


/* Button Toggle Styling */

.button-toggle data-offstyle {
		background-color: hsl(0, 0%, 100%) !important;
		background-repeat: repeat-x;
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");
		background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
		background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
		background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
		background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
		background-image: -o-linear-gradient(top, #ffffff, #ffffff);
		background-image: linear-gradient(#ffffff, #ffffff);
}


/* Template for user after login content */

.layout-content {
		margin: 10px auto;
		background-color: #f7f7f7;
		min-height: 65vh;
}

.layout-left {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
		padding-left: 0;
		padding-right: 0;
}

.layout-left #sidebar {
		width: 100%;
}

.layout-left .nav a {
		color: #8E8E8E;
		font-size: 16px;
		width: 100%;
}

.layout-left .nav a:hover {
		color: #373737;
}

.layout-left li.active a {
		color: #373737;
		font-weight: bold;
}

.layout-right {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		padding-top: 0;
		margin-top: 0;
}

.layout-right.boxes {
		/*dun put this die, put this die die*/
		/*background-color: #fff;*/
		padding: 0px;
}

.tab-pane .separate-box,
.separate-box {
		background-color: #fff;
}

.tab-pane .separate-box:first-child {
		margin-bottom: 10px;
}

.box-block {
		margin-top: 15px;
}

.box-text {
		text-align: center;
}

.user-short-desc{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}


/* Custom, iPhone Retina */

@media screen and (max-width: 767px) {
		body {
				padding-left: 0px;
				padding-right: 0px;
				margin: 0px auto;
		}
		.layout-content {
				width: 90%;
				padding: 0px;
		}
		.layout-right {
				padding-left: 10px;
				padding-right: 10px;
		}
		.profile-listview-big {
				min-height: 100%;
		}
		.profile-listview-big .user-avatar {
				/*min-width: 100px;
				width: 25%;*/
				width: 102px;
				height: auto;
		}
		.profile-listview-big .user-details {
				width: 40%;
		}
		.profile-listview-big .user-action .icons {
				margin-top: 13%;
		}
}


/* Small Devices, Tablets */

@media (min-width: 768px) {
		.layout-content {
				width: 750px;
		}
		.layout-left {
				margin-bottom: 10px;
		}
		.profile-listview-big .user-avatar {
				width: 134px;
				height: 100%;
		}
		.profile-listview-big .user-action .icons {
				margin-top: 30%;
		}
}


/* Medium Devices, Desktops */

@media (min-width: 992px) {
		.profile-listview-big .user-avatar {
				width: 134px;
				height: 100%;
		}
		.profile-listview-big .user-action .icons {
				margin-top: 30%;
		}
		.layout-content {
				width: 900px;
		}
		.layout-left {
				width: 300px;
				float: left;
		}
		.layout-right {
				width: 620px;
				float: right;
		}
}


/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
		.layout-content {
				width: 970px;
		}
		.layout-left {
				width: 300px;
				float: left;
		}
		.layout-right {
				width: 690px;
				float: right;
		}
		.profile-listview-big {
				max-height: 100%;
		}
		.profile-listview-big .user-avatar {
				width: 134px;
		}
		.profile-listview-big .user-details {
				width: 65%;
		}
		.profile-listview-big .user-action .icons {
				margin-top: 30%;
		}
		.profile-listview-big .user-action {
				width: 11%;
		}
}


/* For error pages */

.error-content {
		text-align: center;
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-weight: 400;
		font-size: 17px;
		border: 1px solid #BDBDBD;
		background-color: #fff;
		margin: 0 auto;
		margin-top: 20px;
		padding: 100px 50px;
		min-height: 500px;
}

.error-content h1 .fa {
		font-size: 45px;
}

.error-content h1 {
		font-size: 50px;
}

.error-content h3 {
		font-size: 22px;
}

.error-content .link-find {
		background-color: #710D0D;
		color: #fff;
		padding: 10px;
}

.error-content .link-find:hover {
		text-decoration: none;
}


/* Extra Small Devices, Phones */

@media screen and (max-width: 767px) {
		.error-content {
				width: 100%;
		}
}


/* Small Devices, Tablets */

@media (min-width: 768px) {
		.error-content {
				width: 750px;
		}
}


/* Medium Devices, Desktops */

@media (min-width: 992px) {
		.error-content {
				width: 900px;
		}
}


/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
		.error-content {
				width: 990px;
		}
}


/*for billing page*/

.package-box {
		min-height: 300px;
		background-color: #fff;
}

.package-box:first-child {
		margin-bottom: 20px;
}

.PackageItem-control-content,
.PackageItem-control-list-check {
		display: table-cell;
		vertical-align: middle;
}

.PackageItem {
		display: inline-block;
		width: 100%;
		margin-bottom: 1rem;
		border-radius: 4px;
		background-color: #fff;
		border: 3px solid #d2d2d2;
}

.PackageItem label {
		display: block;
		padding: 1rem 1.5rem;
		position: relative;
		margin-bottom: 0;
		text-align: left;
		cursor: pointer;
}

.PackageItem-selected {
		background-color: rgba(206, 28, 1, .1);
		border: 5px solid #df4c4c;
		opacity: 1;
}

.PackageItem-control-list-check {
		padding: 0!important;
		width: 40px;
}

.PackageItem-control:checked+div::before {
		width: 22px;
		height: 22px;
		border-radius: 11px;
		background: url('../img/checked-small.svg') -1px -1px no-repeat;
		border: 1px solid #ce1c01;
		background-position-y: -1px;
		background-position-x: -1px;
}

.PackageItem-control+div::before {
		content: "";
		width: 22px;
		height: 22px;
		border-radius: 11px;
		background-color: #f1f1f1;
		border: 1px solid #d2d2d2;
		display: block;
}

.top-tabs-nav {
		border-bottom: 2px solid rgba(0, 0, 0, .06);
		padding: 0;
		margin: 0;
}

.top-tabs-nav>.top-tabs>a {
		color: #252525;
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
}

.top-tabs-nav>.top-tabs.active {
		border-bottom: 2px solid #710D0D;
		color: #710D0D;
		font-weight: bold;
}

.top-tabs-nav>.top-tabs.active>a,
.top-tabs-nav>.top-tabs>a:hover,
.top-tabs-nav>.top-tabs>a:focus {
		background: transparent;
		color: #710D0D;
}

/* with rooftop */
/*.top-tabs-nav>.top-tabs>a {
		display: inline;
		padding: 0 !important;


}
.top-tabs-nav>.top-tabs.active {
		border-bottom: 0px solid #710D0D;
		color: #710D0D;
		font-weight: bold;
}

.top-tabs-nav>.top-tabs.active>a,
.top-tabs-nav>.top-tabs>a:hover,
.top-tabs-nav>.top-tabs>a:focus {
		background: transparent;
		color: #710D0D;
		border-bottom: 2px solid #710D0D;
}*/

.top-tabs.active>a>.red-check {
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url('../img/checked.svg') no-repeat;
		position: absolute;
		left: calc(50% - 12.5px);
		bottom: -12.5px;
		z-index: 1000;
}

.package-box .tab-content {
		padding: 20px 30px;
}


/*.package-box .tab-content #payment-paypal *{



	display:flex;justify-content:center;



	align-items:center;



}*/

#payment-cc{
	font-size: 15px;
	padding: 20px;
	font-family: 'Source Sans Pro', Helvetica, '微软雅黑', sans-serif;
}

#payment-cc .btn-payment{
	margin-top: 15px;
	width: 100%;
	padding: 9px 12px;
	font-size: 16px;
	font-weight: bold;
}

.paypal-container {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-webkit-align-items: center; /* Safari 7.0+ */
	 align-items: center;
	 -webkit-justify-content: center;
	 justify-content: center;
}

.package-box .tab-content .feature-row {
		text-align: center;
}

.feature-row h5 {
		font-family: 'Source Sans Pro', 'Helvetica', '微软雅黑', sans-serif;
		font-size: 14.5px;
}

.upgrade-diamond-box {
		min-height: 400px;
		position: relative;
		text-align: left;
}

.upgrade-diamond-box h3 {
		text-align: center;
		margin-bottom: 20px;
}

.diamond-box-container {
		width: 60%;
		margin: 0 auto;
		border-radius: 8px;
		padding: 10px;
		-moz-box-shadow: 1px 2px 5px 1px #9F9F9F;
		-webkit-box-shadow: 1px 2px 5px 1px #9F9F9F;
		box-shadow: 1px 2px 5px 1px #9F9F9F;
}

.diamond-box-container .btn {
		margin-top: 50px;
}

.membership-feature {
		width: 30%;
		max-width: 80px;
		margin-bottom: 30px;
}
.feature-items{
	margin-bottom: 30px;
}
.browse-member-container {
		padding: 20px 0;
}

.browse-member-container .card {
		border: 1px solid #d6d6d6;
		background-color: #fff;
		max-width: 350px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 10px;
}

.browse-member-container .card-title {
		font-weight: bold;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.browse-member-container .card-text {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
}

.browse-member-container .card-block {
		padding: 10px;
}

.browse-member-container .card img {
		width: 100%;
}

.browse-member-container>.row:first-child {
		margin-bottom: 20px;
}

.browse-member-container>.row:last-child {
		margin-top: 50px;
}



/* Extra Small Devices, Phones */

@media screen and (max-width: 767px) {
		.browse-member-container {
				width: 80%;
		}
		.browse-member-container .card {
				margin-bottom: 15px;
		}
		.browse-member-tab.member-tab ul {
				width: 100%;
				margin: 0 auto;
		}
		.browse-member-tab.member-tab ul li {
				width: 25%;
				margin: 0px;
				font-size: 12px;
		}
		.browse-member-tab.member-tab ul li a {
				height: 65px;
				padding: 10px 0;
		}
		.li-membertab{
				margin-bottom: 10px;
		}
		.member-gridview .member-tab ul {
				width: 100%;
				margin-top: 15px;
				margin-left: 5px;
		}
		.member-gridview .member-tab ul li {
				width: 30%;

		}
		.member-gridview .member-tab ul li a {
				padding: 10px 10px;

		}
}

@media screen and (max-width: 472px) {
		.member-tab{
				margin-top: 10px;
				/*padding: 0px 25px;  */
		}
		.member-tab ul {
				margin: 0 auto;
				display: block;
				width: 100%;
		}
}

/* Small Devices, Tablets */

@media (min-width: 768px) {}


/* Medium Devices, Desktops */

@media (min-width: 992px) {}


/* Large Devices, Wide Screens */

@media (min-width: 1200px) {}

.profile-card {
		padding: 15px 0;
}

.profile-card .profile-pic img {
		width: 90%;
}

.member-tab {
		margin-top: 0px;
		text-align: center;
}

.user-gridview-container {
		max-width: 100%;
		height: auto;
		margin-bottom: 20px;
}


/*@media (min-width: 1376px) {
	.user-gridview-container img.photo-thumbnail{
		min-width: 217px !important;
	}
}

@media (min-width: 1428px) {
	.user-gridview-container img.photo-thumbnail{
		min-width: 220px !important;
	}
}

@media (min-width: 1445px) {
	.user-gridview-container img.photo-thumbnail{
		min-width: 225px !important;
	}
}

@media (min-width: 1490px) {
	.user-gridview-container img.photo-thumbnail{
		min-width: 230px !important;
	}
}

@media (min-width: 1517px) {
	.user-gridview-container img.photo-thumbnail{
		min-width: 240px !important;
	}
}

@media screen and (max-width: 992px) and (min-width: 720px){
	.user-gridview-container img.photo-thumbnail{
		min-width: 210px !important;
	}
}

@media screen and (max-width: 544px) and (min-width: 532px){
	.user-gridview-container img.photo-thumbnail{
		min-width: 230px !important;
	}
}

@media screen and (max-width: 531px) and (min-width: 486px){
	.user-gridview-container img.photo-thumbnail{
		min-width: 216px !important;
	}
}*/

.user-gridview-container img.photo-thumbnail{
	min-width: 100% !important;
}


/*@media (min-width: 1320px) {
	.user-gridview-container {
			min-width: 219px;
	}
}*/

.user-gridview-container .photo-thumbnail {
		margin-bottom: 0px;
		padding: 0px;
		border-radius: 4px;
}

.user-gridview-container .user-info {
		font-family: 'Source Sans Pro','Lato',sans-serif;
		font-size: 14px;
		color: #7e7e7e;
}

.user-gridview-container * {
		display: block;
}

/*.user-gridview-container .photo-thumbnail img {
		border-radius: 4px;
}*/


/* for auth user photo upload */

.photo-thumb {
		position: relative;
		display: inline-block;
		background-color: #fff;
		margin: 0px 10px;
		margin-bottom: 10px;
		/*min-width: 150px;*/
}

@media screen and (max-width: 767px) {
		.photo-thumb {
				width: 43%;
		}
		/* for showprofile image*/
		.links>a>img.img-rounded {
				width: 43%;
		}
}


/* Small Devices, Tablets */

@media (min-width: 768px) {
		.photo-thumb {
				width: 30%;
		}
		/* for showprofile image*/
		.links>a>img.img-rounded {
				width: 30%;
		}
}


/* Medium Devices, Desktops */

@media (min-width: 992px) {
		.photo-thumb {
				width: 30%;
		}
		/* for showprofile image*/
		.links>a>img.img-rounded {
				width: 30%;
		}
}


/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
		.photo-thumb {
				width: 30%;
		}
		/* for showprofile image*/
		.links>a>img.img-rounded {
				width: 30%;
		}
}

.photo-thumb a>img {
		width: 100%;
		border-radius: 4px;
}

.photothumb-status {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .7);
		color: #fff;
		filter: grayscale(.2);
		border-radius: 2px;
}

.photothumb-status-msg {
		display: table;
		height: 100%;
		width: 100%;
}

.photothumb-status-msg>p {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		font-weight: 700;
}

.photothumb-action {
		position: absolute;
		bottom: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, .65);
		color: #fff;
		padding: 4px;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		z-index: 99;
}

.photothumb-action-button {
		color: #fff;
		background-color: rgba(0, 0, 0, .5);
		font-size: 18px;
		padding: 0 4px;
		border: 1px solid rgba(255, 255, 255, .2);
		border-radius: 2px;
		float: right;
		font-size: 14px;
}

.photothumb-action-button:link,
.photothumb-action-button:active,
.photothumb-action-button:visited,
.photothumb-action-button:hover {
		color: inherit;
}

.photo-upload-container {
		border: 1px dashed rgba(0, 0, 0, .3);
		border-radius: 2px;
		text-align: center;
		padding: 6rem 0;
}

.inputfile-6 + label {
		border: 1px solid #656565;
		background-color: #F0F0F0;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
		padding: 0.625rem 1.25rem;
}

.inputfile-6 + label strong {
		height: 100%;
		color: #fff;
		background-color: #656565;
		display: inline-block;
		padding: 0.625rem 1.25rem;
}

.btn-photo-submit {
		background-color: #fff;
		padding: 0.625rem 1.25rem;
		border: 1px solid #656565;
		color: #333;
		height: 100%;
		vertical-align: middle;
		font-size: 12px;
		font-weight: bold;
}

.inputfile + label {
		max-width: 80%;
		font-size: 12px;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
		cursor: pointer;
		display: inline-block;
		overflow: hidden;
		/*padding: 0.625rem 1.25rem;*/
		margin-bottom: 0px;
}

.inputfile-6 + label span {
		width: 150px;
		min-height: 2em;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		vertical-align: top;
}

.inputfile {
		width: 0.1px;
		height: 0.1px;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		z-index: -1;
}

#searchsort {
		font-size: 14px;
		padding: 10px 5px;
}

#searchfilter {
		font-size: 14px;
}

#closesearch {
		cursor: pointer;
}

@media (min-width: 992px) {
		#searchfilter {
				display: none;
		}
}

.content-review {
		margin: .5rem 0;
		border: 1px solid #dfd8c2;
		padding: 6px 8px 7px;
		border-radius: 2px;
		font-size: 12px;
}

.parallax-sb-uni {
		height: 600px;
		/* The image used */
		background-image: url("../img/parallax-blue.jpg");
		/* Set a specific height */
		min-height: 390px;
		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
}

.parallax-custom{
		/* Create the parallax scrolling effect */
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
}

.parallax-sd{
		height: 530px;
		/* The image used */
		background-image: url("../img/whatissd.jpg");
		background-position: right center;
}





.parallax-sb{
		height: 530px;
		/* The image used */
		background-image: url("../img/whatissb3.jpg");
		/*background-position: 30% 30%;*/
		background-position: 60% 30%;
}

.parallax-cc{
		height: 380px;
		/* The image used */
		background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),
		url(../img/champagne5.jpg);
		/*background-image: url("../img/parallax-black.jpg");*/
		background-size: cover;
		/*background-position: 30% 30%;*/
		background-position: 30% 0%;
}

@media screen and (max-width: 767px) {
		.parallax-sb-top {
				/* The image used */
				background-image: url("../img/school.jpg");
				/* Set a specific height */
				background-size: cover;
				background-position: 40% 0%;
				height: 350px;
		}
		.parallax-custom {
				height: 350px;
		}
		.parallax-sb{
				height: 200px;
				background-size: 150%;
				background-position: 80% 60%;
		}
		.parallax-cc{
				height: 200px;
				background-size: 100%;
		}
		.parallax-sd{
				height: 200px;
				background-size: 180%;
				background-position: 90% 60%;
		}
}

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

		.parallax-sb-top {
				/* The image used */
				background-image: url("../img/school.jpg");
				/* Set a specific height */
				height: 550px;
				/* Create the parallax scrolling effect */
				background-attachment: fixed;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
		}
}


.paragraph-uni ul {
		list-style: none;
}

.paragraph-uni ul li {
		max-width: 100px;
		margin: 0 1em;
}

.paragraph-uni ul li img {
		width: 100%;
}

.footer-lang-public{
		border-top: 1px solid #E6E6E6;
		border-bottom: 1px solid #E6E6E6;
		padding: 1.5rem 0;
		text-align:center;
		margin: 2rem auto;
		width:100%;
}
.footer-lang-public ul{
		margin-bottom: 0px;
}
.footer-lang-public li{
		padding: 0 3rem;
}
.footer-dropdown-grey a{
		padding: 0.5rem 2rem;
		display: block;
		color:#333;
}
.footer-dropdown-grey a:hover{
		color:#710D0D;
		text-decoration: none;
		background-color: #eee;
				-webkit-transition: color .1s ease-out,background .1s ease-out,border .1s ease-out,height .35s ease,line-height .35s ease;
}
.footer-dropdown-grey{
		background-color: #fff;
}

.test:after {
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		-webkit-transform: scale(0,1);
		-ms-transform: scale(0,1);
		transform: scale(0,1);
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform-origin: left center;
		/* transition: all .15s ease-out; */
		filter: alpha(opacity=@opacity * 100);
		-moz-opacity: 0;
		-khtml-opacity: 0;
				background-color: #f47937;
		color: #fff;
		opacity: 0;
}
.test:hover:after {
		opacity: 1;
		top: 0px;
}
.blog-container{
		font-family: 'Source Sans Pro';
		font-weight: 400;
	    margin-top: 20px;
		background-color: #fff;
		padding: 10px 15px;
}
.rightsidebar-email-box{
		font-family: 'Source Sans Pro';
		background-color: #fff;
}
.rightsidebar-email-box p{
		padding: 5px 10px;
}
.rightsidebar-title{
		font-family: 'Source Sans Pro';
		position: relative;
		display: block;
		line-height: 3rem;
		border-bottom: 1px solid #CCCCCC;
}
.rightsidebar-title *  {
		color:#333;
}

.ourblog:after{
		content: "";
		display: block;
		width: 60px;
		height: 2px;
		background-color: #710D0D;
}
.bloglist{
	    padding-bottom: 8px;
}
.bloglist-item{
		padding: 0.5rem 0;
		font-size: 14px;
}
.bloglist-item:not(:last-child){
		/*border-bottom: 1px solid #CCCCCC;*/
		margin-bottom: 0;
}
.bloglist-item a{
		color:#333;
}
.bloglist-item small{
		display:block;
		line-height: 3rem;
}

.close-white{
		opacity: 0.6;
}
.info-number, .info-desc, .info-image {
		display: table-cell;
		vertical-align: middle;
}
.info-content{
		display: table;
		border:1px solid #ccc;
		background-color: #fff;
		padding: 30px 24px;
		margin-top: 50px;
}
.info-number{
		vertical-align: middle;
		border-right:1px solid #ccc;
		color:#710D0D;
		font-weight: bold;
		font-size: 30px;
		padding-right: 18px;
}
.info-desc{
		padding: 0 24px;
}
.info-image{
		width: 180px;
}

.disable-reply{
		background-color: #eee;
		min-height: 0px !important;
		margin-bottom: 0;
		margin-top: -10px;
		text-align: center;
}
.label-discount{

	 position: absolute;
	 top:0;
	 right: 0;
	 border-radius:0;
	 font-size: 14px;
}

img.xmas-hat{
	position: absolute;
	width: 40px;
	top:-20px;
	left: -20px;
	-ms-transform: rotate(-7deg); /* IE 9 */
	-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
	transform: rotate(-7deg);
}
img.xmas-hat-right{
	position: absolute;
	width: 40px;
	top:-20px;
	right: -20px;
	/*top:-23px;
	right: -25px;*/
	-ms-transform: rotate(15deg); /* IE 9 */
	-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
	transform: rotate(15deg);
	z-index: 1;
}

.feature-lock::after{
	content:url(../img/gold-lock.svg);
	width:12px;
	height:16px;
	display:inline-block;
	position:relative;
	top:2px;
	margin-left: 4px;
}

.li-unread{
	background-color: #FEF8F8;
}

.label-unread{
	color: #cf0404;
	border-radius: 2px;
	border: 1px solid #cf0404;
	padding: 1px 3px;
	font-weight: 700;
	font-size: 11px;
}

@media screen and (max-width: 767px) {
	.label-unread{
		display: inline !important;
	}
}


.membership-discount{
	padding: 10px 15px;
	margin:0 2px 10px;
	font-family: 'Source Sans Pro','Lato','微软雅黑';
	font-size: 17px;
	letter-spacing: normal;
}

.membership-discount>.row{
	background-color: #f4f4f4;
	border-bottom: 1px solid #d9d9d9;
	padding:10px;
}

.membership-discount>.row:nth-last-child(2){
	border-bottom: 1px solid #464646;
}

.membership-discount>.row:nth-last-child(1){
	border-bottom: 0;
}

/* overriding current styling */
#premium-membership{
	font-family: 'Source Sans Pro','Lato','微软雅黑';
	letter-spacing: normal;
}

/* price */
#premium-membership h5{
	font-size: 15px;
}

.user-badge, .user-badge-small, .user-badge-profile{
	display: inline;
}

.user-badge .user-name{
	vertical-align: middle;
}
.user-badge .label-premium{
	vertical-align: middle;
}

.user-badge .label-admin{
	vertical-align: middle;
}

.verified-member:before{
	z-index: 10;
}

.verified-member:after{
	background-image: url('../img/verified/verified_x.png?v=1');
	background-size: 18px 18px;
	display: inline-block;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	content:"";
}

.user-badge-small>.verified-member:after{
	vertical-align: middle;
}


.user-badge-profile .label-premium{
	vertical-align: middle;
}

.user-badge-profile .label-admin{
	vertical-align: middle;
}

.convo-row-msg.convo-receipt{
	margin-bottom: 0;
	margin-top: -15px;
}

.convo-receipt .convo-content *{
	vertical-align: middle;
}

input[type=text].protected-feature{
	color:transparent;
}

input[type=radio].protected-feature{
	color:transparent;
}

.feature-remodal-section{
	margin-top: 20px;
}

.feature-remodal-section-center{
	width: 150px;
	display: block;
	margin: 0 auto;
}

.feature-remodal-section-center ul li{
	padding: 5px 0;
	margin-top: 5px;
}

.feature-remodal-section-right{
	width: 50%;
	float: right;
}
.feature-remodal-section-left{
	width: 50%;
	float: left;
}

.feature-remodal-section ul{
	text-align: left;
	width: auto;
	display: block;
	margin: 0 auto;
	padding-left: 0;
	list-style-position: inside;
}

.feature-remodal-section-left ul li,
.feature-remodal-section-right ul li{
	padding: 5px 0;
	margin-top: 5px;
	margin-left: 50px;
}

.feature-remodal-title{
	margin: 25px 0;
	font-weight: bold;
}

.feature-remodal-text{
	font-size: 15px;
	line-height: 1.375;
}

.feature-remodal-btn{
	margin: 40px 0 5px;
}

/* save search remodal */
.savesearch-remodal{
	padding:0;
	border: 4px solid #E8E8E8;
}

.savesearch-remodal .savesearch-remodal-title{
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid #E8E8E8;
}

.savesearch-remodal .savesearch-remodal-section {
	margin: 20px 0;

}

.savesearch-remodal .savesearch-remodal-btn{
	margin: 0 0 20px;
}

.protected-blur{
	-webkit-filter: blur(3px) brightness(2.6);
	filter: blur(3px) brightness(2.6);
	background-size: cover;
}

.protected-blur-text{
	color: transparent;
	text-shadow: 0 0 8px rgba(0,0,0,0.8);
}


.protected-photo-container{
		position:relative;
		width:104px;
		height: 104px;
		overflow:hidden;
		border-radius:50%;
}

/*unless I can find a better responsive css*/
@media screen and (max-width: 767px) {
	.protected-photo-container{
			width:72px;
			height: 72px;
	}
}

.protected-photo-container h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 900;
	color: white;
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 1rem;
	transform: translate(-50%, -50%);
	z-index: 99;
}
.protected-photo {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		left:-15px;
		right:-15px;
		top:-15px;
		bottom:-15px;
		position: absolute;
		z-index: 1;
}
.row-long-desc .col-xs-6:first-child{
	width: 41%;
}
.row-long-desc .col-xs-6:nth-child(2){
	width: 59%;

}
.row-long-desc .col-xs-6 .profile-attr-text{
	margin-left: 3px;

}

.checkbox-options .checkbox-inline{
	margin-left: 0;
}

.pulse2 {
	-webkit-animation: pulse2 1s linear;
	-moz-animation: pulse2 1s linear;
	-ms-animation: pulse2 1s linear;
	animation: pulse2 1s linear;
}

@keyframes "pulse2" {
 0% {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
 }
 50% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-o-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
 }
 100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
 }

}

@-moz-keyframes pulse2 {
 0% {
	 -moz-transform: scale(0.6);
	 transform: scale(0.6);
 }
 50% {
	 -moz-transform: scale(1.3);
	 transform: scale(1.3);
 }
 100% {
	 -moz-transform: scale(1);
	 transform: scale(1);
 }

}

@-webkit-keyframes "pulse2" {
 0% {
	 -webkit-transform: scale(0.6);
	 transform: scale(0.6);
 }
 50% {
	 -webkit-transform: scale(1.3);
	 transform: scale(1.3);
 }
 100% {
	 -webkit-transform: scale(1);
	 transform: scale(1);
 }

}

@-ms-keyframes "pulse2" {
 0% {
	 -ms-transform: scale(0.6);
	 transform: scale(0.6);
 }
 50% {
	 -ms-transform: scale(1.3);
	 transform: scale(1.3);
 }
 100% {
	 -ms-transform: scale(1);
	 transform: scale(1);
 }
}

.btn-save-search{
	margin-top: 1rem;
	height: 40px;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #c4c4c4;
	color: #4d4d4d;
	font-size: 16px;
	padding: 0 15px;
	cursor: pointer;
	width: 100%;
	font-weight: 400 !important;
}

	#dropdown-save-search ul.dropdown-menu{
		width: 100%;
	}

	#dropdown-save-search span.caret{
		margin-top: 8px;
	}

	#dropdown-save-search ul.dropdown-menu li a {
		color: #333;
	}

	#dropdown-save-search ul.dropdown-menu li.dropdown-header {
		font-size: 14px;
		color: #b4b6b5;
	}

	.remodal.remodal-sendgift{
		width: 100%;
		border-radius:10px;
	}

	.remodal.remodal-msg-barrier{
		padding:30px 0;
		max-width: 400px;
		border-radius:5px;
		font-family: 'Source Sans Pro','Lato';
		font-weight: 400;
	}

	.remodal-msg-barrier .msg-barrier-desc{
		text-align: left;
	}

	.remodal-msg-barrier .msg-barrier-desc .row{
		padding-left: 15px;
		padding-right: 15px;
	}

	.remodal-msg-barrier .remodal-close,
	.remodal-msg-barrier .remodal-close:before{
		left: auto;
		right: 0 !important;
	}

	.remodal-msg-barrier .icon-numeric{
			position: absolute;
			background-color: #fff;
			border: 1px solid #adadad;
			border-radius: 100%;
			width: 32px;
			height: 32px;
			margin-top: .375rem;
			padding: 4px;
			margin-left: 10px;
			/*display: table-cell;*/
	}

	.remodal-msg-barrier .icon-numeric.icon-numeric-complete{
			color:#fff;
			background-color: #710D0D;
			border: 0;
			font-size: 20px;
			padding-top: 2px;
	}

	.remodal-profile-complete{
		background-color: #f7f7f7;
		border:4px solid #ccc;
	}

	.remodal-profile-complete .skip{
		margin: 2rem 0 0;
		text-decoration: underline;
	}

	.remodal-profile-complete .card{
		width: 80%;
		background-color: #fff;
		margin: 0 auto;
		border-radius: 5px;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
		text-align: left;
	}

	.remodal-profile-complete .card .box{
		padding: 3rem;
		/*border-bottom: 1px solid #eee;*/
	}

	.remodal-profile-complete .card .box-grey{
		padding: 3rem;
		background-color: #F5F5F5;
	}

	.remodal-profile-complete .card .box:last-child{
		padding-bottom: 5rem;
	}

	.remodal-profile-complete .card .box.photo-upload figure{
		display: block;
		margin: 0 auto;
		position: relative;
		width: 200px;
	}


	.remodal-profile-complete .card .box.photo-upload figcaption {
		width: 100%;
		cursor: pointer;
		text-align: center;
		position: absolute;
		background: rgba(0,0,0,0.6);
		color: white;
		padding: 10px 20px;
		opacity: 1;
		bottom: 0;
			/*-webkit-transition: all 0.1s ease;
			-moz-transition:    all 0.1s ease;
			-o-transition:      all 0.1s ease;*/
	}
	.remodal-profile-complete .card .box.photo-upload figcaption i {
		opacity: .8;
	}
	.remodal-profile-complete .card .box.photo-upload figure:hover figcaption {
		opacity: 1;
	}

	.remodal-profile-complete .card .box.photo-upload figcaption:hover{
		background: rgba(0,0,0,.8);
	}

	.cap-bot:before {
		bottom: 10px; left: 0;
	}

	.gift-tooltip-box{
		border: 0;
		border-radius: 6px;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
	}


	.gift-cont{
		width: 100px;
		height: 100px;
		display: inline-block;
		background-color: #eee;
		border-radius: 4px;
		border:1px solid #ccc;
		margin: 10px;
	}

	.gift-cont img{
		width: 120px;
	}

	.gift-cont:hover{
		cursor: pointer;
		border:1px solid #710D0D;
	}

	ul.join-lookingfor-exp li{
	 list-style-type: disc;
	}

	input#displayname:before{
		content: "\f00c";
		color: #28921f;
	}

	.form-control-loading {
		background-image: url("../img/spin.gif");
	}

	.form-control-success {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
	}

	.form-control-danger {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
	}

	.form-control-success,
	.form-control-danger,
	.form-control-loading{
		padding-right: 2.25rem;
		background-repeat: no-repeat;
		background-position: center right .5625rem;
		-webkit-background-size: 1.125rem 1.125rem;
		background-size: 1.9rem 1.9rem;
	}



	#sortbyid>select{
			background-color: #fff;
			color: #4b4f56;
			margin-top: 7px;
			margin-right: 5px;
			margin-bottom: 7px;
			float: right;
			border: 1px solid #ced0d4;
			border-radius: 4px;
			vertical-align: middle;
			padding: 8px 15px;
			font-size: 15px;
			width: 100%;
			font-weight: bold;

			/* reset */
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-appearance: none;
			-moz-appearance: none;

			background-image:
			linear-gradient(45deg, transparent 50%, gray 50%),
			linear-gradient(135deg, gray 50%, transparent 50%);
			background-position:
			calc(100% - 20px) calc(1em + 2px),
			calc(100% - 15px) calc(1em + 2px),
			calc(100% - 2.5em) 0.5em;
			background-size:
			5px 5px,
			5px 5px;
			background-repeat: no-repeat;

	}

	.profile-completion-step-bar {
			position: relative;
			bottom: -15px;
	}
	.profile-completion-step-bar .steps ul {
			display: table;
			margin: 0 auto;
	}
	.profile-completion-step-bar .steps ul li {
		display: inline-block;
			text-align: center;
			position: relative;
			margin: 0 20px;
	}
	.profile-completion-step-bar .steps ul li .step-marker{
			display: inline-block;
			text-align: center;
			vertical-align: middle;
			position: relative;
			padding: 3px;
			height: 30px;
			width: 30px;
			font-weight: bold;
			border-radius: 50%;
	}
	.profile-completion-step-bar .steps .step-isactive .step-marker{
		box-shadow: 0 0 12px #710D0D;
	}
	.profile-completion-step-bar .steps .step-isvalid .step-marker{
		border: 1px solid #710D0D;
		color: #710D0D;
			background-color: #fff;
	}
	.profile-completion-step-bar .steps .step-isincompleted .step-marker{
		border: 1px solid #d6d6d6;
		color: #ccc;
			background-color: #fff;
	}
	.profile-completion-step-bar .steps .step-isdone .step-marker{
		border: 2px solid #710D0D;
		color: #fff;
			background-color: #710D0D;
	}
	.profile-completion-step-bar .steps .step-isdone .step-marker:before{
		font-family: 'FontAwesome';
		content:"\f00c";
		color:#fff;
		font-weight: normal;
		top: 3px;
	}
	.profile-completion-step-bar .steps .step-isdisabled .step-marker{
		border: 1px solid #d6d6d6;
		color: #d6d6d6;
			background-color: #f1f0ef;
	}
	.profile-completion-step-bar .steps hr{
			position: absolute;
			margin: 0 auto;
			z-index: 111;
			background-color: #fff;
			width: 36px;
	}
	.profile-completion-step-bar .steps hr.line{
		top: 14px;
			left: 30px;
			border: 2px solid #710D0D;
	}
	.profile-completion-step-bar .steps hr.dotted{
		top: 14px;
			left: 32px;
				border-top: 2px dashed #babcbb;
	}

	.li-lifestyle{
		padding: 10px;
		background: #fff;
		display: block;
		border-radius: 4px;
		border: 1px solid #b1b1b1;
		margin-top: 7px;
		cursor: pointer;
		text-align: center;
	}

	@media (min-width: 769px) {
		.row-input-selector .col-sm-4:first-child{
			padding-right: 5px;
		}

		.row-input-selector .col-sm-4:nth-child(2){
			padding: 0;
		}

		.row-input-selector .col-sm-4:last-child{
			padding-left: 5px;
		}

		.row-input-selector .col-xs-6:first-child{
			padding-right: 3px;
		}
		.row-input-selector .col-xs-6:last-child{
			padding-left: 3px;
		}

	}

	.input-selector{
		padding: 10px;
		background: #fff;
		display: inline-block;
		border-radius: 4px;
		border: 1px solid #b1b1b1;
		margin-top: 7px;
		margin-right: 7px;
		cursor: pointer;
		width: 100%;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.input-selector-selected{
		color:#710D0D;
		border:1px solid #710D0D;
		font-weight: bold;
	}

	.inline-send-message {
		position: relative;
		background: transparent;
		width: 100%;
		min-height: 18px;
		max-height: 100px;
		overflow: auto;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		white-space: pre-wrap;
		word-wrap: break-word;
		-webkit-font-smoothing: antialiased;
	}
	.inline-send-message, .inline-send-message:focus{
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	[contenteditable=true]:empty:before {
		content: attr(placeholder);
		color: #A4A4A4;
		display: block; /* For Firefox */
	}
	.message-giftbox{
		font-size: 25px;
		vertical-align: bottom;
		cursor: pointer;
		margin-right: 4px;
	}
	.message-giftbox:hover{
		text-decoration: none;
	}
	.message-giftbox svg:hover path{
		fill: #710D0D;
	}

	@media screen and (min-width: 1200px) {
		.message-gift-container{
			padding:10px 30px 0;
		}
	}

	/*.message-gift-outer *{
		height: auto;
	}

	.message-gift-outer.closed *{
		height:0;
	}*/
  .message-gift-outer.closed *{
		/*display: none;*/
		height: 0 ;
	}

	.message-gift-outer{
		border-top: 1px solid #d2d2d2;

	}


	.message-gift-container-left{
		width: 200px;
		border-right: 1px solid #eee;
	}

	.message-gift-wrapper{
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;

	}

	.message-gift-wrapper img{
		width: 100%;
		max-width: 100px;
		margin: 0 auto;
		display: block;
	}

	.message-gift-wrapper:hover img{
		background-color: #eee;
		cursor: pointer;
		border-radius: 4px;
	}

	@media screen and (min-width: 768px) {
		.message-gift-container{
			padding:10px 10px 0;
		}
		.message-gift-wrapper{
			width: 19%;
		}
	}

	@media screen and (max-width: 767px) {
		.message-gift-container{
			max-height: 250px;
			overflow-y: auto;
		}
		.message-gift-wrapper{
			padding-left: 5px;
			padding-right: 5px;
			width: 30%;
		}
		.message-gift-container{
			padding:10px 10px 0;
		}
	}

	.message-gift-heading{
		color: #424242;
		font-family: 'Lato';
		font-weight: 700;
	}

	.gift-carousel-price{
		color: #585858;
		font-weight: bold;
	}
	.gift-checkbox{
		margin-bottom: 20px;
	}
	.gift-checkbox>input{
    position: absolute;
    top: 0;
    /*left: 0;*/
    margin-right: 10px;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin:0 !important;
	}

	.gift-checkbox>label{
		font-style: 15px;
	}


	.gift-checkbox>label:before{
		content: '';
    position: absolute;
    top: 0;
    /*left: 0;*/
    margin-left: -28px;
    box-sizing: border-box;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0,0,0,.15);
    background: #fff;
    transition: background .15s,border .15s;
	}

	.gift-checkbox > input:checked + label:before {
		content:'\f00c';
		font-family: 'FontAwesome';
		font-size:13.5px;
		color:#710D0D;
    	border-color: #710D0D;
    	background-color: #fff;
	}

	.rating-star{
	    background: url(../img/sprite_star.png) no-repeat;
	    background-position: -15px -118px;
	    font-size: 30px;
	    height: 40px;
	    /*line-height: 13px;*/
	    padding: 0px 0 0 34px;
	    vertical-align: middle;
	    letter-spacing: 0;
	    /*width: 58px;*/
	}
	.profile-add-gift-container{
		cursor: pointer;
	}

	.profile-add-gift-container img{
		border:1px solid rgba(0,0,0,0.1);
		border-radius: 100%;
		margin:0 !important;
		transition: all .1s;
		cursor: pointer;
		width: 70px;
	}

	.profile-add-gift-container:hover img,
	.profile-add-gift-container img:hover{
		border:1px solid rgba(0,0,0,0.2);
	}

	.profile-add-gift-text{
		color: #3e3e3e;
		font-size: 18px;
		font-family: 'Source Sans Pro';
		margin-top: 10px;
	}

	.remodal-gift{
		border-radius: 15px;
	}

	.remodal-gift-review{
		max-width: 400px;
	}

	.remodal-gift .remodal-close{
		left: auto;
		right: 0;
	}

	.gift-carousel>div{
		display: inline-block;
	}

	.gift-carousel-left,
	.gift-carousel-right{
		padding: 100px 0;
	}

	.gift-carousel-img img{
		width: 250px;
		line-height: 250px;
	}

	@media screen and (max-width: 420px) {
		.gift-carousel-img img{
			width: 200px;
			line-height: 200px;
		}
	}
	.remodal-gift-review-title{
		font-weight: bold;
		color: #555;
	}

	.btn-left-circle,
	.btn-right-circle{
		width: 32px;
		height: 32px;
		border: 1px solid #ddd;
		border-radius: 16px;
		background: rgba(255,255,255,0);
		cursor: pointer;
		transition: border .10s;
	}
	.btn-left-circle:before{
		content: "\00276E";
	}
	.btn-right-circle:before{
		content: "\00276F";
	}
	.btn-left-circle:hover,
	.btn-right-circle:hover{
		border: 2px solid #710D0D;
	}
	.btn-left-circle:focus,
	.btn-right-circle:focus{
		outline: none;
	}
	.btn-send-gift:focus{
		outline: none;
		color: #fff;
	}
	.btn-send-gift{
		border-radius: 8px;
		background-color: #710D0D;
		color: #fff;
		padding: 8px 30px;
		font-size: 15px;
		width: 100%;
	}
	.btn-send-gift:hover{
		background-color: #640C0C;
		color: #fff;
	}
	.gift-credit-package{
		text-align: left;
		max-width: 420px;
		margin:0 auto;
		margin-top: 20px;
	}
	.gift-credit-package .radio{
		padding: 8px 5px;
		border-radius: 5px;
		margin-top: 0;
		margin-bottom: 0;
		/*border: 2px solid #d2d2d2;*/
	}
	.gift-credit-package .radio label{
		padding-left: 0;
		width: 100%;
	}
	.remodal-gift-payment{
		padding:0 0 30px 0;
		max-width: 600px;
	}
	.gift-payment-header{
		border-bottom: 2px solid #710D0D;
		color: #710D0D;
		font-weight: bold;
		padding: 20px 0;
		margin-bottom: 30px;
	}
	.gift-payment-header .red-check{
		display: inline-block;
		width: 25px;
		height: 25px;
		background: url(../img/checked.svg) no-repeat;
		position: absolute;
		left: calc(50% - 12.5px);
		top: 80px;
		z-index: 1000;
	}

	.gift-package-text{
		font-weight: bold;
	}
	.gift-promo-yellow{
		background-color: #ffc831;
	}
	.gift-promo-green{
		background-color: #1ac636;
	}
	.gift-promo-red{
		background-color: #AB1919;
	}

	.custom-radio-checked,
	.custom-radio-unchecked{
		content: '';
		position: absolute;
		top: 8px;
		left: 10px;
		box-sizing: border-box;
		border-radius: 100%;
		width: 22px;
		height: 22px;
		background: #fff;
		transition: background .15s,border .15s;
	}
	.custom-radio-unchecked{
		border: 2px solid #ccc;
	}
	.custom-radio-unchecked:hover{
		border: 2px solid #710D0D;
		background: #fff;
		transition: background .15s,border .15s;
	}
	.custom-radio-checked{
		border: 7px solid #710D0D;
	}

	.gift-package-text{
		margin-left: 3.5rem;
	}

	.btn-msg-send{
		border-radius: 4px;
		border: 1px solid #333;
	}

	.convo-reply{
		border-top: 1px solid #d9d9d9;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	ul.ul-wishlist{
		list-style-type: disc;
		padding-left: 1em;
	}

	ul.ul-wishlist li {
		margin: 15px;
	}

	ul.ul-wishlist li input{
		display: inline;
	}

	.modal-diamond{
		/*background-color: rgba(217, 217, 217, 0.7);*/
		/*background: linear-gradient(-90deg, #80A2AE, #c4dce0);*/
	}
	.plus-upload{
		color: #ccc;
		cursor: pointer;
		transition: .15s;
	}
	.plus-upload:hover{
		color: #333;
	}
	#upload-id-doc-text {
	  position: relative;
	  width: 100px;
	}
	#upload-id-doc-text p {
	  white-space: nowrap;
	  text-overflow: ellipsis;
	  overflow: hidden;
	}
	#upload-id-doc-text:after {
	  content: attr(data-filetype);
	  position: absolute;
	  left: 100%;
	  top: 0;
	}

	.diamond-grey-icon{
		font-size:50px;
		color: #333333;
	}

	.diamond-white-icon{
		font-size:50px;
		color: #ffffff;
	}

	.diamond-blue-icon{
		font-size:50px;
		color: #9DD9DA;
	}

	.week-view-count{
		font-weight: 300;
		color: #710D0D;
		padding-right: 0;
	}

	.week-view-word{
		font-size: 13px;
		padding-left: 5px;
		color: #000;
	}

	.week-fav-count{
		color: #710D0D;
		font-weight: 300;
		padding: 0 0 0 10px;
	}

	.week-fav-word{
		font-size: 13px;
		color: #000;
		padding: 0 10px 0 0;
	}

	/* 1-2 characters */
	.week-expanded .week-view-count{
		font-size: 40px;
		padding-left: 10px;
		padding-right: 0;
		text-align: center;
	}

	.week-expanded .week-view-word{
		padding-left:0;
		padding-right:0;
		margin-top: 10px;
	}

	.week-expanded .week-fav-count{
		font-size: 40px;
		padding: 0 0 0 10px;
		text-align: center;
	}

	.week-expanded .week-fav-word{
		padding: 0;
		margin-top: 10px;
	}

	/* more than one character */
	.week-collapsed .week-view-count{
		font-size: 35px;
		text-align: center;
		padding-left: 10px;
		padding-right: 0;
	}

	.week-collapsed .week-view-word{
		padding-left: 10px;
		margin-top: 5px;
		padding-right: 0;
	}

	.week-collapsed .week-fav-count{
		font-size: 35px;
		padding: 0 0 0 10px;
		text-align: center;
	}

	.week-collapsed .week-fav-word{
		padding: 0;
		margin-top: 5px;
		padding-left: 10px;
		padding-right: 0;
	}

	@media screen and (max-width: 1286px) {
		/* more than one character */
		.week-collapsed .week-view-count,
		.week-collapsed .week-fav-count{
			font-size: 30px;
			padding:0;
			margin-top: 2px;
		}

		.week-collapsed .week-view-word,
		.week-collapsed .week-fav-word{
			padding: 0;
		}
	}

	.diamond-stepper.active{
		background-color: #f5f5f5;
	}
	.diamond-stepper a{
		text-decoration: none;
	}
	.diamond-stepper.active a{
		color: #333 !important;
	}
	.diamond-stepper.active .step-active{
		color: #333 !important;
		font-weight: bold;
	}
	.diamond-banner{
		letter-spacing: 1px;
		padding: 30px;
		min-height: 98vh;
		background-attachment: fixed;
        background-position: center top;
	    background-repeat: no-repeat;
	    background-image: url("https://d35f32vc0gekbo.cloudfront.net/media/2560x0/58342a2365ddd.jpg");
	    background-size: calc( 100% + 50px);
	    color:#fff;
	    text-align: center;
	    /*background-position: 50% 50px;*/
	}
	.diamond-hr{
		margin: 0 auto;
		width: 120px;
		height: 2px;
		background: linear-gradient(-90deg, #81A9B1, #C4E1E7);
	}
	.diamond-desc{
		margin-top: 200px;
		margin-bottom: 15px;
	}
	.diamond-desc>div:first-child{
		border-right: 1px solid #7e8082;
		padding: 20px 100px;
	}
	.diamond-desc>div:last-child{
		padding: 20px 100px;
	}

	@media screen and (max-width: 1224px) {
		.diamond-desc>div:first-child,
		.diamond-desc>div:last-child{
			padding: 20px 50px;
		}
	}

	@media screen and (max-width: 991px) {
		.diamond-desc h2{
			font-size: 24px;
		}
		.diamond-desc>div:first-child{
			border-right: 0;
			padding: 20px;
		}
		.diamond-desc>div:last-child{
			padding: 20px;
		}

		.diamond-banner{
			letter-spacing: 1px;
			padding: 30px;
			min-height: 100vh;
			background-attachment: fixed;
		    background-position: center;
		    background-repeat: no-repeat;
		    background-image: url("https://d35f32vc0gekbo.cloudfront.net/media/2560x0/58342a2365ddd.jpg");
		    background-size: cover;
		    color:#fff;
		    text-align: center;
		    /*background-position: 50% 50px;*/
		}
	}

	.premium-package-outer{
		padding: 10px;
		margin-bottom: 50px;
	}

	.premium-package-outer.selected{
		padding: 0;

	}
	.popular.premium-package-outer.selected{
		margin-top: -10px;
		margin-bottom: 30px;
	}

	.xmas.popular.premium-package-outer.selected{
		margin-bottom: 50px;
	}

	.xmas.popular.premium-package-outer{
		margin-top: -5px;
	}

	.package-row{
		padding: 0;
		margin-top:50px;
	}

	@media screen and (max-width: 767px) {
		.package-row{
			padding: 15px;
		}
		.premium-package-outer{
			margin-bottom: 10px;
		}

		.popular.premium-package-outer.selected{
			margin-top: 0px;
			margin-bottom: 10px;
		}
	}

	.selected .premium-package-inner{
		padding: 15px 0 15px 0;
		box-shadow: inset 0 0 0 1px #710D0D, inset 0 0 0 3px transparent;
	}
	.popular.selected .premium-package-inner{
		padding: 0 0 20px !important;
	}

	.selected .premium-package-inner .premium-package-standout-title{
		display: block;
		font-size: 16px;
		background-color: #710D0D;
		padding: 10px;
		margin-bottom: 10px;
		color:#fff;
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
	}

	.xmas.selected .btn-premium-package{
		margin-top: 0;
	}
	.xmas.selected .premium-package-price h2{
		margin-top: 15px;
	}

	.xmas.selected .premium-package-inner .premium-package-standout-title::before,
	.xmas.selected .premium-package-inner .premium-package-standout-title::after{
		/*background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBjbGFzcz0iIj48Zz48cGF0aCBkPSJNNTAxLjk2MSwyNDUuOTYxaC00Mi40MjNsMTAuMzM1LTEwLjMzNWMzLjkyLTMuOTIsMy45Mi0xMC4yNzcsMC0xNC4xOThjLTMuOTIxLTMuOTE5LTEwLjI3Ni0zLjkxOS0xNC4xOTgsMGwtMjQuNTMyLDI0LjUzNCAgaC00My44OWwzMC4zMDYtMzAuMzA2YzMuOTItMy45MiwzLjkyLTEwLjI3NywwLTE0LjE5OGMtMy45MjEtMy45MTktMTAuMjc2LTMuOTE5LTE0LjE5OCwwbC00NC41MDMsNDQuNTA1aC03OC42Mmw1NS41OTMtNTUuNTkzICBoNjIuOTM3YzUuNTQ0LDAsMTAuMDM5LTQuNDk2LDEwLjAzOS0xMC4wMzlzLTQuNDk2LTEwLjAzOS0xMC4wMzktMTAuMDM5aC00Mi44NThsMzEuMDM1LTMxLjAzNWg2Mi45MzYgIGM1LjU0NCwwLDEwLjAzOS00LjQ5NiwxMC4wMzktMTAuMDM5YzAtNS41NDQtNC40OTYtMTAuMDM5LTEwLjAzOS0xMC4wMzloLTQyLjg1N2wyOS45OTctMjkuOTk3YzMuOTItMy45MiwzLjkyLTEwLjI3NywwLTE0LjE5OCAgYy0zLjkyMS0zLjkxOS0xMC4yNzYtMy45MTktMTQuMTk4LDBsLTI5Ljk5NywyOS45OTdWNjIuMTJjMC01LjU0NC00LjQ5Ni0xMC4wMzktMTAuMDM5LTEwLjAzOWMtNS41NDQsMC0xMC4wMzksNC40OTYtMTAuMDM5LDEwLjAzOSAgdjYyLjkzNmwtMzEuMDM1LDMxLjAzNXYtNDIuODU4YzAtNS41NDQtNC40OTYtMTAuMDM5LTEwLjAzOS0xMC4wMzljLTUuNTQ0LDAtMTAuMDM5LDQuNDk2LTEwLjAzOSwxMC4wMzl2NjIuOTM3bC01NS41OTMsNTUuNTkzICB2LTc4LjYybDQ0LjUwNC00NC41MDNjMy45Mi0zLjkyLDMuOTItMTAuMjc3LDAtMTQuMTk4Yy0zLjkxOS0zLjkxNy0xMC4yNzQtMy45MTktMTQuMTk4LDBsLTMwLjMwNSwzMC4zMDZ2LTQzLjg5bDQ0LjUwNC00NC41MDMgIGMzLjkyLTMuOTIsMy45Mi0xMC4yNzcsMC0xNC4xOThjLTMuOTE5LTMuOTE3LTEwLjI3NC0zLjkxOS0xNC4xOTgsMGwtMzAuMzA1LDMwLjMwNlYxMC4wMzlDMjY2LjAzOSw0LjQ5NiwyNjEuNTQ0LDAsMjU2LDAgIGMtNS41NDQsMC0xMC4wMzksNC40OTYtMTAuMDM5LDEwLjAzOXY0Mi40MjNsLTMwLjMwNi0zMC4zMDZjLTMuOTIxLTMuOTE5LTEwLjI3Ni0zLjkxOS0xNC4xOTgsMGMtMy45MiwzLjkyLTMuOTIsMTAuMjc3LDAsMTQuMTk4ICBsNDQuNTA1LDQ0LjUwM3Y0My44OWwtMzAuMzA2LTMwLjMwNmMtMy45MjEtMy45MTktMTAuMjc2LTMuOTE5LTE0LjE5OCwwYy0zLjkyLDMuOTItMy45MiwxMC4yNzcsMCwxNC4xOThsNDQuNTA1LDQ0LjUwM3Y3OC42MiAgbC01NS41OTMtNTUuNTkzdi02Mi45MzdjMC01LjU0NC00LjQ5Ni0xMC4wMzktMTAuMDM5LTEwLjAzOXMtMTAuMDM5LDQuNDk2LTEwLjAzOSwxMC4wMzl2NDIuODU4bC0zMS4wMzUtMzEuMDM1VjYyLjEyICBjMC01LjU0NC00LjQ5Ni0xMC4wMzktMTAuMDM5LTEwLjAzOWMtNS41NDQsMC0xMC4wMzksNC40OTYtMTAuMDM5LDEwLjAzOXY0Mi44NTdMODkuMTc4LDc0Ljk4Yy0zLjkyMS0zLjkxOS0xMC4yNzYtMy45MTktMTQuMTk4LDAgIGMtMy45MiwzLjkyLTMuOTIsMTAuMjc3LDAsMTQuMTk4bDI5Ljk5NywyOS45OTdINjIuMTJjLTUuNTQ0LDAtMTAuMDM5LDQuNDk2LTEwLjAzOSwxMC4wMzljMCw1LjU0NCw0LjQ5NiwxMC4wMzksMTAuMDM5LDEwLjAzOSAgaDYyLjkzNmwzMS4wMzUsMzEuMDM1aC00Mi44NThjLTUuNTQ0LDAtMTAuMDM5LDQuNDk2LTEwLjAzOSwxMC4wMzlzNC40OTYsMTAuMDM5LDEwLjAzOSwxMC4wMzloNjIuOTM3bDU1LjU5Myw1NS41OTNoLTc4LjYyICBsLTQ0LjUwMy00NC41MDRjLTMuOTE5LTMuOTE4LTEwLjI3NC0zLjkxOS0xNC4xOTgsMGMtMy45MiwzLjkyLTMuOTIsMTAuMjc3LDAsMTQuMTk4bDMwLjMwNiwzMC4zMDVoLTQzLjg5bC00NC41MDMtNDQuNTA0ICBjLTMuOTItMy45MTgtMTAuMjc1LTMuOTE5LTE0LjE5OCwwYy0zLjkyLDMuOTItMy45MiwxMC4yNzcsMCwxNC4xOThsMzAuMzA2LDMwLjMwNUgxMC4wMzlDNC40OTYsMjQ1Ljk2MSwwLDI1MC40NTYsMCwyNTYgIGMwLDUuNTQ0LDQuNDk2LDEwLjAzOSwxMC4wMzksMTAuMDM5aDQyLjQyM2wtMzAuMzA2LDMwLjMwNmMtMy45MiwzLjkyLTMuOTIsMTAuMjc3LDAsMTQuMTk4YzEuOTYxLDEuOTYsNC41MywyLjk0LDcuMDk5LDIuOTQgIHM1LjEzOC0wLjk4MSw3LjA5OS0yLjk0bDQ0LjUwNC00NC41MDVoNDMuODlsLTMwLjMwNiwzMC4zMDZjLTMuOTIsMy45Mi0zLjkyLDEwLjI3NywwLDE0LjE5OGMxLjk2MSwxLjk2LDQuNTMsMi45NCw3LjA5OSwyLjk0ICBzNS4xMzgtMC45ODEsNy4wOTktMi45NGw0NC41MDQtNDQuNTA1aDc4LjYybC01NS41OTMsNTUuNTkzaC02Mi45MzdjLTUuNTQ0LDAtMTAuMDM5LDQuNDk2LTEwLjAzOSwxMC4wMzkgIGMwLDUuNTQ0LDQuNDk2LDEwLjAzOSwxMC4wMzksMTAuMDM5aDQyLjg1OGwtMzEuMDM1LDMxLjAzNUg2Mi4xMmMtNS41NDQsMC0xMC4wMzksNC40OTYtMTAuMDM5LDEwLjAzOSAgYzAsNS41NDQsNC40OTYsMTAuMDM5LDEwLjAzOSwxMC4wMzloNDIuODU3TDc0Ljk4LDQyMi44MjJjLTMuOTIsMy45Mi0zLjkyLDEwLjI3NywwLDE0LjE5OGMxLjk2MSwxLjk2LDQuNTMsMi45NCw3LjA5OSwyLjk0ICBzNS4xMzgtMC45ODEsNy4wOTktMi45NGwyOS45OTctMjkuOTk3djQyLjg1N2MwLDUuNTQ0LDQuNDk2LDEwLjAzOSwxMC4wMzksMTAuMDM5czEwLjAzOS00LjQ5NiwxMC4wMzktMTAuMDM5di02Mi45MzYgIGwzMS4wMzUtMzEuMDM1djQyLjg1OGMwLDUuNTQ0LDQuNDk2LDEwLjAzOSwxMC4wMzksMTAuMDM5YzUuNTQ0LDAsMTAuMDM5LTQuNDk2LDEwLjAzOS0xMC4wMzl2LTYyLjkzN2w1NS41OTQtNTUuNTkzdjc4LjYyICBsLTQ0LjUwNCw0NC41MDNjLTMuOTIsMy45Mi0zLjkyLDEwLjI3NywwLDE0LjE5OGMzLjkyMSwzLjkxOCwxMC4yNzYsMy45MiwxNC4xOTgsMGwzMC4zMDUtMzAuMzA2djQzLjg5bC00NC41MDQsNDQuNTAzICBjLTMuOTIsMy45Mi0zLjkyLDEwLjI3NywwLDE0LjE5OGMzLjkyMSwzLjkxOSwxMC4yNzYsMy45MiwxNC4xOTgsMGwzMC4zMDUtMzAuMzA2djQyLjQyM2MwLDUuNTQ0LDQuNDk2LDEwLjAzOSwxMC4wMzksMTAuMDM5ICBjNS41NDQsMCwxMC4wMzktNC40OTYsMTAuMDM5LTEwLjAzOXYtNDIuNDIzbDMwLjMwNiwzMC4zMDZjMS45NjEsMS45Niw0LjUzLDIuOTQsNy4wOTksMi45NGMyLjU2OSwwLDUuMTM4LTAuOTgxLDcuMDk5LTIuOTQgIGMzLjkyLTMuOTIsMy45Mi0xMC4yNzcsMC0xNC4xOThsLTQ0LjUwNC00NC41MDN2LTQzLjg5bDMwLjMwNiwzMC4zMDZjMS45NjEsMS45Niw0LjUzLDIuOTQsNy4wOTksMi45NCAgYzIuNTY5LDAsNS4xMzgtMC45ODEsNy4wOTktMi45NGMzLjkyLTMuOTIsMy45Mi0xMC4yNzcsMC0xNC4xOThsLTQ0LjUwNC00NC41MDN2LTc4LjYybDU1LjU5Myw1NS41OTN2NjIuOTM3ICBjMCw1LjU0NCw0LjQ5NiwxMC4wMzksMTAuMDM5LDEwLjAzOWM1LjU0NCwwLDEwLjAzOS00LjQ5NiwxMC4wMzktMTAuMDM5di00Mi44NThsMzEuMDM1LDMxLjAzNXY2Mi45MzYgIGMwLDUuNTQ0LDQuNDk2LDEwLjAzOSwxMC4wMzksMTAuMDM5YzUuNTQ0LDAsMTAuMDM5LTQuNDk2LDEwLjAzOS0xMC4wMzl2LTQyLjg1N2wyOS45OTcsMjkuOTk3YzEuOTYxLDEuOTYsNC41MywyLjk0LDcuMDk5LDIuOTQgIGMyLjU2OSwwLDUuMTM4LTAuOTgxLDcuMDk5LTIuOTRjMy45Mi0zLjkyLDMuOTItMTAuMjc3LDAtMTQuMTk4bC0yOS45OTctMjkuOTk3aDQyLjg1N2M1LjU0NCwwLDEwLjAzOS00LjQ5NiwxMC4wMzktMTAuMDM5ICBjMC01LjU0NC00LjQ5Ni0xMC4wMzktMTAuMDM5LTEwLjAzOWgtNjIuOTM2bC0zMS4wMzUtMzEuMDM1aDQyLjg1OGM1LjU0NCwwLDEwLjAzOS00LjQ5NiwxMC4wMzktMTAuMDM5ICBjMC01LjU0NC00LjQ5Ni0xMC4wMzktMTAuMDM5LTEwLjAzOUgzMzUuODNsLTU1LjU5Mi01NS41OTNoNzguNjJsNDQuNTAzLDQ0LjUwNGMxLjk2MSwxLjk2LDQuNTMsMi45NCw3LjA5OSwyLjk0ICBjMi41NjksMCw1LjEzOC0wLjk4MSw3LjA5OS0yLjk0YzMuOTItMy45MiwzLjkyLTEwLjI3NywwLTE0LjE5OGwtMzAuMzA1LTMwLjMwNWg0My44OWw0NC41MDMsNDQuNTA0ICBjMS45NjEsMS45Niw0LjUzLDIuOTQsNy4wOTksMi45NGMyLjU2OSwwLDUuMTM4LTAuOTgxLDcuMDk5LTIuOTRjMy45Mi0zLjkyLDMuOTItMTAuMjc3LDAtMTQuMTk4bC0zMC4zMDUtMzAuMzA1aDQyLjQyMyAgYzUuNTQ0LDAsMTAuMDM5LTQuNDk2LDEwLjAzOS0xMC4wMzlDNTEyLDI1MC40NTYsNTA3LjUwNCwyNDUuOTYxLDUwMS45NjEsMjQ1Ljk2MXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDI2Ni4wMzljMTIuOTE5LDAsMTIuOTQxLTIwLjA3OCwwLTIwLjA3OEMyNDMuMDgxLDI0NS45NjEsMjQzLjA1OSwyNjYuMDM5LDI1NiwyNjYuMDM5eiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojRkZGRkZGIiBkYXRhLW9sZF9jb2xvcj0iI2ZmZmZmZiI+PC9wYXRoPjwvZz4gPC9zdmc+');
		background-size: 12px;
		display: inline-block;
	    width: 12px;
	    height: 12px;
	    vertical-align: 0px;
		content:'';*/
	}

	.icon-xmas{display: none;}

	.xmas.selected .premium-package-inner .icon-xmas{
		width: 100%;
		padding:1px;
		display: block;
		margin-top:-10px;
		margin-bottom: 0px;
		padding-top:0px;
		position: relative;
		z-index: 100;
		background-color: transparent;
	}

	/*.premium-package-outer.popular {
		padding: 0 15px;
	}*/
	.premium-package-inner{
		-webkit-transition: 	margin 0.2s ease;
			-moz-transition:    margin 0.2s ease;
			-o-transition:      margin 0.2s ease;
			   transition:      margin 0.2s ease;
	}


	.premium-package-inner{
		background-color: #fff;
    	padding: 15px 0;
    	border-radius: 6px;
    	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14),
				    0 1px 1px -2px rgba(0, 0, 0, 0.2),
				    0 1px 5px 0 rgba(0, 0, 0, 0.12);
		font-family: 'Source Sans Pro';
	}

	.premium-package-standout-title{
		display: none;
	}


	.premium-package-name{
		font-size: 18px;
		font-weight: bold;
	}

	.premium-package-recursion-stat {
		font-weight: bold;
	}

	.premium-package-price h2{
		margin-bottom: 5px;
		font-weight: 500;
	}

	.btn-premium-package{
		border: 1px solid #710D0D;
		color:#710D0D;
		margin: 10px 0 0;
		padding: 10px;
		font-weight: bold;
		width: 90%;
	}

	.btn-premium-package:before{
		content: 'Select';
	}

	.btn-premium-package.selected:before{
		content: 'Selected';
	}
	.btn-premium-package.selected{
		background-color: #710D0D;
		color: #fff;
	}
	.btn-premium-package.selected:hover{

	}
	.btn-multicards-payment{
		width: 46%;
		display: inline-block;
		margin-top: -10px;
	}
	.btn-paypal-payment{
		width: 46%;
		display: inline-block;
		margin-top: -10px;
	}

	@media screen and (max-width: 767px) {
		.btn-multicards-payment{
			width: 100%;
			display: block;
			float:center;
			margin-top: 0px;
			margin-bottom: 5px;
		}
		.btn-paypal-payment{
			width: 100%;
			display: block;
			float:center;
			margin-top: 5px;
		}
	}

	.clickable-text{
		text-transform: capitalize;
	}
	.mobile-payment-section{
			margin-top: 10px !important;
			/* padding: 0 !important; */
	}
	.mobile-payment-section h4{
		text-align: center;
	}
	.mobile-payment-row{
		background-color: white;
		padding: 20px 15px;
		border: 1px solid #ccc;
		margin-top: -1px;
	}
	.mobile-payment-row h3{
		margin: 0;
		font-size: 18px;
		font-weight: 600;
	}
	.mobile-payment-row p{
		margin: 0;
	}

	.mobile-payment-row .billed{
		font-style: italic;
		color: #a0a0a0;
	}

	/* Payment */
.payment-box{
	background: #FFFFFF;
	border: 1px solid #D7D7D7;
	box-shadow: 0 1px 4px 0 rgba(112,112,112,0.08);
	border-radius: 10px;
	padding: 20px 45px;
	margin: 30px 0;
	}

	@media screen and (max-width: 767px) {
		.payment-box{
		padding: 15px;
		}
	}

	.payment-box h3{
		font-weight: 400;
		font-size: 22px;
	}

	.payment-box-inner{
		margin: 25px 0;
	}

	.payment-box .nav-pills>li>a {
		text-transform: none;
	}

	.payment-box .form-control{
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.payment-box .nav-pills>li:last-child {
		margin-right: 10px;
	}

	.payment-box #creditcard .btn {
		width: 100%;
		padding: 8px 10px;
	}

	.payment-box .nav-pills>li.active>a{
		background: #f3f3f3;
		border: 0;
	}

	.desktop-nav{
		border-bottom: 0;
	}

	.mobile-nav.centered > li, .nav-pills.centered > li {
		float:none;
		display:inline-block;
		*display:inline; /* ie7 fix */
		 zoom:1; /* hasLayout ie7 trigger */
	}

	.mobile-nav, .nav-pills.centered {
		text-align:center;
	}


	@media screen and (min-width: 768px) {
		.payment-box .mobile-nav{
			display: none;
		}
	}

	@media screen and (max-width: 767px) {
		.payment-box .desktop-nav{
			display: none;
		}
		.payment-box .tab-content{
			padding: 24px 0;
		}
		.payment-box-inner{
			margin: 0;
		}
		.payment-box h3{
			font-size: 18px;
			text-align: center;
			padding-bottom: 20px;
			font-weight: 600;
		}
		.payment-box{
			 margin: 30px -35px;
		}
	}

	.premium-package-old-price {
		text-decoration: line-through;
		color: grey;
		font-size: 1.5rem;
		line-height: 1.165;
	}

	.premium-package-price {
		margin-bottom: 5px;
		font-weight: 500;
		font-size: 30px;
	}

	.label-primary-custom {
		border-radius: 1rem;
		background-color: #0a9de1;
		font-weight: bold;
		font-size: 14px;
	}

	.label-primary-custom-mobile {
		border-radius: 1rem;
		background-color: #0a9de1;
		font-weight: bold;
	}

	.premium-package-note {
		color: grey;
		font-size: 18px;
	}

	.premium-package-note-mobile {
		color: grey;
	}

	.package_price_new {
		color: grey;
		font-size: 2rem;
		font-weight: bold;
	}

	.alert-danger-custom {
		border-radius: 1rem;
		text-align: center;
	}

	.margin-top-down {
		margin: 15px 0px 5px 0px;
	}

	.payment-package-container {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.settings-premium-badge {
		color: #fff;
		background-color: #f6cd55;
		border: 1.5px solid #eab923;
		border-radius: 50px;
		font-size: 12px !important;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 2px;
		padding-bottom: 2px;
		position: relative;
		margin-left: 2px;
		font-weight: normal !important;
	}

/* Tooltips */

.diamond-tooltip {
	position: relative;
	display: inline-block;
}
	
.diamond-tooltip .diamond-tooltiptext {
	visibility: hidden;
	width: 190px;
	background-color: black;
	color: #fff;
	background: linear-gradient(101.72deg, #000000 0.48%, #27508D 65.36%);
	text-align: left;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	top: 115%;
	left: 50%;
	margin-left: -45px;
	padding: 8px 0px 8px 10px;
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	/* Fonts */
	transition: opacity 1s;
	font-family: Lato;
	font-style: normal;
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0px;
	white-space: initial;
}
	
.diamond-tooltip .diamond-tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 24%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}
	
.diamond-tooltip:hover .diamond-tooltiptext {
	visibility: visible;
	opacity: 1;
}

@media only screen and (min-width: 246px) and (max-width: 365px) {
	.diamond-tooltip .diamond-tooltiptext {
		left: -85%;
	}

	.diamond-tooltip .diamond-tooltiptext::after {
		left: 80%;
	}
}

.diamond-tooltip .diamond-tooltiptext-visible {
	visibility: visible;
	opacity: 1;
}