@import 'https://fonts.googleapis.com/css?family=Kanit:300,400,500,700&display=swap';
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: 400
}

ol,
ul {
	list-style: none
}

caption,
th {
	text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 700
}

q:before,
q:after {
	content: ''
}

abbr,
acronym {
	border: 0
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 0
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.last {
	margin: 0!important
}

.pad_last {
	padding: 0!important
}

.no_bg {
	background: 0 0!important
}

.no_bor {
	border: 0!important
}

header,
nav,
section,
article,
aside,
footer,
hgroup,
figure {
	display: block
}

a {
	color: #000;
	text-decoration: none;
	outline: 0!important
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
	outline: 0!important
}

h1 {
	font-size: 24px
}

h2 {
	font-size: 22px
}

h3 {
	font-size: 18px
}

h4 {
	font-size: 16px
}

h5 {
	font-size: 14px
}

h6 {
	font-size: 12px
}

html {}

body {
	color: #b1b1b1;
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
    background-color: #fff;
}

.flt_lt {
	float: left;
	display: inline
}

.flt_rt {
	float: right;
	display: inline
}

.transition {
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.loading-overlay {
	position: fixed;
	text-align: center;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	background: rgba(0, 0, 0, .5);
	justify-content: center;
	z-index: 100;
	align-items: center
}

html {
	height: 100%
}

body {
	height: 100%
}

.wrapper {
	margin: 0 auto;
	background-color: #fff;
	padding: 0 0 0;
	min-height: 100%;
}

.push {
	height: 184px
}

.container {
	max-width: 100%;
	margin: 0 auto;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2%
}

.container1 {
	margin: 0 auto
}

header {}

.header-inn {
	background: #3875c6;
	min-height: 154px
}

.social-icons {
	padding: 0 0 0;
	display: inline-block;
	float: left
}

.social-icons ul {}

.social-icons ul li {
	display: inline;
	padding: 0 13px 0 0
}

.social-inn {
	padding: 43px 0 0;
	display: inline-block;
	vertical-align: middle
}

.logo {
	display: inline-block;
	padding: 0 0 0 0;
	vertical-align: middle
}
.alt-logo {
    display: block;
    position: absolute;
    /* left: 20px; */

    z-index: 0;
    /* background-color: #fff; */
}
.logo a {
	display: block
}

.home-list {
	text-align: right
}

.home-list ul {}

.home-list li {
	display: inline-block;
	font-size: 25.84px;
	line-height: 26.39px;
	color: #fff
}

.home-list li a {
	padding: 9px 20px 8px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	color: #fff;
	font-weight: 400
}

.home-list li a.active {
	color: #fff;
	background: #2964b2;
	border-radius: 8px
}

.home-list a:hover {
	color: #fff
}

.home-list li a {
	padding: 9px 20px 8px
}

.mid-box {
	display: flex;
	align-items: center;
	min-height: 154px
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #e32318!important;
	border-color: #e32318!important
}

.count-badge {
	background: #2964b2;
	border-radius: 100px
}

.count-badge a {
	padding: 5px!important;
	height: 40px;
	line-height: 33px
}

a.count {
	padding: 3px 20px 3px 0!important
}

.profile.active:before {
	background: url(../../images/how-buy-icon.png) no-repeat;
	width: 34px;
	height: 34px;
	background-size: contain
}


.profile:before {
	background: url(../../images/how-buy-icon.png) no-repeat;
	width: 34px;
	height: 34px;
	background-size: contain
}

.point:before {
	border-left: #b8d7ff solid 1px;
	width: 30px;
	height: 32px
}

.count:before {
	background: url(../../images/count-icon.png) no-repeat;
	width: 35px;
	height: 35px
}

.profile:hover:before {
	background: url(../../images/how-buy-icon.png) no-repeat;
	width: 34px;
	height: 34px;
	background-size: contain
}

.home-list ul li a.active:after {
	display: block
}

.home-list ul li a:hover:after {
	display: block
}

.normal-img {
	display: inline-block
}

.ratina-img {
	display: none
}

.nav-wrapper {
	width: 100%;
	text-align: right
}

.sl-nav {
	display: inline
}

.sl-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	display: inline-block
}

.sl-nav li {
	cursor: pointer;
	padding-bottom: 10px;
	color: #fff;
	display: flex;
	align-items: center
}

.sl-nav li ul {
	display: none
}

.sl-nav li:hover ul {
	position: absolute;
	top: 29px;
	right: -15px;
	display: block;
	background: #fff;
	width: 120px;
	padding-top: 0;
	z-index: 1;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.sl-nav li:hover .triangle {
	position: absolute;
	top: 15px;
	right: -10px;
	z-index: 10;
	height: 14px;
	overflow: hidden;
	width: 30px;
	background: 0 0
}

.sl-nav li:hover .triangle:after {
	content: '';
	display: block;
	z-index: 20;
	width: 15px;
	transform: rotate(45deg) translateY(0px) translatex(10px);
	height: 15px;
	background: #fff;
	border-radius: 2px 0 0 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.sl-nav li ul li {
	position: relative;
	text-align: left;
	background: 0 0;
	padding: 15px;
	padding-bottom: 0;
	z-index: 2;
	font-size: 15px;
	color: #3c3c3c
}

.sl-nav li ul li:last-of-type {
	padding-bottom: 15px
}

.sl-nav li ul li span {
	padding-left: 5px
}

.sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
	color: #146c78
}

.sl-flag {
	display: inline-block;
	box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	width: 15px;
	height: 15px;
	background: #aaa;
	border-radius: 50%;
	position: relative;
	top: 2px;
	overflow: hidden
}

.flag-de {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAAAPUlEQVQ4T+3HMQ0AIBTE0NOHM8x9B7hgh71bIWGieUvze1m7kHGBr/AVvsJX+EpmP5dV5/gKX+ErfIUvVDYcX2NMxQC8PAAAAABJRU5ErkJggg==);
	background-size: cover;
	background-position: center center
}

.flag-usa {
	background-size: cover;
	background-position: center center;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=)
}

.dropdown {
	position: relative;
	letter-spacing: 2px
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 50px;
	padding: 0;
	width: 262px;
	right: 0;
	background: #fff;
	padding: 10px 20px;
	border-radius: 10px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	z-index: 1
}

.dropdown-menu.active,.dropdown:hover .dropdown-menu{
	display: block
}

.dropdown-menu li {
	padding: 10px 0;
	transition: .2s ease-in-out;
	width: 100%;
	text-align: left;
	border-bottom: #e3e3e3 solid 1px
}

.dropdown-menu li:last-child {
	border-bottom: none
}

.dropdown-menu li:hover {
	background: #f5f5f5
}

.dropdown-menu li a {
	text-align: left;
	font-size: 24px;
	padding: 0;
	color: #3875c6;
	width: 100%
}

.dropdown-menu li a:hover {
	color: #3875c6
}

.statics {
	padding: 58px 0
}

.statics .col-md-3 {
	width: 25%;
	display: flex;
	align-items: center
}

.thumb-icon {
	width: 100px;
	float: left
}

.detail-title {
	margin-bottom: 35px;
	text-align: center;
	padding: 0!important
}

.detail-count {}

.detail-count h4,
.detail-count p,
.detail-count h1 {
	font-size: 44px;
	color: #dd8b8b;
	
	letter-spacing: 4px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	font-weight: 700
}

.detail-count h4 span,
.detail-count p span {
	font-size: 20px;
	
	font-weight: 700
}

.detail-count.blue-heading h4,
.detail-count.blue-heading p {
	font-size: 44px;
	color: #3875c6;
	
	letter-spacing: 4px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	font-weight: 700
}

.detail-count.blue-heading h4 span,
.detail-count.blue-heading p span {
	font-size: 20px;
	
}

.container-content {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2%
}

.col-buy-items {
	width: 27%;
	height: 685px;
	float: left;
	background: #e3efff;
	border: #b0d2ff solid 1px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	margin-right: 70px
}

.item-img {
	text-align: center;
	height: 484px;
	padding: 20px
}

.Btm-title {
	background: url(../../images/base-img.png) top center no-repeat;
	height: 204px;
	position: absolute;
	width: 100%;
	bottom: -50px;
	padding: 55px;
	font-size: 48px;
	
	color: #4981c0;
	background-size: cover;
	text-align: center
}

.Btm-title span {
	color: #5b97d9
}

h3.Btm-title,
h3.Btm-title span {
	font-size: 25px;
	color: #dd8b8b
}

.col-buy-robux {
	width: 27%;
	height: 685px;
	float: left;
	background: #fff3f3;
	border: #f6c5c5 solid 1px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	text-align: center
}

.col-buy-robux .Btm-title {
	background: url(../../images/base-img2.png) top center no-repeat;
	height: 204px;
	position: absolute;
	width: 100%;
	bottom: -50px;
	padding: 55px;
	font-size: 49px;
	
	color: #cb6767;
	background-size: cover
}

.col-buy-robux h3.Btm-title,
.col-buy-robux h3.Btm-title span {
	font-size: 25px;
	color: #3875c6
}

.col-buy-robux .Btm-title span {
	color: #e37f7f
}

.right-wel-col {
	width: 38%;
	float: right
}

.right-wel-col h2 {
	color: #3875c6;
	font-size: 3.3em;
	
	margin-bottom: 50px
}

.right-wel-col p {
	color: #d78484;
	font-size: 22px;
	
	margin-bottom: 20px;
	line-height: 33px
}

.seprator {
	background: url(../../images/seprater.png) no-repeat;
	width: 100%;
	height: 8px
}

.col-boxes {}

.join-box {
	background: #ccd7ff;
	border-radius: 10px;
	height: 211px;
	width: 48%;
	float: left;
	margin-top: 22px;
	padding: 0 10px;
	display: flex;
	align-items: center;
	justify-content: center
}

.join-thumb {
	float: left;
	width: 65px;
	height: 60px;
	align-items: center;
	display: flex
}

.join-detail h5 {
	font-size: 20px;
	margin-bottom: 5px;
	color: #3875c6;
	font-family: 'Roboto', sans-serif;
}

.leader-box {
	background: #fffbcd;
	border-radius: 10px;
	height: 211px;
	width: 48%;
	float: right;
	margin-top: 22px;
	padding: 0 0;
	display: table
}

.leader-box h4,
.leader-box h3 {
	font-size: 24px;
	color: #5b5d5c;
	text-decoration: underline;
	padding: 10px 15px
}

.leader-box h4 img,
.leader-box h3 img {
	vertical-align: middle;
	margin-right: 10px
}

.table-style {}

.table-style .table-row {
	padding: 10px 15px;
	font-size: 16px;
	
	background: #fffbcd;
	color: #5b5d5c
}

.table-style .table-row:nth-child(2n+1) {
	background: #f3efc3
}

.table-style .table-row span {
	font-size: 16px;
	
}

.annoucment-box {
	background: #d3ffe4;
	border-radius: 10px;
	height: 211px;
	width: 100%;
	float: right;
	margin-top: 22px;
	padding: 0 0;
	border: #bff9d6 solid 1px
}

.annoucment-box h4,
.annoucment-box h3 {
	font-size: 24px;
	color: #5b5d5c;
	text-decoration: underline;
	padding: 15px 25px 0
}

.annoucment-box h4 img,
.annoucment-box h3 img {
	vertical-align: middle;
	margin-right: 10px
}

.ul-style {}

.ul-style p {
	padding: 0 25px
}

.ul-style p {
	font-size: 20px;
	color: #5b5d5c;
	
	margin-bottom: 0
}

.recent-box {
	padding: 30px 0
}

.recent-box h3 {
	font-size: 32px;
	color: #5b5d5c;
	
}

.recent-box ul {}

.recent-box ul li {
	float: left;
	width: 13.22%;
	height: 100%;
	margin-left: 18px;
	margin-top: 20px
}

.recent-box ul li img {
	height: 150px
}

.recent-box ul li:first-child {
	margin-left: 0
}

.recent-box ul li.blue-box {
	background: #f0f6ff;
	border: #cee3ff solid 5px;
	border-radius: 5px;
	padding: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.recent-box ul li.red-box {
	background: #fff4f4;
	border: #ffe1e1 solid 5px;
	border-radius: 5px;
	padding: 15px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

.slider-recent-box {
	padding: 0 0
}

.slider-recent-box ul {}

.slider-recent-box ul li {
	float: left;
	margin-left: 18px;
	margin-top: 20px
}

.slider-recent-box ul li:first-child {
	margin-left: 0
}

.first-card {
	background: #fff;
	padding: 4px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	float: left;
	width: 30%;
	height: 583px;
	margin-right: 70px
}

.first-card .header-strip {
	background: url(../../images/header-strip-bg.png) #66d66e top center no-repeat;
	height: 74px;
	border-radius: 10px 10px 0 0;
	position: relative
}

.first-card .header-strip:before {
	width: 115px;
	height: 36px;
	background: url(../../images/strip-badge.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin: -18px 0 0 -45px
}

.first-card .body-content {
	width: 100%;
	height: 410px;
	background: url(../../images/first-card-body-bg.png) center center no-repeat;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.first-card .body-content:before {
	background: url(../../images/frsit-card-coin.png) no-repeat;
	width: 163px;
	height: 132px;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin: -66px 0 0 -80px
}

.first-card .price-tag {
	border: #66d66e solid 5px;
	background: #fff;
	padding: 12px 25px;
	border-radius: 10px 10px 0 0;
	font-size: 54px;
	color: #66d66e;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: -5px;
	
}

.first-card .price-tag img {
	margin: 0 12px 0 0
}

.first-card .footer {
	background: #66d66e;
	padding: 10px 20px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	min-height: 91px;
	font-size: 44px;
	color: #fff;
	
	display: flex;
	align-items: center;
	justify-content: center
}

.first-card .footer img {
	margin: 0 10px
}

.second-card {
	background: #fff;
	padding: 4px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	float: left;
	width: 30%;
	height: 583px;
	margin-right: 70px
}

.second-card .header-strip {
	background: url(../../images/header-strip-bg.png) #f4473b top center no-repeat;
	height: 74px;
	border-radius: 10px 10px 0 0;
	position: relative
}

.second-card .header-strip:before {
	width: 115px;
	height: 36px;
	background: url(../../images/strip-badge.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin: -18px 0 0 -45px
}

.second-card .body-content {
	width: 100%;
	height: 410px;
	background: url(../../images/second-card-body-bg.png) center center no-repeat;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.second-card .body-content:before {
	background: url(../../images/second-card-coin.png) no-repeat;
	width: 228px;
	height: 170px;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin: -85px 0 0 -114px
}

.second-card .price-tag {
	border: #f4473b solid 5px;
	background: #fff;
	padding: 12px 25px;
	border-radius: 10px 10px 0 0;
	font-size: 54px;
	color: #f4473b;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: -5px;
	
}

.second-card .price-tag img {
	margin: 0 12px 0 0
}

.second-card .footer {
	background: #f4473b;
	padding: 10px 20px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	min-height: 91px;
	font-size: 44px;
	color: #fff;
	
	display: flex;
	align-items: center;
	justify-content: center
}

.second-card .footer img {
	margin: 0 10px
}

.third-card {
	background: #fff;
	padding: 4px;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	float: left;
	width: 30%;
	height: 583px
}

.third-card .header-strip {
	background: url(../../images/header-strip-bg.png) #3875c6 top center no-repeat;
	height: 74px;
	border-radius: 10px 10px 0 0;
	position: relative
}

.third-card .header-strip:before {
	width: 115px;
	height: 36px;
	background: url(../../images/strip-badge.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin: -18px 0 0 -45px
}

.third-card .body-content {
	width: 100%;
	height: 410px;
	background: url(../../images/third-card-body-bg.png) center center no-repeat;
	overflow: hidden;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-end
}

.third-card .body-content:before {
	background: url(../../images/third-card-coin.png) no-repeat;
	width: 258px;
	height: 213px;
	position: absolute;
	left: 50%;
	top: 50%;
	content: '';
	margin: -108px 0 0 -129px
}

.third-card .price-tag {
	border: #3875c6 solid 5px;
	background: #fff;
	padding: 12px 25px;
	border-radius: 10px 10px 0 0;
	font-size: 54px;
	color: #3875c6;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: -5px;
	
}

.third-card .price-tag img {
	margin: 0 12px 0 0
}

.third-card .footer {
	background: #3875c6;
	padding: 10px 20px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	min-height: 91px;
	font-size: 44px;
	color: #fff;
	
	display: flex;
	align-items: center;
	justify-content: center
}

.third-card .footer img {
	margin: 0 10px
}

.custom-amount-box {
	border: #b1b1b1 solid 1px;
	padding: 30px;
	border-radius: 10px;
	float: left;
	width: 65%
}

.custom-amount-box .header {
	border-bottom: #e4e4e4 solid 1px;
	padding-bottom: 16px;
	display: flex;
	align-items: center
}

.custom-amount-box .header h3.left-heading {
	font-size: 36px;
	color: #5f5f5f;
	
	display: flex;
	align-items: center;
	float: left;
	width: 50%
}

.custom-amount-box .header h3.left-heading img {
	margin-right: 10px
}

.custom-amount-box .header h4.right-heading {
	font-size: 26px;
	color: #727272;
	
	display: flex;
	align-items: center;
	float: left
}

.custom-amount-box .header h4.right-heading span {
	
	background: #d8ffdb;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-left: 0
}

.custom-amount-box .header h4.right-heading img {
	margin-right: 10px
}

.custom-amount-box .amount-footer {
	padding: 20px;
	display: flex;
	align-items: center
}

.custom-amount-box .amount-footer h3.left-heading {
	font-size: 28px;
	color: #5f5f5f;
	
	display: flex;
	align-items: center;
	float: left;
	width: 50%
}

.custom-amount-box .amount-footer h3.left-heading span {
	
	background: #cde5ff;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-left: 0
}

.custom-amount-box .amount-footer h3.left-heading img {
	margin-right: 10px
}

.custom-amount-box .amount-footer h4.right-heading {
	float: right;
	width: 50%;
	text-align: right
}

.custom-amount-box .amount-footer h4.right-heading a {
	font-size: 26px;
	color: #5f5f5f;
	
	text-decoration: underline
}

.recent-sold-box {
	border: #b1b1b1 solid 1px;
	padding: 30px;
	border-radius: 10px;
	float: right;
	width: 30%;
	min-height: 480px
}

.recent-sold-box .header {
	border-bottom: #e4e4e4 solid 1px;
	padding-bottom: 16px;
	display: flex;
	align-items: center
}

.recent-sold-box .header h3 {
	font-size: 36px;
	color: #5f5f5f;
	
	display: flex;
	align-items: center
}

.recent-sold-box .header h3 img {
	margin-right: 10px
}

.recent-sold-box .listing-style {}

.recent-sold-box .listing-style ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.recent-sold-box .listing-style ul li {
	list-style: none;
	font-size: 24px;
	color: #6b6b6b;
	
	margin: 10px 0 0;
	line-height: 40px;
	padding-left: 50px
}

.recent-sold-box .listing-style ul li.price-tag {
	background: url(../../images/list-price-tag.png) 0 5px no-repeat
}

.recent-sold-box .listing-style ul li.box-tag {
	background: url(../../images/list-box-icon.png) 0 5px no-repeat
}

.recent-sold-box .listing-style ul li.price-tag span {
	
	color: #3875c6
}

.recent-sold-box .listing-style ul li.box-tag span {
	
	color: #f4473b
}

.alert-msg {
	margin: 25px 0
}

.alert {
	position: relative;
	padding: 15px 4rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: 0
}

.alert-warning {
	color: #5f5f5f;
	background-color: #fffde1;
	border-color: #e8e5c7;
	font-size: 26px;
	
	display: flex;
	align-items: center
}

.alert-warning img {
	margin-right: 10px
}

.form-box {
	padding: 0 20px
}

.form-box .col-md-6 {
	width: 47%;
	display: inline-block;
	padding: 0 0
}
#robux_amount,#selectAmountBackup{
	background: url(../../images/first-card-price.png) 5px 5px no-repeat;
	background-size: 38px 38px;
}
#roboxAcc{
	background: url(../../images/roblox.png) 5px 5px no-repeat;
}
input.user-input {

	border: 0;
	border-bottom: #b3b3b3 solid 1px;
	padding: 15px 80px;
	width: 100%;
	color: #b6b6b6;
	font-size: 24px;
}

input.price-input,.sweetSelect {
	border: 0;
	border-bottom: #b3b3b3 solid 1px;
	padding: 15px 80px;
	width: 100%;
	color:  rgb(117, 117, 117);
	font-size: 24px;
	
}

.buy-btn {
	
	font-size: 28px;
	color: #fff;
	min-height: 66px;
	background: #66d66e;
	width: 100%;
	border-radius: 5px;
	border: 0;
	margin: 25px 0 0
}

footer {
	background: #f9f9f9;
	margin-top: 80px
}

.rofun-inn {
	padding: 30px 0;
	vertical-align: middle
}

.contact {
	display: inline-block;
	vertical-align: middle;
	padding: 12px 0 0 0;
	float: left
}

.contact ul {}

.contact li {}

.footer-logo {
	float: right
}

.footer-inn {
	max-width: 100%;
	padding: 15px 2%;
	margin: 0 auto;
	width: 100%
}

.contact li {
	display: inline-block;
	font-size: 24px;
	line-height: 29.48px;
	color: #777;
	
	font-weight: 400
}

.contact li a {
	position: relative;
	padding: 5px 10px;
	color: #777
}

.contact li a:before {
	content: "|";
	position: absolute;
	right: -7px
}

.contact li a.last:before {
	content: "";
	position: absolute;
	right: -7px
}

.contact-inn:before {
	content: "";
	position: absolute;
	background: url(../../images/msgfoter.png) no-repeat;
	width: 26px;
	height: 21px
}

.tos:before {
	content: "";
	position: absolute;
	background: url(../../images/hammer.png) no-repeat;
	width: 27px;
	height: 27px
}

.privacy-inn:before {
	content: "";
	position: absolute;
	background: url(../../images/lock.png) no-repeat;
	width: 22px;
	height: 26px
}

.about-inn:before {
	content: "";
	position: absolute;
	background: url(../../images/iing.png) no-repeat;
	width: 26px;
	height: 26px
}

div.scroll {
	max-width: 99%;
	max-height: 130px;
	overflow-y: scroll;
	overflow-x: hidden
}

div.scroll::-webkit-scrollbar {
	width: 1em
}

div.scroll::-webkit-scrollbar-track {}

div.scroll::-webkit-scrollbar-thumb {
	display: none
}

::-webkit-scrollbar-button {
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width: 9px;
	cursor: pointer
}

::-webkit-scrollbar-button:horizontal:increment {
	background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon2.png)
}

::-webkit-scrollbar-button:end:increment {
	background-image: url(../../images/board-bottom-arrow.png)
}

::-webkit-scrollbar-button:start:decrement {
	background-image: url(../../images/board-top-arrow.png)
}

div.scroll2 {
	max-width: 99%;
	max-height: 130px;
	overflow-y: scroll;
	overflow-x: hidden
}

div.scroll2::-webkit-scrollbar {
	width: 1em
}

div.scroll2::-webkit-scrollbar-track {}

div.scroll2::-webkit-scrollbar-thumb {
	display: none
}

div.scroll2::-webkit-scrollbar-button:end:increment {
	background-image: url(../../images/ann-bottom-arrow.png)
}

div.scroll2::-webkit-scrollbar-button:start:decrement {
	background-image: url(../../images/ann-top-arrow.png)
}

.tutorials-box {
	padding: 7em 0;
	text-align: center
}

.tutorials-box h3 {
	color: #474747;
	font-size: 32px;
	margin-bottom: 30px;
	
}

.faq-section {
	padding: 0 20px
}

.faq-section h2 {
	color: #474747;
	font-size: 48px;
	
}

.faq-section h3 {
	color: #474747;
	font-size: 40px;
	line-height: 36px;
	
	letter-spacing: 2px;
	margin: 100px 0 30px
}

.faq-section p {
	color: #474747;
	font-size: 30px;
	line-height: 50px;
	
	letter-spacing: 2px
}

.bottom-bg {
	background: url(../../images/page-bottom-bg.png) top center no-repeat;
	height: 760px;
	background-size: cover;
	margin: 200px 0 0
}

.profile-content {}

.profile-content .profile-header {
	border-bottom: #cbcbcb solid 1px;
	padding-top: 70px;
}

.profile-content .profile-header .profile-left {
	float: left;
	width: 50%
}

.profile-content .profile-header .profile-left .profile-thumb {
	width: 160px;
	height: 160px;
	background: #e1e1e1;
	border-radius: 100px;
	border: #b7e3ff solid 5px;
	overflow: hidden;
	float: left
}

.profile-content .profile-header .profile-left .profile-thumb img {
	width: 160px;
	height: 160px;
	margin: -5px
}

.profile-content .profile-header .profile-left .profile-detail {
	padding-left: 20px;
	display: flex;
	align-items: center
}

.profile-content .profile-header .profile-left .profile-detail .header-pro {
	float: left
}

.profile-content .profile-header .profile-left .profile-detail h2 {
	font-size: 52px;
	color: #3875c6;
	
	float: left
}

.profile-content .profile-header .profile-left .profile-detail a.edit-profile {
	padding: 0 15px 0 15px;
	min-height: 39px;
	color: #5d5d5d;
	border-radius: 8px;
	font-size: 20px;
	
	float: left;
	margin: 10px 0 0 15px;
	line-height: 39px
}

.profile-content .profile-header .profile-left .profile-detail a.edit-profile:hover {
	background: url(../../images/edit-profile-icon-white.png) #3875c6 11px 10px no-repeat;
	color: #fff
}

.profile-content .profile-header .profile-left .rating-bar {
	float: left;
	width: 100%;
	margin: 17px 0
}

.profile-content .profile-header .profile-left .rating-bar .rating-star {
	background: url(../../images/star-icon.png) no-repeat;
	width: 40px;
	height: 38px;
	font-size: 29px;
	color: #fff;
	text-shadow: 0 2px 5px #2fbe67;
	
	text-align: center;
	line-height: 36px;
	float: left;
	margin: 0 10px 0 0
}

.profile-content .profile-header .profile-left .rating-bar p {
	font-size: 26px;
	color: #4b4b4b;
	text-align: left;
	
	padding: 10px 0 0 10px
}

.profile-content .profile-header .profile-left .rating-bar p span {
	
}

.progress-bar {
	width: 0;
	-webkit-animation: progress 1.5s ease-in-out forwards;
	animation: progress 1.5s ease-in-out forwards
}

.progress-bar .title {
	opacity: 0;
	-webkit-animation: show .35s forwards ease-in-out .5s;
	animation: show .35s forwards ease-in-out .5s
}

@-webkit-keyframes progress {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

@keyframes progress {
	from {
		width: 0
	}
	to {
		width: 100%
	}
}

@-webkit-keyframes show {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes show {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.progress {
	height: 11px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #e0e0e0;
	border-radius: 100px;
	max-width: 275px;
	margin: 15px 0 0 10px
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #3fd279;
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease
}

.profile-content .profile-header .profile-right {
	float: right;
	width: 40%
}

.profile-content .profile-header .profile-right p {
	font-size: 24px;
	color: #4b4b4b;
	
	padding: 0 0 0 0;
	float: left
}

.profile-content .profile-header .profile-right p span {
	
}

.profile-content .profile-header .profile-right a.link {
	font-size: 28px;
	color: #4b4b4b;
	text-align: left;
	
	padding: 12px 30px;
	background: #ffecd9;
	border: #edc9a5 solid 1px;
	border-radius: 10px;
	float: left;
	margin: 20px 0 0
}

.payout {
	padding: 80px 0 0
}

.last-payout {
	float: left;
	width: 48%
}

.last-payout h3 {
	font-size: 36px;
	color: #62d543;
	
	margin-bottom: 28px
}

.last-payout .list-box {
	border-left: #62d543 solid 5px;
	padding: 20px 40px;
	min-height: 385px
}

.last-payout .list-box ul {}

.last-payout .list-box ul li {
	border-bottom: #cbcbcb solid 1px;
	font-size: 30px;
	color: #4b4b4b;
	padding: 15px 0;
	
	line-height: 40px
}

.last-payout .list-box ul li:last-child {
	border-bottom: 0
}

.last-refill {
	float: right;
	width: 48%
}

.last-refill h3 {
	font-size: 36px;
	color: #51b8ec;
	
	margin-bottom: 28px
}

.last-refill .list-box {
	border-left: #51b8ec solid 5px;
	padding: 20px 0 20px 40px;
	min-height: 385px
}

.last-refill .list-box ul {}

.last-refill .list-box ul li {
	border-bottom: #cbcbcb solid 1px;
	font-size: 30px;
	color: #4b4b4b;
	padding: 15px 0;
	
	line-height: 40px
}

.last-refill .list-box ul li:last-child {
	border-bottom: 0
}

.credit {
	float: right;
	text-align: right
}

.credit h5 {
	font-size: 24px;
	color: #4b4b4b;
	
}

.credit h3 {
	font-size: 56px;
	color: #3e87d7;
	
	padding: 10px 0
}

.credit h6 {
	font-size: 20px;
	color: #4b4b4b;
	
}

.credit h6 img,
.credit h3 img {
	vertical-align: top
}

.refill-left {
	float: left;
	width: 30%;
	padding: 30px;
	border: #b1b1b1 solid 1px;
	border-radius: 10px
}

.refill-left .header h3 {
	border-bottom: #cdcdcd solid 2px;
	padding: 0 0 18px;
	font-size: 38px;
	color: #3e87d7;
	
	display: flex;
	align-items: center
}

.refill-left .header h3 img {
	margin-right: 15px
}

.refill-left .form-box {
	padding: 0
}

.refill-left .form-box .col-md-6 {
	width: 100%;
	display: inline-block;
	padding: 0 20px;
	margin: 60px 0 0
}

.refill-left input.user-input {
	background: url(../../images/user-icon.png) 5px 5px no-repeat;
	border: 0;
	border-bottom: #b3b3b3 solid 2px;
	padding: 15px 0 15px 80px;
	width: 100%;
	color: #b6b6b6;
	font-size: 24px;
	
}

.refill-left input.price-input {
	background: url(../../images/up-arrow.png) 5px 5px no-repeat;
	border: 0;
	border-bottom: #b3b3b3 solid 2px;
	padding: 15px 0 15px 80px;
	width: 100%;
	color: #b6b6b6;
	font-size: 24px;
	
}

.refill-left .buy-btn {
	
	font-size: 24px;
	color: #fff;
	min-height: 58px;
	background: #3e87d7;
	width: 100%;
	border-radius: 5px;
	border: 0;
	margin: 0 0 0;
	cursor: pointer
}

.refill-right {
	float: right;
	width: 65%;
	padding: 10px 5px;
	border: #b1b1b1 solid 1px;
	border-radius: 10px;
	min-height: 505px
}

.refill-right table {}

.refill-right table tr {
	background: #fff
}

.refill-right table tr:nth-child(2n+1) {
	background: #f6f6f6
}

.refill-right table td {
	padding: 12px 8%;
	vertical-align: middle;
	text-align: left
}

.refill-right table td.green-text {
	font-size: 32px;
	color: #31b565;
	
}

.refill-right table td.green-text img {
	vertical-align: top;
	margin-right: 30px
}

.refill-right table td.blue-text {
	font-size: 32px;
	color: #3e87d7;
	
}

.refill-right table td.blue-text img {
	vertical-align: top;
	margin-right: 30px
}

.btn-center {
	text-align: center
}

.refill-right a.buy-btn {
	
	font-size: 24px;
	color: #fff;
	min-height: 58px;
	background: #3fd279;
	border-radius: 5px;
	border: 0;
	margin: 50px 0 0;
	padding: 0 75px;
	cursor: pointer;
	display: inline-block;
	line-height: 58px;
	width: auto
}

.refill-center {
	width: 100%;
	text-align: center;
	padding: 80px 0 0
}

.refill-center p {
	font-size: 24px;
	color: #4b4b4b;
	
	margin-bottom: 40px
}

.refill-center p span {
	
}

.refill-center a.link {
	font-size: 28px;
	color: #4b4b4b;
	text-align: left;
	
	padding: 12px 30px;
	background: #ffecd9;
	border: #edc9a5 solid 1px;
	border-radius: 10px
}

.header-inn1 {
	padding: 11px 0 40px
}

.my-even {
	padding: 14px 0 0
}

.envy {
	background: #fff
}

.envy-in {
	margin: 30px auto;
	border: 1px solid #cbcbcb;
	border-radius: 8px;
	padding: 0 15px 50px;
	width: 100%
}

.envy-cnt {
	margin: 0 auto;
	padding: 81px 0 0
}

.envy-up {
	padding: 0 0 65px;
	border-bottom: 1px solid #a8a8a8
}

.envy-up ul {
	margin: 0;
	padding: 0
}

.envy-up ul li {
	float: left;
	display: inline-block;
	margin: 0 0 0 0;
	margin: 0 11.4% 0 0
}

.envy-list {
	font-size: 0
}

.envy-list .envy-list-lft {
	display: inline-block;
	vertical-align: middle;
	padding: 0 22px 0 0
}

.envy-list-lft figure {}

.envy-list-lft img {
	display: block;
	margin: 0
}

.envy-list .envy-list-rt {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 25px
}

.envy-list-rt h3 {
	font-size: 49px;
	line-height: 33px;
	font-weight: 400;
	
	color: #212121;
	padding: 0 0 25px;
	position: relative
}

.envy-list-rt h3:after {
	content: "";
	position: absolute;
	background: url(../../images/pencil.png) no-repeat;
	width: 27px;
	height: 27px;
	top: 1px;
	right: -46px;
	padding: 0
}

.envy-list-rt span {
	display: inline-block;
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	
	font-weight: 400;
	background: #29b66e;
	border-radius: 9px;
	text-align: center;
	padding: 1px 11px 4px 12px
}

.withdraw-list-rt {
	padding: 0!important
}

.withdraw-list-rt h3 {
	font-size: 44px;
	line-height: 33px;
	font-weight: 400;
	
	color: #212121;
	padding: 0 0 0 120px;
	position: relative
}

.withdraw-list-rt h3:before {
	content: "";
	position: absolute;
	background: url(../../images/withdraw-cash-icon.png) no-repeat;
	width: 94px;
	height: 100px;
	top: -12px;
	left: 0;
	padding: 0
}

.withdraw-list-rt h3:after {
	display: none!important
}

.withdraw-list-rt span {
	display: inline-block;
	color: #212121;
	font-size: 22px;
	line-height: 24px;
	
	font-weight: 400;
	border-radius: 9px;
	text-align: center;
	padding: 0;
	background: 0 0
}

.envy-up.envy-draw {
	border-bottom: 0
}

.envy-up.envy-draw ul li {
	float: left;
	display: inline-block;
	margin: 0 4.4% 0 0
}

input.input-field {
	background: url(../../images/rs-icon.png) #f6f6f6 24px center no-repeat;
	border: silver solid 1px;
	width: 469px;
	height: 72px;
	border-radius: 5px!important;
	padding: 0 0 0 75px;
	font-size: 22px;
	font-weight: 300
}

.points-btn {
	background: #29b66e;
	width: 469px;
	height: 60px;
	border-radius: 5px!important;
	padding: 0 30px;
	font-size: 28px;
	color: #fff;
	text-shadow: 0 2px 0 rgba(0, 0, 0, .3);
	
	border: 0;
	margin-top: 20px
}

.box-grey {
	background: #f4f4f4;
	padding: 20px;
	border-radius: 10px
}

.box-grey ul li {
	font-size: 22px;
	line-height: 30px;
	color: #5b5b5b;
	padding-left: 40px;
	margin: 10px 0!important;
	width: 100%
}

.box-grey ul li.info-icon {
	background: url(../../images/info-icon.png) no-repeat
}

.box-grey ul li.tick-icon {
	background: url(../../images/tick-icon.png) no-repeat
}

.box-grey ul li a {
	color: #2a2a2a;
	font-size: 16px;
	text-align: right;
	float: right;
	text-decoration: underline
}

.table th {
	border: 0!important;
	font-size: 18px!important;
	padding: 15px!important
}

.table td {
	border: 0!important;
	padding: 15px!important;
	font-size: 16px!important
}

.envy-list-rt1 {
	vertical-align: middle;
	display: inline-block;
	text-align: center
}

.envy-list-rt1 h3 {
	color: #212121;
	font-size: 22.31px;
	line-height: 25px;
	font-weight: 400;
	
	padding: 19px 0 0 0;
	letter-spacing: .1px
}

.envy-list-rt1 span {
	display: block;
	color: #29b66e;
	font-size: 53px;
	line-height: 55px;
	font-weight: 400;
	
	text-align: center
}

.envy-list-rt1 span.rd {
	color: #e32318;
	padding: 0 0 0 -2px
}

.envy-list-rt h5 {
	font-size: 22px;
	line-height: 24px;
	font-weight: 400;
	
	color: #212121;
	padding: 0 0 17px;
	letter-spacing: .8px
}

.envy-list-rt a.link {
	display: inline-block;
	color: #212121;
	font-size: 22px;
	line-height: 24px;
	
	font-weight: 400;
	background: #f6f6f6;
	border-radius: 9px;
	text-align: center;
	padding: 8px 29px 10px 66px;
	position: relative;
	border: 1px solid #c4c4c4;
	margin: 0 0 0 2px;
	letter-spacing: .7px
}

.envy-list-rt a.link:before {
	content: "";
	background: url(../../images/linkimg.png) no-repeat;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 10px;
	left: 26px
}

.envy-list-rt4 small.eight {
	color: #212121;
	font-size: 30px;
	line-height: 32px;
	font-weight: 400;
	border-bottom: 2px solid silver;
	display: inline-block;
	text-align: center;
	padding: 7px 0 0;
	font-weight: 400;
	
}

.envy-down {
	padding: 80px 0 83px;
	border-bottom: 1px solid #a8a8a8
}

.envy-down ul {
	padding: 0;
	margin: 0
}

.envy-down ul li {
	display: inline-block;
	float: left;
	margin: 0 6.2% 0 0
}

.wd1 {
	width: 35.4%
}

.wd2 {
	width: 22.4%;
	margin: 0 13% 0 0!important
}

.wd3 {
	width: 22.8%;
	float: right
}

.envy-list .envy-list-btm {
	padding: 0
}

.envy-list11 {
	text-align: center
}

.envy-list .envy-list-rt4 {
	padding: 0
}

.w1 {
	width: 25.8%
}

.w2 {
	width: 23%
}

.w3 {
	width: 28.4%
}

.envy-cnt1 {
	max-width: 1113px;
	margin: 0 auto
}

.get-inn {
	padding: 14px 0 0
}

.envy-in-get {
	padding: 0 0 68px;
	max-width: 1455px;
	margin: 0 auto;
	border: 1px solid #cbcbcb;
	min-height: 1468px;
	border-radius: 8px
}

.envy-up-get {
	padding: 60px 0 32px;
	border-bottom: 1px solid #a8a8a8
}

.envy-up-get h2 {
	font-size: 44px;
	line-height: 55px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 22px 5px;
	letter-spacing: .4px
}

.envy-up-get p {
	color: #212121;
	font-size: 19px;
	line-height: 22px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	letter-spacing: .8px
}

.envy-up-get ul {
	padding: 0;
	margin: 0;
	font-size: 0
}

.envy-up-get ul li {
	display: inline-block;
	margin: 0 40px 0 0;
	float: left
}

.envy-up-get h3 {
	font-size: 15px;
	line-height: 17px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 11px 9px 0 0
}

.envy-up-get span {
	display: block;
	color: #29b66e;
	font-size: 36px;
	line-height: 38px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.envy-up-get span.rd {
	color: #e32318
}

.envy-up-get img {
	width: 50px;
	height: auto;
	margin: 7px 0 0 13px
}

.envy-up-get .envy-list .envy-list-lft {
	padding: 0 22px 0 0
}

.envy-up-get a {
	display: block;
	font-size: 19px;
	line-height: 22px;
	color: #272727;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	position: relative;
	padding: 0 0 0 43px;
	margin: 11px 0 0;
	letter-spacing: .6px
}

.company {
	padding: 51px 0
}

.company ul {
	padding: 0;
	margin: 0;
	font-size: 0
}

.company ul li {
	display: inline-block;
	float: left;
	margin: 0 6.5% 0 0;
	width: 20%;
	text-align: center
}

.company ul li a {
	display: block;
	padding: 15px 25px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	position: relative
}

.company ul li a:hover {
	background: #f0f0f0
}

.company ul li a img {
	max-width: 100%;
	height: auto
}

.speakup {
	border: 1px solid #cbcbcb;
	border-radius: 9px
}

.speakup-in {
	padding: 40px 0 73px
}

.speakup-in figure {
	padding: 0 0 0 64px
}

.speakup-in figure img {
	display: block;
	max-width: 100%;
	height: auto
}

.easy-tab .resp-tabs-list li {
	padding: 0!important;
	background-color: #fff!important
}

.easy-tab .resp-tab-active {
	border: none!important
}

.easy-tab .resp-tabs-list li.resp-tab-active {
	background-color: #f0f0f0!important
}

.resp-tab-content {
	border: none!important
}

.resp-tabs-list li a,
h2.resp-accordion a {
	position: relative
}

h2.resp-accordion a {
	display: inline-block
}

.top p {
	content: "";
	position: absolute;
	margin: 0;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #29b66e;
	border-radius: 8px 8px 0 8px;
	padding: 2px 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px
}

h2.resp-accordion a p {
	position: absolute;
	top: 76%;
	right: -37px;
	bottom: inherit;
	color: #fff;
	background: #29b66e;
	border-radius: 5px 5px 0 0;
	padding: 2px 4px;
	font-family: 'Roboto', sans-serif;
}

.new {
	position: relative
}

.new p {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #00bff3;
	border-radius: 8px 8px 0 8px;
	padding: 2px 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px
}

.new_res {
	color: #fff!important;
	background: #00bff3!important
}

.get-space {
	height: 187px
}

.envy-cnt2 {
	padding: 60px 0 0
}

.comm-inn {
	padding: 25px 0 0
}

.community {
	border-bottom: 1px solid #a8a8a8;
	padding: 0 0 51px
}

.community-in {
	display: inline-block;
	width: 100%;
	padding: 0 0 0
}

.community-lft {
	float: left;
	display: inline-block
}

.community-lft h2 {
	color: #212121;
	font-size: 44px;
	line-height: 55px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	letter-spacing: .5px;
	padding: 0 0 5px
}

.community-lft p {
	font-weight: 400;
	font-size: 19px;
	line-height: 55px;
	font-family: 'Roboto', sans-serif;
	color: #212121;
	letter-spacing: .7px
}

.community-rt {
	float: right;
	display: inline-block;
	padding: 29px 0 0
}

.chat-lft {
	display: inline-block;
	vertical-align: top;
	padding: 0 17px 0 0
}

.chat-rt {
	display: inline-block;
	vertical-align: top;
	padding: 0
}

.chat-rt h3 {
	font-size: 25px;
	line-height: 27px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	letter-spacing: .2px;
	padding: 0;
	text-align: left
}

.chat-rt a {
	font-weight: 400;
	font-size: 35px;
	line-height: 37px;
	color: #7289da;
	text-decoration: underline;
	font-family: 'Roboto', sans-serif;
	margin: 0 3px 0 0;
	letter-spacing: 0
}

.robux {
	padding: 70px 0 67px;
	border-bottom: 1px solid #d3d3d3
}

.robux ul {
	padding: 0;
	margin: 0;
	font-size: 0
}

.robux ul li {
	float: left;
	display: inline-block;
	margin: 0 108px 0 0
}

.robux-in {}

.robux-in .robux-lft {
	padding: 0 13px 0 0
}

.robux-lft image {
	width: 50px;
	height: auto;
	display: block
}

.robux-rt {}

.robux-rt h3 {
	font-size: 15px;
	line-height: 17px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0;
	letter-spacing: .1px
}

.robux-rt span {
	font-size: 38px;
	line-height: 40px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.robux-rt span.black {
	color: #464646
}

.earned {
	padding: 77px 0 32px;
	border-bottom: 1px solid #a8a8a8
}

.earned-in {}

.earned-in p {
	font-size: 24px;
	line-height: 27px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	color: #212121;
	position: relative;
	padding: 0 0 20px;
	letter-spacing: .5px
}

.earned-in p span {
	display: inline-block;
	padding: 1px 0 0 53px;
	font-size: 25px;
	line-height: 27px;
	font-weight: 400;
	font-family: sfprodisplay-semibold
}

span.red {
	color: #e32318
}

.earned-in p img {
	height: auto;
	max-width: 100%;
	margin-right: -20px
}

.earned-in p strong {
	display: inline-block;
	position: relative
}

.earned-in p strong.green {
	color: #29b66e;
	display: inline-block;
	font-weight: 400;
	font-size: 25px;
	line-height: 27px
}

.earned-in p strong:before {
	content: "";
	top: 0;
	left: 0;
	background: url(../../images/rs.png) no-repeat center left;
	width: 26px;
	height: 27px;
	display: inline-block;
	vertical-align: top;
	margin: 0 11px 0 0
}

.earned-in p.xito:before {
	content: "";
	position: absolute;
	background: url(../../images/xito.png)no-repeat;
	width: 35px;
	height: 35px;
	top: -3px;
	left: 3px
}

.vedio-in video {
	width: 100%;
	height: auto
}

.vedio-in ul {
	padding: 0
}

.vedio-in ul li {
	width: 251px!important;
	float: left;
	display: inline-block;
	text-align: center
}

.vedio-in ul li .slider-thumb {
	width: 251px!important;
	height: 251px!important;
	border: #bebebe solid 1px;
	border-radius: 10px;
	display: flex!important;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px
}

.vedio-in ul li h4 {
	font-size: 32px;
	color: #42ac4a;
	
	min-height: 64px
}

.vedio-in ul li a.buy-btn {
	font-size: 28px;
	color: #fff;
	
	background: #66d66e;
	border-radius: 10px;
	padding: 16px 10px;
	width: 100%;
	display: block
}

.vedio-in ul li a.buy-btn span {
	
}

.slick-initialized .slick-slide {
	outline: none
}

.slick-next {
	background: url(../../images/sliderarrow.png) no-repeat;
	width: 30px;
	height: 33px;
	font-family: 'Roboto', sans-serif;
	font-size: 45px!important;
	opacity: 1;
	visibility: visible
}

.slick-next:hover,
.slick-next:focus {
	background: url(../../images/sliderarrow.png) no-repeat
}

.slick-prev {
	background: url(../../images/leftarrow.png) no-repeat;
	width: 30px;
	height: 33px;
	font-family: 'Roboto', sans-serif;
	font-size: 45px!important;
	left: 30px;
	opacity: 1;
	visibility: visible;
	z-index: 1
}

.slick-prev:hover,
.slick-prev:focus {
	background: url(../../images/leftarrow.png) no-repeat
}

.slick-next:before {
	opacity: 0;
	font-size: 0;
	visibility: visible;
	opacity: 1
}

.slick-prev:before {
	opacity: 0;
	font-size: 0
}

.slick-next {
	right: 30px
}

.slick-prev,
.slick-next {
	top: 37%
}

.slick-disabled {
	opacity: 0;
	visibility: hidden
}

.envy-blk {
	padding: 14px 0 0
}

.community1 {
	float: right;
	display: inline-block
}

.chat1 {
	display: inline-block;
	vertical-align: top;
	padding: 0 27px 0 0
}

.envy-cnt3 {
	padding: 60px 0 50px
}

.tab-inn {
	max-width: 1150px;
	margin: 0 auto;
	border: 1px solid #cbcbcb;
	min-height: 1019px;
	padding: 6.2% 10px
}

.month {
	position: relative;
	max-width: 966px;
	margin: 0 auto;
	padding: 0 0 40px
}

.month h5 {
	padding: 0 0 0 67px;
	font-size: 33px;
	line-height: 35px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.month h5:before {
	content: "";
	position: absolute;
	background: url(../../images/rs-cap.png) no-repeat;
	width: 47px;
	height: 63px;
	top: -25px;
	left: 0
}

.table-sec {
	padding: 0 18px
}

table {
	border-collapse: collapse;
	width: 100%;
	text-align: center
}

th {
	background: #ebfff5
}

.table-sec tr,
th {
	text-align: center;
	padding: 12.5px
}

.table-sec img {
	vertical-align: middle
}

.table-sec th span {
	font-size: 25.21px;
	line-height: 27px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	vertical-align: middle;
	padding: 0 0 0 8px
}

.table-sec tr {
	font-size: 25.41px;
	line-height: 26.41px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 20px
}

tr {}

.table-sec tr td:nth-child(2) {
	text-decoration: underline
}

.invite-inn {
	padding: 137px 0 0
}

.invite {
	position: relative;
	max-width: 943px;
	margin: 0 auto;
	padding: 0 0 35px 1px
}

.invite h5 {
	padding: 0 0 0 67px;
	font-size: 33px;
	line-height: 35px;
	color: #212121;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

.invite h5:before {
	content: "";
	position: absolute;
	background: url(../../images/user-cap.png) no-repeat;
	width: 47px;
	height: 63px;
	top: -25px;
	left: 0
}

.community-inn {
	text-align: center;
	padding: 78px 0 0 96px
}

.invite-inn th {
	background: #f0f0f0
}

.envy-cnt5 {
	padding: 59px 0 48px 31px;
	max-width: 1160px
}

.envy-cnt3 {
	padding: 58px 0 0 30px;
	max-width: 1160px
}

.help-inn {
	padding: 14px 0 0
}

.helpdesk {
	border-bottom: 1px solid #a8a8a8
}

.helpdesk-in {
	display: block;
	padding: 0 0 35px
}

.helpdesk-lft {
	float: left;
	display: inline-block;
	color: #212121;
	padding: 0 20px
}

.helpdesk-lft h2 {
	font-size: 44px;
	line-height: 55px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 22px 0;
	letter-spacing: 0
}

.helpdesk-lft p {
	font-size: 19px;
	line-height: 22px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 30px;
	letter-spacing: .6px
}

.helpdesk-rt {
	float: right;
	display: block;
	padding: 46px 0 0
}

.helpdesk-rt a {
	display: inline-block;
	vertical-align: middle;
	color: #000;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	font-size: 22px;
	line-height: 24px;
	padding: 13px 0;
	text-align: center;
	letter-spacing: .8px;
	box-shadow: inset 0 0 2px #666;
	border: 1px solid #363636;
	width: 230px
}

.helpdesk-rt a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 23px;
	margin: -3px 0 0;
	height: 17px;
	padding: 0 9px 0 0;
	background: url(../../images/envelop.png) no-repeat
}

.get {}

.get-in {
	padding: 65px 0 0 21px;
	min-height: 1012px
}

.get-in h5 {
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #212121;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 22px;
	letter-spacing: .7px
}

.get-in h5:before {
	content: "";
	background: url(../../images/iing.png) no-repeat;
	width: 26px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 21px 0 0
}

.get-in p {
	font-size: 20px;
	line-height: 33px;
	position: relative;
	padding: 0 0 0 48px;
	margin: 0 0 50px;
	font-weight: 400;
	letter-spacing: .3px;
	font-family: 'Roboto', sans-serif;
	color: #212121
}

.get-in p:before {
	content: "";
	background: #c2c2c2;
	width: 3px;
	position: absolute;
	height: 90%;
	top: 9px;
	left: 9px
}

.community-rt-border {
	float: none;
	margin: 0 auto;
	border: 2px solid #7289da;
	padding: 14px 29px;
	border-radius: 4px;
	width: 343px;
	display: block
}

.community-rt-border a {
	text-decoration: none;
	letter-spacing: .5px;
	margin: -4px 0 0;
	display: inline-block
}

.community-rt-border h3 {
	letter-spacing: 1.5px;
	padding: 6px 0 0
}

.cha-rt {
	float: left
}

.tos-page h2 {
	font-size: 44px;
	line-height: 55px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	padding: 0 0 22px 0;
	letter-spacing: 0;
	color: #212121
}

.tos-page h5 {
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	line-height: 26px;
	color: #212121;
	vertical-align: middle;
	display: inline-block;
	padding: 0 0 22px;
	letter-spacing: .7px
}

.tos-page p {
	font-size: 20px;
	line-height: 33px;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 50px;
	font-weight: 400;
	letter-spacing: .3px;
	font-family: 'Roboto', sans-serif;
	color: #212121
}

.register {
	background: url(../../images/login-bg.png) #3875c6 bottom center no-repeat;
	background-size: cover;
	height: 100vh;
	padding: 9px 0 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.register-in1 {
	margin: 0 auto;
	border-radius: 12px;
	background: #fff;
	padding: 57px 0;
	max-width: 508px
}

.register-in1 a {
	display: block
}

.register-in1 a img {
	margin: 0 auto;
	display: block
}

.register-in1 p {
	font-size: 20px;
	line-height: 36px;
	color: #535353;
	text-align: center;
	padding: 0 20px 18px;
	letter-spacing: .2px;
	
}

.register-in1 p.checkmark:before {
	content: "";
	background: url(../../images/checkmark.png) no-repeat;
	width: 78px;
	height: 78px;
	display: block;
	margin: 0 auto;
	padding: 0 0 33px
}

.register-in1 p.email {
	padding: 7px 0 3px;
	letter-spacing: .1px
}

.register-in1 .resend {
	font-size: 23px;
	line-height: 28px;
	color: #535353;
	font-weight: 400;
	text-align: center;
	display: block;
	text-decoration: none;
	letter-spacing: .1px
}

.register-in .login-in {}

.register-in2 {
	margin: 0 auto;
	border-radius: 12px;
	background: #fff;
	padding: 57px 0;
	min-width: 370px;
	text-align: center
}

.login-in>ul {
	padding: 0;
	margin: 0
}

.login-in>ul>li {
	margin: 0 auto;
	width: 50%;
	float: left
}

.login-in>ul>li>a {
	display: block;
	text-align: center;
	padding: 0 0 19px;
	border-bottom: 3px solid #ececec;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-weight: 400;
	color: #535353;
	
	font-size: 27px;
	line-height: 32px;
	letter-spacing: 0
}

.checkbox {
	display: block;
	cursor: pointer
}

.checkbox span {
	padding: 0 0 0 40px;
	background: url(../../images/uncheck.png) left 0 no-repeat;
	display: block;
	text-align: left;
	font-size: 24px;
	line-height: 26px
}

.checkbox input:checked+span {
	background-image: url(../../images/check.png)
}

.login-in ul li a.active {
	border-color: #3875c6
}

.form-sec {
	font-size: 27px;
	line-height: 30px;
	font-weight: 400;
	
	color: #b9b9b9;
	padding: 0 0
}

.form-sec ul {
	padding: 0;
	margin: 42px auto;
	width: 79%
}

.form-sec ul li {}

.form-sec ul li input,.form-no-icon .form-control {
	display: block;
	border-radius: 10px;
	border: 1px solid #b8b8b8;
	padding: 0 20px 0 65px;
	margin: 0 0 20px 4px;
	height: 62px;
	width: 100%;
	
	font-size: 24px;
	color: #b9b9b9;
	box-shadow: none;
	outline: none
}

.form-sec ul li .checkbox input {
	display: none
}

.user {
	background: url(../../images/user-form.png) no-repeat 22px center
}

.email {
	background: url(../../images/email.png) no-repeat 22px center
}

.phonenum {
	background: url(../../images/phone.png) no-repeat 22px center
}

.pwd {
	background: url(../../images/astrick-form.png) no-repeat 22px center
}

.form-sec button {
	background-color: #66d66e;
	color: #fff;
	padding: 14px 20px;
	margin: 8px 0;
	border: none;
	cursor: pointer;
	width: 77%;
	margin: 0 auto;
	display: block;
	border-radius: 8px;
	height: 63px;
	
	font-size: 27px;
	letter-spacing: .7px;
	outline: none
}

.form-sec p {
	font-size: 20px;
	line-height: 24px;
	color: #000;
	padding: 26px 0 0
}

.form-sec ul li.empty {
	height: 24px
}

.form-sec ul li.terms {
	color: #535353
}

.register .register-in1 {
	padding: 57px 0 44px
}

.register-in1 a {
	padding: 0 0 0 0
}

.register .register-in2 {
	padding: 57px 0 58px
}

.form-sec ::-webkit-input-placeholder {
	color: #b9b9b9
}

.form-sec ::-moz-placeholder {
	color: #b9b9b9
}

.form-sec :-ms-input-placeholder {
	color: #b9b9b9
}

.form-sec :-o-placeholder {
	color: #b9b9b9
}

.register-in2 img {
	margin: 25px 0
}

.menu-button {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 26px;
	right: 15px;
	cursor: pointer;
	display: none
}

.menu-button span {
	width: 20px;
	height: 2px;
	background: #fff;
	display: block;
	margin: 8px auto;
	vertical-align: top
}

.side_bar {
	width: 250px;
	height: 100%;
	position: fixed;
	background: #3875c6;
	top: 0;
	right: -250px;
	display: none
}

.space {
	height: 170px
}

.space-adjst {
	height: 170px
}

.referimg .refer-icon {
	display: none
}

.video-wrap {
	position: relative
}

.video-wrap video {
	cursor: pointer
}

.btn-play {
	width: 111px;
	height: 111px;
	background: url(../../images/play-button.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.listing-part {
	padding: 0 20px;
	margin-bottom: 50px
}

.boxed {
	background: #fff;
	box-shadow: 3px 5px 5px rgba(0, 0, 0, .1);
	border-radius: 5px;
	padding: 0;
	position: relative
}

.thumb {
	width: 103px;
	height: 103px;
	float: left
}

.boxed-detail {
	padding: 15px 15px 15px 120px;
	text-align: center
}

.boxed-detail h3 {
	color: #5d5d5d;
	margin-top: 0
}

.boxed-detail h4 {
	font-weight: 400;
	margin: 0
}

.btn-survey {
	min-width: 120px;
	padding: 8px 15px;
	font-size: 14px;
	border-radius: 5px;
	margin: 10px 0 0;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.btn-survey:hover {
	color: #fff
}

.btn-survey.btn-primary {
	background: #1419b7;
	border: #1419b7 solid 1px
}

.price-box {
	background: #e32318;
	min-height: 128px;
	border-radius: 5px;
	text-align: center;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	line-height: 30px
}

input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
textarea,
button,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-border-radius: 0
}

.recent-box-detail {
	display: table;
	width: 100%
}

.content-detail {
	padding: 10px 15px
}

.content-detail p {
	color: #5b5d5c;
	font-size: 22px;
	
	margin-bottom: 20px;
	line-height: 33px
}

.content-detail h2,
.content-detail h3 {
	font-size: 33px!important;
	margin-bottom: 10px
}

.content-detail h2 {
	color: #dd8b8b
}

.content-detail h3 {
	color: #5b5d5c
}

#userCredit{
	margin-left: 10px;
}
.mobile li{
	margin-left: -10px;
}

#cardPage{
	margin-top: 25px;
}