/*  CSS   */

@font-face {
	font-family: 'robotobold';
	src: url("fonts/roboto/roboto-bold-webfont.eot");
	src: url("fonts/roboto/roboto-bold-webfont.eot?#iefix") format('embedded-opentype'), 
	url("fonts/roboto/roboto-bold-webfont.woff") format('woff'), 
	url("fonts/roboto/roboto-bold-webfont.ttf") format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'robotolight';
	src: url("fonts/roboto/roboto-light-webfont.eot");
	src: url("fonts/roboto/roboto-light-webfont.eot?#iefix") format('embedded-opentype'), 
	url("fonts/roboto/roboto-light-webfont.ttf") format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'robotomedium';
	src: url("fonts/roboto/roboto-medium-webfont.eot");
	src: url("fonts/roboto/roboto-medium-webfont.eot?#iefix") format('embedded-opentype'), 
	url("fonts/roboto/roboto-medium-webfont.woff") format('woff'), 
	url("fonts/roboto/roboto-medium-webfont.ttf") format('truetype');
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'robotoregular';
	src: url("fonts/roboto/roboto-regular-webfont.eot");
	src: url("fonts/roboto/roboto-regular-webfont.eot?#iefix") format('embedded-opentype'), 
	url("fonts/roboto/roboto-regular-webfont.woff") format('woff'), 
	url("fonts/roboto/roboto-regular-webfont.ttf") format('truetype');
	font-weight: 400;
	font-style: normal
}
audio:not([controls]) {
	display: none;
	height: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline
}
b, strong {
	font-weight: inherit;
	font-family: 'robotomedium'
}
dfn {
	font-style: italic
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
*, legend {
	padding: 0;
	box-sizing: border-box
}
legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}
* {
	margin: 0;
	outline: 0
}
p+p {
	margin-top: 15px
}
img {
	border-style: none
}
.brand-color-bg, .head {
	background: #57167d
}
.floating-bar {
	background: #f8cc87
}
.primary-menu .user .picture img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 100%
}
.primary-menu .navigation li:before {
	font-family: 'icomoon';
	font-size: 28px;
	vertical-align: middle;
	display: inline-block;
	height: 30px;
	line-height: 25px;
	margin-right: 10px
}
.primary-menu .navigation li a:active {
	color: #000
}
.primary-menu .navigation li ul li {
	padding-left: 38px;
	font-size: 14px
}
audio, canvas, progress, video {
	display: inline-block
}

@media only screen and (max-width:1024px) {
.ringtone-preview {
	height: 400px
}
}

@media only screen and (max-width:414px) {
.ringtone-preview {
	height: 320px
}
}

@media only screen and (max-width:320px) {
.ringtone-preview {
	height: 250px
}
}
.slick-dots li.slick-active button {
	background: #fff
}
.form-title span, body {
	background: #fff5e6
}
.access-form button {
	background: #437a29
}
.access-form label input.validation-success {
	background: #d2f0c4
}
.category-list li {
	background: #fae0b7
}

@media only screen and (max-width:520px) {
.category-list li a {
	height: 45px;
	line-height: 45px;
	padding: 0 20px 0 48px
}
.category-list li img {
	width: 30px;
	height: 30px;
	top: 8px
}
.category-list.two-column li p {
	font-size: 12px
}
}
.section-title {
	background: #f8cc87
}
.form .x2 .right-input select {
	text-align: center;
	-moz-appearance: none;
	-webkit-appearance: none
}
.button, .flat-button {
	background: #fff!important
}
.access-form .form-title span, .button.primary-color, .button.primary-color:active, .form .stroke:after, .form .stroke:before {
	background: #57167d
}
.category-label input[type=checkbox]:checked+.icon-checkbox:before, .checkbox-list input[type=checkbox]:checked+.icon-checkbox:before {
	content: "\e834"!important
}
.full-width-button {
	background: #faeedb
}

@media only screen and (max-width:1920px) {
.video-slider li iframe {
	height: 1000px!important
}
}

@media only screen and (max-width:1280px) {
.video-slider li iframe {
	height: 750px!important
}
}

@media only screen and (max-width:1024px) {
.video-slider li iframe {
	height: 600px!important
}
}

@media only screen and (max-width:720px) {
.video-slider li iframe {
	height: 420px!important
}
}

@media only screen and (max-width:420px) {
.video-slider li iframe {
	height: 250px!important
}
}
.post-list .post-title {
	background: #fceacd
}
.post-list .post-img .full-view-image-button span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px
}
.post-list .post-img .full-view-image-button i {
	display: inline-block;
	vertical-align: middle
}
.post-list .post-text {
	padding: 15px;
	font-size: 13px;
	line-height: 18px;
	color: #5b5b5b;
	position: relative
}
.post-list .post-bar a i {
	vertical-align: middle;
	font-size: 20px
}

@media only screen and (max-width:420px) {
.video-list .video-title {
	font-size: 14px
}
}
.article .summary-article h2 {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 16px;
	font-family: 'robotobold';
	margin-bottom: 7px;
	margin-top: 0
}
.artists-list li a .preview img {
	height: 100%;
	display: block;
	margin: auto
}
.listado-image .text-normal b {
	font-size: 14px
}
.artists-list-2 li .description p+p {
	margin-top: 3px
}
.header-section h1 {
	font-weight: 400;
	font-family: 'robotomedium';
	margin: 0 0 20px;
	font-size: 20px;
	color: #4d4d4d
}

@media only screen and (max-width:520px) {
.footer-options-trigger {
	right: 5px
}
}
.footer-options {
	background: #fff 0 0
}
.social-networks li {
	margin: 5px
}
.notification-bar-border {
	background: #fff7f4;
	font-size: 12px;
	text-align: right;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #333;
	border-bottom: solid 1px #57167d
}
.notification-bar-border a {
	color: #57167d;
	font-weight: 700;
	padding-left: 10px
}
.img-border {
	border-radius: 0
}
.img-border img {
	border-radius: 1.5em;
	border: 5px solid #57167d
}
.no-border {
	border-bottom: 0;
	height: auto
}
.title-trivia {
	font-family: "amatic-bold";
	text-transform: none;
	font-size: 4.5em;
	margin: 0
}
.trivia-picture {
	width: 150px;
	height: 150px;
	margin: 20px auto
}
.section-subtitle-trivia p {
	font-size: 15px;
	font-family: 'robotomedium';
	margin-bottom: 20px;
	text-align: center;
	line-height: 25px;
	font-weight: 600
}
.section-subtitle-trivia-2 {
	border-bottom: solid 1px #57167d;
	padding: 10px;
	margin-bottom: 20px
}
.section-subtitle-trivia-2 p, .section-subtitle-trivia-3 p {
	font-size: 30px;
	font-family: 'amatic-bold';
	text-align: center
}
.section-subtitle-trivia-3 p {
	font-size: 50px
}
.section-subtitle-trivia-4 p {
	font-size: 20px;
	font-family: 'robotobold';
	text-align: center
}
.section-subtitle-trivia img {
	width: 90px;
	vertical-align: middle;
	padding-left: 5px
}
.section-subtitle-trivia-2 img {
	width: 40px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: .3em;
	border: 2px solid #57167d
}
.section-subtitle-trivia p span {
	font-size: 20px;
	color: #57167d
}
.img-jugar {
	width: 180px;
	margin-top: 30px
}
.img-jugar-2 {
	width: 180px;
	margin-top: 10px
}
.link-terminos {
	padding-bottom: 30px;
	padding-top: 10px
}
.link-terminos a {
	font-size: 12px;
	color: #333;
	text-decoration: underline
}
.btn-color {
	border-bottom: 15px solid #57167d
}
#bg-body {
	background: #fff7f4
}
.top-section {
	padding-top: 20px
}
.img-option .opcion {
	padding: 5px
}
.img-option .img-btn {
	width: 100%;
	cursor: pointer;
	border-radius: 1.5em;
	border: 3px solid #57167d
}
.img-btn:hover {
	border: 3px solid #ff5a5e;
	background: rgba(0,0,0,.3)
}
.puntos .opcion {
	font-family: 'amatic-bold';
	font-size: 30px;
	padding: 5px;
	border: 3px solid #57167d;
	border-radius: .1em;
	margin-bottom: 40px;
	margin-top: 10px
}
.head-2, .opcion {
	position: relative
}
.puntos .col-3 {
	padding: 10px
}
.head-2 {
	background: #57167d;
	width: 100%;
	height: 40px
}
.head-2 .logo {
    position: absolute;
    top: 5px;
    left: 50%;
    margin: auto auto auto -50px;
    width: 100px;
}
.head-2 .logo img, .head-3 .logo img {
	width: 100px
}
.msj-trivia {
	font-size: 14px;
	font-family: 'robotoregular';
	margin-bottom: 20px
}
#precio_unidad {
	font-weight: 700
}
.form-title-2, .txt-opt {
	font-family: 'robotobold'
}
.txt-opt {
	padding: 5px;
	text-align: center;
	font-size: 13px
}
.button.new-color {
	background: #026d69;
	background-image: -webkit-linear-gradient(top, #026d69, #139346);
	background-image: -moz-linear-gradient(top, #026d69, #013a38);
	background-image: -ms-linear-gradient(top, #026d69, #013a38);
	background-image: -o-linear-gradient(top, #026d69, #013a38);
	background-image: linear-gradient(to bottom, #026d69, #013a38);
	-webkit-box-shadow: 1px 2px 3px #026d69;
	-moz-box-shadow: 1px 2px#026d69;
	margin-top: 30px;
	margin-bottom: 40px
}
.button.new-color:hover {
	background: #001615;
}
.form-title-2 {
	text-align: left;
	padding-bottom: 10px;
	font-size: 16px
}
.space {
	padding: 10px
}
.space ol {
	margin: 15px;
	font-size: 13px;
	font-family: 'robotomedium'
}
.space label input {
	background: #f2f2f2;
	border: 1px solid #aba9a7;
	padding: 5px;
	margin-left: 30px;
	margin-bottom: 20px
}
.space .checkbox-list .icon-checkbox {
	color: #3ab34a
}
.space label {
	font-family: 'robotoregular'
}
#correcto, #incorrecto, #nuevo_tlf, .slick-slide.slick-loading img {
	display: none
}
.opcion #btn-correcto-a, .opcion #btn-correcto-b, .opcion #btn-correcto-c, .opcion #btn-incorrecto-a, .opcion #btn-incorrecto-b, .opcion #btn-incorrecto-c {
	width: 90%;
	position: absolute;
	top: 5px;
	left: 5px;
	border: 0;
	z-index: 1;
	display: none
}
.space .section-subtitle span {
	font-size: 10px
}
.top-section-2 {
	margin-top: 20px;
	padding-bottom: 30px
}
.space label, .text-normal {
	font-size: 12px
}
.form-style input, .form-style label, .form-style select {
	font-size: 11px
}
.form-style input, .form-style select {
	border-radius: 3px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	padding-left: 4px
}
.modal-content {
	margin-top: 40%
}
.head-3 {
	position: relative;
	width: 100%;
	height: 40px
}
.notification-bar-border-2 {
	background: #eee;
	font-size: 12px;
	text-align: right;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #333
}
.notification-bar-border-2 a {
	color: #57167d;
	font-weight: 700;
	padding-left: 10px;
	text-decoration: underline
}
.btn-new .btn-azul, .btn-new .btn-azules {
	background: #57167d;
	color: #fff
}
.btn-rosa {
	background: #fc373c;
	color: #fff
}
.btn-rosado a {
	border: 2px solid #bf0b11
}
.btn-grande button {
	width: 100%;
	color: #fff
}
.btn-new a:hover, .btn-new button:hover {
	border: 2px solid #1153b0;
	color: #fff
}
.checkbox-list .icon-check {
	color: #57167d
}
.img-mas button, .menu-i button {
	border-radius: 50%;
	padding: 3px;
	border: 0;
	background: #57167d;
	color: #fff;
	text-align: center;
	box-shadow: 0 0 1px rgba(0,0,0,.3);
	cursor: pointer
}
.img-mas button {
	margin-right: 10px;
	width: 27px;
	height: 27px;
	line-height: 27px
}
.img-mas i {
	font-size: 15px;
	margin: 0 auto
}
.btn-new a {
	margin-right: 30px
}
.icon-mas i {
	font-size: 20px
}
.icon-left i {
	float: left
}
.icon-left p {
	margin-right: 20px
}
.menu-i i {
	font-size: 16px
}
.menu-i button {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px
}
.listado-image, .primary-menu .navigation li ul {
	margin-top: 10px
}
.listado-image .text-normal {
	padding: 5px 5px 5px 10px
}
.menu-i a {
	color: #57167d;
	font-weight: 700;
	text-decoration: underline
}
.menu-i .no-icon {
	padding-left: 10px
}
.regular p {
	padding: 5px
}
.regular {
	margin-top: 20px
}
.regular .text-normal {
	min-height: 120px
}
.regular .col-xs-6 {
	border: 1.7px solid #eee
}
.regular img {
	padding: 20px
}
.regular a {
	width: 100%
}
.regular i {
	font-size: 14px
}
.btn-m a {
	border-radius: 0;
	padding: 5px;
	margin-top: 20px;
	font-size: 12px;
	font-weight: 700
}
.btn-m .active-btn {
	background: #57167d;
	color: #fff
}
.regular .btn-gris {
	border: 2px solid #333;
	background: #ccc
}
.regular .btn-azul {
	border: 2px solid #333;
	background: #9fc5f8
}
.separador {
	text-align: center
}
.btn-primary {
	color: #fff;
	background-color: #57167d!important;
	border-color: #2e6da4
}
.audio-player-big {
	width: 90px;
	height: 90px
}
.simple-audio-player .mejs-container {
	background: 0 0
}
.simple-audio-player .mejs-container .mejs-controls {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff;
	background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #f6f6f6 47%, #ededed 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #f6f6f6 47%, #ededed 100%);
	background: radial-gradient(ellipse at center, #fff 0%, #f6f6f6 47%, #ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 )
}
.simple-audio-player .mejs-container .mejs-controls div {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%
}
.simple-audio-player .mejs-controls .mejs-button button {
	width: 90px;
	height: 90px;
	margin: 0;
	background: 0 0!important
}
.simple-audio-player .mejs-controls .mejs-pause button {
	background: 0 0!important
}
.simple-audio-player .mejs-controls .mejs-button button:focus, .slick-list:focus {
	outline: 0
}
.simple-audio-player .mejs-controls .mejs-button button:before, .simple-audio-player .mejs-controls .mejs-pause button:before {
	font-family: 'icomoon';
	font-size: 45px;
	color: #333;
	width: 90px;
	height: 90px;
	line-height: 90px;
	border-radius: 50%
}
.simple-audio-player .mejs-controls .mejs-button button:before {
	content: "\e037"
}
.simple-audio-player .mejs-controls .mejs-pause button:before {
	content: "\e034"
}
.audio-list li.purple .mejs-controls .mejs-button button:before {
	background: #7864ac;
	background: -moz-radial-gradient(center, ellipse cover, #7864ac 0%, #6a5a99 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #7864ac 0%, #6a5a99 100%);
	background: radial-gradient(ellipse at center, #7864ac 0%, #6a5a99 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7864ac', endColorstr='#6a5a99', GradientType=1 )
}
.audio-list li .mejs-controls .mejs-button button:before, .audio-list li.blue .mejs-controls .mejs-button button:before {
	background: #57167d;
	background: -moz-radial-gradient(center, ellipse cover, #57167d 0%, #4f1375 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #57167d 0%, #4f1375 100%);
	background: radial-gradient(ellipse at center, #57167d 0%, #4f1375 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#57167d', endColorstr='#4f1375', GradientType=1 )
}
.audio-list li.aqua .mejs-controls .mejs-button button:before {
	background: #75c4af;
	background: -moz-radial-gradient(center, ellipse cover, #75c4af 0%, #6bb29e 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #75c4af 0%, #6bb29e 100%);
	background: radial-gradient(ellipse at center, #75c4af 0%, #6bb29e 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c4af', endColorstr='#6bb29e', GradientType=1 )
}
.audio-list li.gold .mejs-controls .mejs-button button:before {
	background: #ffcf6b;
	background: -moz-radial-gradient(center, ellipse cover, #ffcf6b 0%, #edbf63 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #ffcf6b 0%, #edbf63 100%);
	background: radial-gradient(ellipse at center, #ffcf6b 0%, #edbf63 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf6b', endColorstr='#edbf63', GradientType=1 )
}
.audio-list li.darkorange .mejs-controls .mejs-button button:before {
	background: #f68e2f;
	background: -moz-radial-gradient(center, ellipse cover, #f68e2f 0%, #e5832d 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #f68e2f 0%, #e5832d 100%);
	background: radial-gradient(ellipse at center, #f68e2f 0%, #e5832d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68e2f', endColorstr='#e5832d', GradientType=1 )
}
.audio-list li.darkred .mejs-controls .mejs-button button:before {
	background: #c62127;
	background: -moz-radial-gradient(center, ellipse cover, #c62127 0%, #ad1d22 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #c62127 0%, #ad1d22 100%);
	background: radial-gradient(ellipse at center, #c62127 0%, #ad1d22 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c62127', endColorstr='#ad1d22', GradientType=1 )
}
.audio-list li.indianred .mejs-controls .mejs-button button:before {
	background: #d35058;
	background: -moz-radial-gradient(center, ellipse cover, #d35058 0%, #c64b51 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #d35058 0%, #c64b51 100%);
	background: radial-gradient(ellipse at center, #d35058 0%, #c64b51 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d35058', endColorstr='#c64b51', GradientType=1 )
}
.audio-list li.sienna .mejs-controls .mejs-button button:before {
	background: #b07764;
	background: -moz-radial-gradient(center, ellipse cover, #b07764 0%, #a06c5b 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #b07764 0%, #a06c5b 100%);
	background: radial-gradient(ellipse at center, #b07764 0%, #a06c5b 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b07764', endColorstr='#a06c5b', GradientType=1 )
}
.audio-list li.slateblue .mejs-controls .mejs-button button:before {
	background: #7f88c1;
	background: -moz-radial-gradient(center, ellipse cover, #7f88c1 0%, #727bad 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #7f88c1 0%, #727bad 100%);
	background: radial-gradient(ellipse at center, #7f88c1 0%, #727bad 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f88c1', endColorstr='#727bad', GradientType=1 )
}
.audio-list li.steelblue .mejs-controls .mejs-button button:before {
	background: #0b6493;
	background: -moz-radial-gradient(center, ellipse cover, #0b6493 1%, #094e77 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #0b6493 1%, #094e77 100%);
	background: radial-gradient(ellipse at center, #0b6493 1%, #094e77 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b6493', endColorstr='#094e77', GradientType=1 )
}
.audio-list li.orange .mejs-controls .mejs-button button:before {
	background: #f5b037;
	background: -moz-radial-gradient(center, ellipse cover, #f5b037 1%, #e8a635 100%);
	background: -webkit-radial-gradient(center, ellipse cover, #f5b037 1%, #e8a635 100%);
	background: radial-gradient(ellipse at center, #f5b037 1%, #e8a635 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b037', endColorstr='#e8a635', GradientType=1 )
}
.audio-list li {
	display: block;
	background: #fff;
	height: 70px;
	border-bottom: solid 1px #efefef;
	position: relative;
	padding: 0 100px 0 90px
}
.audio-list li:first-child {
	border-top: solid 1px #efefef
}
.audio-list li .mejs-container .mejs-controls {
	width: 100%;
	height: 50px;
	overflow: hidden;
	background: 0 0;
	border-radius: 0
}
.audio-list li .mejs-container .mejs-controls div {
	width: 100%;
	height: 50px;
	position: relative;
	border-radius: 0
}
.audio-list li .mejs-controls .mejs-button button {
	width: 100%;
	height: 50px;
	border-radius: 0
}
.audio-list li .mejs-controls .mejs-button button:before, .audio-list li .mejs-controls .mejs-pause button:before {
	font-size: 35px;
	color: rgba(255,255,255,.6);
	width: 50px;
	height: 50px;
	line-height: 50px;
	float: left
}
.audio-list li .control-button {
	position: absolute;
	left: 20px;
	top: 10px;
	width: 100%;
	padding-right: 120px
}
.audio-list li .audio-info {
	float: left;
	margin-top: 18px;
	width: 100%
}
.audio-list li .audio-info .audio-description, .audio-list li .audio-info .audio-title {
	display: block;
	font-size: 13px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}
.audio-list li .audio-info .audio-description {
	font-size: 12px;
	color: #888;
	padding-top: 6px
}
.audio-list li .audio-download-button {
	position: absolute;
	font-size: 24px;
	display: block;
	border: solid 1px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	top: 14px;
	right: 20px
}
.slick-slider {
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list, .slick-slider, .slick-track {
	position: relative;
	display: block
}
.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	top: 0;
	left: 0
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-initialized .slick-slide, .slick-slide img {
	display: block
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.slick-dots {
	position: absolute;
	bottom: 10px;
	width: 100%;
	text-align: center
}
.slick-dots li {
	display: inline-block;
	margin: 0 5px
}
.slick-dots li button {
	width: 15px;
	height: 15px;
	background: 0 0;
	border: solid 2px #fff;
	border-radius: 50%;
	text-indent: 10000px
}

@media only screen and (max-width:540px) {
.slick-dots {
	bottom: 0
}
.slick-dots li button {
	width: 10px;
	height: 10px
}
}
.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 999;
	background: 0 0;
	border: 0;
	color: transparent;
	width: 37px;
	height: 37px
}
.slick-prev {
	left: 10px
}
.slick-next {
	right: 10px
}
.slick-next:after, .slick-prev:before {
	content: '';
	position: absolute;
	top: 8px;
	width: 20px;
	height: 20px;
	transform: rotate(-45deg);
	color: #fff!important
}
.slick-prev:before {
	left: 10px;
	border-left: solid 1px;
	border-top: solid 1px
}
.slick-next:after {
	right: 10px;
	border-bottom: solid 1px;
	border-right: solid 1px
}
.slider, .slider-content {
	display: block;
	overflow: hidden
}
.slider {
	position: relative;
	background: #fff
}
.slider ul {
	list-style: none
}
.slider-content {
	float: left;
	min-width: 100%;
	min-height: 250px;
	padding-right: 24px
}
.slider-content>ul {
	display: block;
	position: relative
}
.slider-content>ul, .slider-content>ul>li {
	float: left;
	width: 100%
}
.slider-content>ul>ul>li>a {
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #f3f3f3;
	text-transform: capitalize
}
.slider-content>ul>ul>li>a:hover {
	background: #f3faff;
	border-color: #d5ebf9
}
.slider-content .letter {
	padding: 5px 0;
	text-indent: 10px;
	background: #f0f0f0;
	color: #a5a5a5;
	width: 100%;
	display: block;
	font-family: 'robotobold';
	text-transform: uppercase
}
.slider-content .selected .letter {
	background: #57167d;
	color: #fff
}
.slider .slider-nav {
	position: fixed;
	right: 0;
	top: 0;
	background: #666;
	height: 100%!important
}
.slider .slider-nav ul {
	padding: 5px 0
}
.slider .slider-nav li a {
	padding: 3px 5px;
	line-height: 13px;
	text-align: center;
	color: #fff;
	font-weight: 400;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'robotolight'
}

@media only screen and (max-width:400px) {
.slider-content {
	padding-right: 18.96px
}
.slider .slider-nav li a {
	padding: 1px 5px;
	font-size: 10px
}
}
.slider #debug {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px;
	background: #000;
	color: #fff
}
.slider .arrow {
	font-size: 0;
	line-height: 0%;
	width: 0;
	border-bottom: 8px solid #fff;
	border-left: 5px solid #333;
	border-right: 5px solid #333;
	position: relative;
	top: 5px
}
.slider .down {
	border-bottom: none;
	border-top: 8px solid #fff;
	top: 15px
}
.slider .slide-down, .slider .slide-up {
	height: 20px;
	background: #333;
	text-align: center;
	cursor: pointer;
	float: right;
	width: 100%;
	position: relative;
	display: none
}

.alertify-logs>* {
	color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
	border-radius: 1px
}
.alertify-logs>*, .alertify-logs>.default {
	background: rgba(0,0,0,.8)
}
.alertify-logs>.error {
	background: rgba(244,67,54,.8)
}
.alertify-logs>.success {
	background: rgba(76,175,80,.9)
}
.alertify {
	position: fixed;
	background-color: rgba(0,0,0,.3);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99999
}
.alertify.hide {
	opacity: 0;
	pointer-events: none
}
.alertify, .alertify.show {
	transition: all .33s cubic-bezier(.25, .8, .25, 1)
}
.alertify, .alertify *, .alertify.show {
	box-sizing: border-box
}
.alertify .dialog {
	padding: 12px
}
.alertify .alert, .alertify .dialog {
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}
.alertify .alert>*, .alertify .dialog>* {
	width: 400px;
	max-width: 95%;
	margin: 0 auto;
	text-align: center;
	padding: 12px;
	background: #fff;
	box-shadow: 0 2px 4px -1px rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.098), 0 1px 10px 0 rgba(0,0,0,.084)
}
.alertify .alert .msg, .alertify .dialog .msg {
	padding: 12px;
	margin: 0;
	text-align: left
}
.alertify .alert input:not(.form-control), .alertify .dialog input:not(.form-control) {
	margin-bottom: 15px;
	width: 100%;
	font-size: 100%;
	padding: 12px
}
.alertify .alert input:not(.form-control):focus, .alertify .dialog input:not(.form-control):focus {
	outline-offset: -2px
}
.alertify .alert nav, .alertify .dialog nav {
	text-align: right
}
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button), .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button) {
	background: 0 0;
	box-sizing: border-box;
	color: rgba(0,0,0,.87);
	position: relative;
	outline: 0;
	display: inline-block;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	padding: 0 6px;
	margin: 6px 8px;
	line-height: 36px;
	min-height: 36px;
	white-space: nowrap;
	min-width: 88px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 2px
}
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):active, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):hover {
	background-color: rgba(0,0,0,.05)
}
.alertify .alert nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus, .alertify .dialog nav button:not(.btn):not(.pure-button):not(.md-button):not(.mdl-button):focus {
	border: 1px solid rgba(0,0,0,.1)
}
.alertify .alert nav button.btn, .alertify .dialog nav button.btn {
	margin: 6px 4px
}
.alertify-logs {
	position: fixed;
	z-index: 99999
}
.alertify-logs.bottom, .alertify-logs:not(.top) {
	bottom: 16px
}
.alertify-logs.left, .alertify-logs:not(.right) {
	left: 16px
}
.alertify-logs.left>*, .alertify-logs:not(.right)>* {
	float: left;
	transform: translate3d(0, 0, 0);
	height: auto
}
.alertify-logs.left>.show, .alertify-logs:not(.right)>.show {
	left: 0
}
.alertify-logs.left>*, .alertify-logs.left>.hide, .alertify-logs:not(.right)>*, .alertify-logs:not(.right)>.hide {
	left: -110%
}
.alertify-logs.right {
	right: 16px
}
.alertify-logs.right>* {
	float: right;
	transform: translate3d(0, 0, 0);
	right: -110%;
	opacity: 0
}
.alertify-logs.right>.show {
	right: 0;
	opacity: 1
}
.alertify-logs.right>.hide {
	right: -110%;
	opacity: 0
}
.alertify-logs.top {
	top: 0
}
.alertify-logs>* {
	box-sizing: border-box;
	transition: all .4s cubic-bezier(.25, .8, .25, 1);
	position: relative;
	clear: both;
	backface-visibility: hidden;
	perspective: 1000;
	max-height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none
}
.alertify-logs>.show {
	margin-top: 12px;
	opacity: 1;
	max-height: 1000px;
	padding: 12px;
	pointer-events: auto
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
progress {
	vertical-align: baseline
}
[hidden], template {
	display: none
}
a {
	-webkit-text-decoration-skip: objects;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}
a:active, a:hover {
	outline-width: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
button, input, optgroup, select, textarea {
	font: inherit;
	margin: 0
}
optgroup {
	font-family: 'robotobold'
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
[type=checkbox], [type=radio] {
	box-sizing: border-box;
	padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
body, button, input, textarea {
	-webkit-font-smoothing: antialiased
}
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #303030;
	-moz-user-select: none;
	background: #e9ebee;
	font-family: "robotoregular"
}
body, html {
	height: 100%;
	overflow-x: hidden
}
button {
	cursor: pointer
}
textarea {
	resize: none;
	overflow: auto;
	border: 1px solid #bfbfbf
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 400
}
a, h1, h2, h3, h4, h5, h6, p, table {
	-moz-user-select: text
}
div[class*=col-] {
	float: left
}
.col-1 {
	width: 8.33%
}
.col-2 {
	width: 16.66%
}
.col-3 {
	width: 25%
}
.col-4 {
	width: 33.33%
}
.col-5 {
	width: 41.66%
}
.col-6 {
	width: 50%
}
.col-7 {
	width: 58.33%
}
.col-8 {
	width: 66.66%
}
.col-9 {
	width: 75%
}
.col-10 {
	width: 83.33%
}
.col-11 {
	width: 91.66%
}
.col-12 {
	width: 100%
}
.clearfix:after, .wrap:after, div[class*=col-]:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0
}
.brand-color-bg {
	background: #008e49
}
.mt20 {
	margin-top: 20px
}
.p10 {
	padding: 10px
}
.p20 {
	padding: 20px
}
.pb20 {
	padding-bottom: 20px
}
.text-center {
	text-align: center
}
.no-padding {
	padding: 0!important
}
.v-spacing-10 {
	padding: 10px 0
}
.v-spacing-20 {
	padding: 20px 0
}
.v-spacing-40 {
	padding: 40px 0
}
.v-spacing-50 {
	padding: 50px 0
}
.responsive-img {
	width: 100%
}
.wrap {
	margin: auto;
	max-width: 540px;
	position: relative
}
.overlay {
	background: #000;
	opacity: .5;
	position: fixed;
	top: 40px;
	z-index: 1;
	display: none
}
.overlay.cover {
	z-index: 2!important
}
.gradient, .loading, .overlay {
	width: 100%;
	height: 100%;
	left: 0
}
.loading {
	background: #fff;
	z-index: 2;
	position: fixed;
	top: 0
}
.loading img {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.gradient {
	position: absolute;
	top: -100%;
	background-image: url("../images/gradient.png")
	background-repeat: repeat-x;
	background-size: 100% 100%;
	opacity: 0;
	transition: all 200ms linear
}
.main-bar {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3
}
.head {
	background: #008e49;
	position: relative;
	width: 100%;
	height: 40px
}
.head .logo {
	position: absolute;
	top: 2px;
	left: 50%;
	margin: auto auto auto -75px;
	width: 149px
}
.head .logo img {
	width: 70px
}
.head .navicon, .head .search-button {
	cursor: pointer;
	text-decoration: none;
	position: absolute
}
.head .navicon {
	background: #fff;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	left: 10px;
	box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
	z-index: 3;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	font-size: 19px;
	color: #000;
	top: 20px
}
.head .navicon.active:before {
	content: "\e5cd"!important
}
.head .search-button {
	color: #fff;
	font-size: 24px;
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}
.search-box {
	position: fixed;
	z-index: 999;
	background: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none
}
.search-form {
	top: 0;
	left: 0;
	width: 100%;
	background: #f3f3f3;
	padding: 5px;
	box-shadow: 0 1px 4px #e0e0e0
}
.search-form .input-search {
	width: 100%;
	border: 0;
	height: 30px;
	padding: 0 40px;
	font-size: 14px;
	border-radius: 3px;
	background: #fff
}
.search-form .search-btn {
	background: 0 0;
	position: absolute;
	border: 0;
	color: #bcbcbc;
	font-size: 24px;
	right: 9px;
	top: 8px
}
.search-box .close-button {
	position: absolute;
	font-size: 20px;
	top: 10px;
	left: 12px;
	cursor: pointer;
	color: #b9b9b9
}
.search-form .close-button:hover {
	color: #969696
}
.notification-bar {
	background: #f7f8ff;
	background: -moz-linear-gradient(top, #f7f7f7 100%, #eee 100%);
	background: -webkit-linear-gradient(top, #f7f7f7 100%, #eee 100%);
	background: linear-gradient(to bottom, #f7f7f7 100%, #eee 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eeeeee', GradientType=0 );
	font-size: 12px;
	text-align: right;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #333;
	border-top: solid 1px #38673d
}
.floating-bar {
	position: relative;
	width: 100%;
	background: #f7f8ff;
	color: #333;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	overflow: hidden
}
.floating-bar .main-title {
	color: #333;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.floating-bar .button-back {
	text-decoration: none;
	font-size: 22px;
	color: #333;
	position: absolute;
	left: 0;
	top: 0;
	height: 35px;
	line-height: 35px;
	width: 35px;
	text-align: center
}
.floating-bar .breadcrumb {
	padding-left: 35px;
	text-align: left;
	overflow: hidden
}
.floating-bar .breadcrumb li {
	list-style: none;
	float: left
}
.floating-bar .breadcrumb a, .floating-bar .breadcrumb li {
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	position: relative
}
.floating-bar .breadcrumb li:not(:last-child):after {
	content: "/";
	line-height: initial;
	opacity: .7;
	padding: 0 5px
}
.primary-menu {
	background: #fff;
	width: 90%;
	height: calc(100% - 40px);
	overflow-y: auto;
	max-width: 320px;
	position: fixed;
	top: 41px;
	left: -321px;
	z-index: 2;
	transition: all .5s cubic-bezier(.165, .84, .44, 1)
}
.primary-menu.active {
	left: 0!important
}
.primary-menu .user {
	background: #f6f6f6;
	padding-top: 30px;
	height: 70px;
	opacity: 0;
	transition: all 200ms .5s linear;
	margin-bottom: 70px
}
.primary-menu.active .user {
	opacity: 1
}
.primary-menu .user .picture {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	margin: auto;
	border: solid 1px #ededed
}
.primary-menu .user .name {
	text-align: center;
	font-size: 12px;
	padding-top: 5px
}
.primary-menu .navigation {
	min-height: 100%;
	opacity: 0;
	padding-bottom: 50px;
	transition: all 200ms .5s linear
}
.primary-menu.active .navigation {
	opacity: 1
}
.primary-menu .navigation li {
	font-family: "robotoregular"!important;
	color: #878787;
	list-style: none
}
.primary-menu .navigation>li {
	padding: 7px 20px
}
.primary-menu .navigation li.separator {
	padding: 0;
	height: 1px;
	background: #f0f0f0;
	margin: 10px 0
}
.primary-menu .navigation li a {
	color: #878787
}
.primary-menu .navigation li ul li a {
	display: block;
	padding: 10px 0!important
}
.footer-menu {
	text-align: center;
	padding: 10px 0;
	width: 100%;
	border-top: solid 1px #ededed
}
.footer-menu .logo {
	width: 100px;
	margin-bottom: 10px
}
.footer-menu p {
	color: #888;
	font-size: 10px
}
.footer-menu a {
	color: #888;
	font-size: 8px;
	text-transform: uppercase;
	text-decoration: underline
}
.footer-bar {
	transition: all 200ms linear;
	position: relative;
	width: 100%;
	min-height: 40px;
	background: #000;
	z-index: 1
}
.footer-bar.light {
	background: #fff
}
.footer-bar.tall {
	height: 40%
}
.footer-bar.fixed {
	position: fixed;
	left: 0;
	bottom: 0
}
.footer-bar .title {
	color: #929292;
	text-transform: uppercase;
	font-size: 10px;
	padding: 10px
}
.footer-bar.light .title {
	color: #5b5b5b
}
.footer-bar .footer-bar-main-button {
	display: block;
	cursor: pointer;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	color: #fff;
	background: #da0226;
	position: absolute;
	right: 10px;
	top: -30px;
	overflow: hidden;
	box-shadow: 0 0 3px 2px rgba(0,0,0,.1);
	transform: rotate(45deg);
	transition: all .5s cubic-bezier(.165, .84, .44, 1);
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent
}
.footer-bar .footer-bar-main-button.active {
	background: #e70228
}
.footer-bar-main-button.active {
	transform: rotate(0deg)!important
}
.ripple-effect {
	position: relative;
	overflow: hidden;
	transform: translate3d(0, 0, 0)
}
.ink {
	display: block;
	position: absolute;
	pointer-events: none;
	border-radius: 50%;
	transform: scale(0);
	background: #fff;
	opacity: 1
}
.ink.animate {
	animation: ripple .5s linear
}
.footer-bar .button-option, .footer-bar .button-option span {
	position: absolute;
	transition: all .5s cubic-bezier(.165, .84, .44, 1)
}
.footer-bar .button-option {
	right: -150px;
	display: block;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	background: #fff;
	text-indent: 1px;
	width: 35px;
	text-align: center;
	color: #737373;
	font-size: 20px
}
.footer-bar .button-option span {
	font-family: "robotoregular";
	font-size: 14px;
	color: #fff;
	width: 100px;
	text-align: right;
	top: 0;
	left: -110px;
	opacity: 0
}
.footer-bar .button-option.one {
	top: -165px;
	transition-delay: .15s
}
.footer-bar .button-option.two {
	top: -120px;
	transition-delay: .1s
}
.footer-bar .button-option.three {
	top: -75px
}
.footer-bar.active .button-option {
	right: 23px!important
}
.footer-bar.active .button-option.one span {
	opacity: 1;
	transition-delay: .3s
}
.footer-bar.active .button-option.two span {
	opacity: 1;
	transition-delay: .25s
}
.footer-bar.active .button-option.three span {
	opacity: 1;
	transition-delay: .2s
}
.footer-bar .related-carousel {
	font-size: 0;
	text-align: center
}
.album-detail .album-info-2 .rating div, .footer-bar .related-carousel a {
	display: inline-block
}
.footer-bar .related-carousel a img {
	width: 100%;
	height: auto
}
.footer-bar .slick-slide {
	margin: 0 1% 1%
}
.footer-bar .slick-slide img {
	width: 100%
}
.scroll-section {
	height: 100%;
	overflow-y: auto
}
.main-section {
	overflow: hidden;
	position: relative
}
.main-section .info-area {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 7px
}
.main-section .info-area li, .main-section .info-area-2 li {
	list-style: none;
	color: #fff;
	font-size: 10px;
	margin-bottom: 8px
}
.main-section .info-area-2 {
	position: absolute;
	left: 20px;
	top: 20px;
	z-index: 1;
	display: none
}
.main-section .info-area li:first-child, .main-section .info-area-2 li:first-child {
	text-transform: uppercase
}
.main-section .info-area li:last-child, .main-section .info-area-2 li:last-child {
	margin-bottom: 0
}
.image-preview, .ringtone-preview {
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center center!important
}
.image-preview {
	width: 100%;
	height: 100%
}
.ringtone-preview {
	height: 500px;
	position: relative;
	background: url(../images/bg-waves.jpg);
	background-attachment: fixed!important
}

@media only screen and (max-width:1024px) {
.ringtone-preview {
	height: 400px
}
}

@media only screen and (max-width:414px) {
.ringtone-preview {
	height: 320px
}
}

@media only screen and (max-width:320px) {
.ringtone-preview {
	height: 250px
}
}
.ringtone-preview .audio-player-big {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px
}
.profile-tab-nav, .tab-nav {
	background: #fff;
	position: fixed!important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1
}
.profile-tab-nav li, .tab-nav li {
	text-align: center;
	cursor: pointer;
	height: 35px;
	line-height: 32px;
	border-bottom: solid 3px #e3e3e3
}
.tab-nav li {
	color: #008e49;
	text-transform: uppercase;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'robotobold'
}
.profile-tab-nav li {
	float: left;
	font-weight: 400;
	list-style: none;
	width: 33.33333%
}
.profile-tab-nav li a {
	color: #757575;
	font-size: 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 32px
}
.profile-tab-nav li.current, .tab-nav li.slick-current {
	border-bottom-color: #008e49;
	background: #f8f8f8
}
.profile-tab-nav li.current a {
	color: #8bb3ff
}
.tab-content {
	min-height: 500px
}
.profile-tab-content {
	padding-bottom: 20px
}
.slick-track.init {
	transform: translate3d(0, 0, 0)!important
}
.tab-content .category-menu {
	background: #fff
}
.tab-content .category-menu a {
	display: block;
	color: #fff;
	padding: 15px 20px;
	border-bottom: solid 1px #f2f2f2
}
.tab-content .category-menu a:hover {
	background: #f7fbff
}
.img-gallery {
	padding-left: 1px;
	padding-top: 1px
}
.img-gallery a {
	display: block;
	float: left;
	width: 33.33333%;
	padding: .5px;
	position: relative;
	overflow: hidden;
	border-right: solid .5px #fff;
	border-bottom: solid 1px #fff
}
.img-gallery a:before {
	content: '';
	display: block;
	padding-top: 110%
}
.img-gallery a img {
	position: absolute;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}
.share-box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 320px;
	padding-top: 40px;
	background: #fff;
	z-index: 999999999999;
	box-shadow: 0 0 0 5000px rgba(0,0,0,.5);
	height: 90%;
	display: none
}
.share-box-content {
	height: 100%;
	overflow-y: auto
}
.share-box .share-box-title {
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	font-family: 'robotobold';
	color: #da0226;
	padding: 0 10px;
	height: 40px;
	border-bottom: solid 1px #da0226;
	line-height: 40px
}
.share-box .close-button {
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 39px;
	line-height: 37px;
	color: #000;
	cursor: pointer;
	text-align: center
}
.share-box .close-button:active {
	background: #eefcff
}
.share-box a {
	display: block;
	color: #555;
	padding: 0 20px;
	border-bottom: solid 1px #f2f2f2;
	height: 50px;
	line-height: 50px
}
.share-box a[class^=svg-icon-]:before {
	content: '';
	width: 30px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: contain!important;
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
	background-position: center 8px
}
.share-box .svg-icon-whatsapp:before {
	background: url(../images/svg-icons/whatsapp.svg)
}
.share-box .svg-icon-facebook:before {
	background: url(../images/svg-icons/facebook.svg)
}
.share-box .svg-icon-twitter:before {
	background: url(../images/svg-icons/twitter.svg)
}
.share-box .svg-icon-instagram:before {
	background: url(../images/svg-icons/instagram.svg)
}
.share-box .svg-icon-hangout:before {
	background: url(../images/svg-icons/hangout.svg)
}
.share-box .svg-icon-skype:before {
	background: url(../images/svg-icons/skype.svg)
}
.share-box .svg-icon-youtube:before {
	background: url(../images/svg-icons/youtube.svg)
}
.share-box .svg-icon-gmail:before {
	background: url(../images/svg-icons/gmail.svg)
}
.share-box .svg-icon-email:before {
	background: url(../images/svg-icons/email.svg)
}
.share-box .svg-icon-googleplus:before {
	background: url(../images/svg-icons/google-plus.svg)
}
.share-box .svg-icon-sms:before {
	background: url(../images/svg-icons/sms.svg)
}
.prompt-prefix {
	float: left;
	width: 20%;
	line-height: 44px
}
.prompt-prefix+p+input {
	width: 80%!important;
	float: right
}
.form-title {
	opacity: .9;
	color: #757575;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	border-bottom: solid 1px #e6e6e6;
	height: 16px;
	margin-bottom: 37px
}
.form-title span {
	background: #f2f2f2;
	display: inline-block;
	margin-top: 8px;
	padding: 0 5px
}
.access-form {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 420px;
	text-align: center
}
.access-form .form-title {
	font-family: 'robotobold';
	color: #fff;
	border-bottom-color: rgba(255,255,255,.5)
}
.access-form .form-title span {
	background: #008e49;
	padding: 0 10px
}
.access-form .logo {
	display: block;
	margin: auto auto 10%
}
.access-form input[type=email], .access-form input[type=password], .access-form input[type=text], .access-form select {
	width: 100%;
	height: 40px;
	background: #fff;
	border: 0!important;
	border-radius: 3px;
	color: #7d7d7d;
	font-size: 14px;
	padding: 0 5px 0 40px
}
.access-form select {
	padding: 0 5px 0 0
}
.access-form .x2 {
	position: relative;
	padding-right: 65px
}
.access-form .x2-left input, .access-form .x2-left select {
	border-radius: 3px 0 0 3px
}
.access-form .x2-right {
	position: absolute;
	width: 60px;
	right: 0;
	top: 0;
	border-radius: 0 3px 3px 0
}
.access-form .x2-right input, .access-form .x2-right select {
	border-radius: 0 3px 3px 0;
	text-align: center
}
.access-form button {
	background: #f9a70b;
	text-align: center;
	border: solid 1px transparent;
	height: 50px;
	color: #333;
	border-radius: 3px;
	width: 100%;
	margin-top: 10px
}
.access-form button:focus, .access-form button:hover {
	border-color: #ffe600
}
.access-form a.link {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	margin: 20px 10px 0
}
.access-form label {
	display: block;
	position: relative;
	margin-bottom: 10px
}
.access-form label span.icon {
	position: absolute;
	font-size: 25px;
	top: 7px;
	left: 7px;
	color: #bdbdbd;
	opacity: .7;
	transition: all 200ms linear
}
.access-form label input:focus+span.icon {
	opacity: 1;
	color: #008e49
}
.access-form label input.validation-success+span.icon, .access-form label input.validation-success:focus+span.icon {
	color: #38a700
}
.access-form label .icon-action {
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-size: 20px;
	color: #646464;
	cursor: pointer
}
.access-form label .icon-action:active, .form .input-label .icon-action:active {
	color: #2196f3
}
.help-block {
	text-align: left;
	font-size: 12px;
	width: 100%;
	display: inline-block;
	color: #565656
}
.help-block.form-error {
	color: red
}
.access-form .form-error {
	color: #fff;
	opacity: .8
}
.responsive-form {
	padding: 20px 0;
	position: inherit;
	transform: initial;
	margin: auto
}
.category-list li {
	display: block;
	background: #e9ebee;
	border-bottom: solid 2px #cfd0d2;
	position: relative;
	font-size: 15px;
	overflow: hidden
}
.category-list.two-column {
	font-size: 0
}
.category-list.two-column li {
	width: 50%;
	display: inline-block;
	overflow: hidden
}
.category-list.two-column li:nth-child(odd) {
	border-right: solid 2px #f6f6f6
}
.category-list li p {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.category-list li a:after {
	font-family: 'icomoon';
	content: "\e903";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 25px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #ccc
}
.category-list li a {
	display: block;
	color: #676767;
	height: 50px;
	line-height: 50px;
	padding: 0 20px 0 55px
}
.category-list li img {
	width: 38px;
	height: 38px;
	position: absolute;
	left: 10px;
	top: 6px
}

@media only screen and (max-width:520px) {
.category-list li a {
	height: 45px;
	line-height: 45px;
	padding: 0 20px 0 48px
}
.category-list li img {
	width: 30px;
	height: 30px;
	top: 8px
}
.category-list.two-column li p {
	font-size: 12px
}
}
.section-title, .section-title-2 {
	font-size: 13px;
	border-top: solid 1px #f0f0f0
}
.section-title {
	height: 36px;
	line-height: 36px;
	text-transform: uppercase;
	background: #f7f8ff;
	padding: 0 10px;
	border-bottom: solid 1px #38673d
}
.section-title-2 {
	text-align: center;
	padding: 20px 10px;
	background: #fff;
	border-bottom: solid 1px #f0f0f0;
	color: #8a8a8a
}
.section-subtitle {
	font-size: 13px;
	font-family: 'robotomedium';
	margin-bottom: 20px
}
.info-box {
	padding: 20px;
	background: #fff;
	border: solid 1px #f0f0f0
}
.info-box .info-box-title, .info-box-2 .info-box-title {
	padding: 10px;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	color: #008e49;
	line-height: 20px
}
.info-box p, .info-box-2 p {
	font-size: 14px;
	color: #5b5b5b
}
.info-box, .info-box-2 {
	margin: 20px
}
.info-box .info-box-text img, .info-box-2 .info-box-text img {
	float: left;
	margin-right: 10px
}
.info-box .info-box-text p, .info-box-2 .info-box-text p {
	text-align: justify
}
.info-box-2 p {
	line-height: 21px
}
.prof-pic-img, .profile-picture {
	width: 150px;
	height: 150px;
	border-radius: 50%
}
.profile-picture {
	margin: 30px auto;
	position: relative
}
.prof-pic-img {
	overflow: hidden
}
.prof-pic-img img {
	margin-left: 50%;
	margin-top: 50%;
	transform: translate(-50%, -50%);
	height: 100%
}
.profile-picture input, .upload-button input {
	opacity: 0;
	visibility: hidden;
	display: none
}
.profile-picture .camera-button {
	background: #c62127;
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 20px;
	box-shadow: 0 0 7px rgba(0,0,0,.3);
	cursor: pointer
}
.profile-picture .camera-button:active {
	background: #e50228
}
.matches-list li, .matches-list li a {
	display: block;
	color: #636363
}
.matches-list li a {
	border-bottom: solid 1px #ececec;
	position: relative;
	height: 62px;
	line-height: 58px;
	background: #fff
}
.download-list li:first-child, .favorites-list li:first-child, .matches-list li:first-child, .suscription-list li:first-child {
	border-top: solid 1px #ececec
}
.matches-list li span {
	color: #fff;
	background: #636363;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: normal;
	margin: 0 20px
}
.matches-list li i {
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	margin-right: 5px
}
.matches-list li .title, .matches-list li span {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px
}
.matches-list li a:after {
	font-family: 'icomoon';
	content: "\e903";
	position: absolute;
	right: 10px;
	top: 0;
	display: block;
	height: 60px;
	line-height: 60px;
	width: 25px;
	text-align: center;
	background: #fff;
	color: #ccc
}
.no-matches {
	text-align: center;
	padding: 100px 10px;
	font-size: 14px;
	color: #b3b3b3
}
.no-matches span {
	display: block;
	font-size: 16px;
	margin-bottom: 20px
}
.form .input-label {
	display: block;
	margin-bottom: 30px;
	position: relative
}
.form .input-label .icon-action {
	position: absolute;
	right: 7px;
	bottom: 7px;
	font-size: 20px;
	color: #646464;
	cursor: pointer
}
.form .stroke:after, .form .stroke:before {
	position: absolute;
	top: 46px;
	content: '';
	width: 1px;
	height: 5px;
	background: #008e49
}
.form .stroke:before {
	left: 0
}
.form .stroke:after {
	right: 0
}
.form .stroke.has-error:after, .form .stroke.has-error:before {
	background: red
}
.form .label-title {
	display: block;
	font-family: 'robotobold';
	font-size: 12px;
	color: #616161;
	padding-left: 7px;
	margin-bottom: 5px
}
.form input[type=email], .form input[type=password], .form input[type=text], .form select {
	width: 100%;
	background: 0 0;
	border: 0;
	border-bottom: solid 1px #008e49;
	font-size: 14px;
	padding: 0 7px;
	color: #616161;
	height: 33px
}
.form .x2 {
	position: relative;
	padding-right: 60px
}
.form .x2 .right-input {
	position: absolute;
	width: 55px;
	top: 0;
	right: 0
}
.form .x2 .right-input .label-title {
	padding-left: 0
}
.form-1 .split, .form-2 .split {
	display: block;
	margin: 20px 0;
	height: 1px;
	background-color: #e3e3e3
}
.form-2 .input-label {
	display: block
}
.form-2 .input-label+.input-label {
	margin-top: 10px
}
.form-2 input[type=email], .form-2 input[type=password], .form-2 input[type=text], .form-2 select, .form-2 textarea {
	width: 100%;
	height: 40px;
	background: 0 0;
	border: solid 1px #e3e3e3;
	background-color: #fff;
	border-radius: 2px;
	font-size: 13px;
	padding: 0 7px;
	color: #616161
}
.form-2 textarea {
	height: 60px;
	padding: 7px 7px 0
}
.form-2 input[type=email]:focus, .form-2 input[type=password]:focus, .form-2 input[type=text]:focus, .form-2 textarea:focus {
	border-color: #6f9737
}
.button, .flat-button {
	height: 36px;
	display: inline-block;
	vertical-align: top;
	line-height: 36px;
	padding: 0 16px;
	border-radius: 2px;
	font-size: 14px;
	color: #fff;
	border: 0;
	cursor: pointer;
	text-transform: uppercase;
	font-family: 'robotomedium'
}
.button+.button, div.section-float-footer-a table td.left div, div.section-grit-profile table td.left div {
	margin-left: 10px
}
.button.raised {
	box-shadow: -1px 1px 2px #b7b7b7;
	margin-bottom: 3px
}
.button.primary-color {
	background: #008e49!important;
	color: #fff!important;
	font-size: 16px;
	font-weight: unset
}
.button.primary-color:active {
	background: #1baaff;
	background: #239eff
}
.button.color-1 {
	color: #fff;
	background: #da0226
}
.button.color-2 {
	color: #000;
	background: #ffda00
}
.flat-button {
	background: 0 0
}
.flat-button:active {
	background: #f4f4f4
}
.flat-button.primary-color {
	color: #333
}
.category-label, .suscription-list li {
	display: block;
	position: relative;
	height: 62px;
	padding: 10px 110px 0 20px;
	background: #fff;
	color: #636363;
	border-bottom: solid 1px #ececec
}
.suscription-list li .title {
	margin: 0
}
.suscription-list li .description, .suscription-list li .title {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}
.suscription-list li .title {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-family: 'robotomedium'
}
.suscription-list li .description {
	font-size: 12px;
	color: #888;
	margin: 4px 0 0
}
.suscription-list li .cancel-button {
	position: absolute;
	right: 5px;
	top: 12px
}
.category-label {
	border-bottom: solid 2px #ffefd6;
	color: #676767;
	height: 50px;
	line-height: 35px;
	padding: 5px 20px
}
.category-label img {
	height: 100%;
	float: left;
	margin-right: 10px
}
.category-label input[type=checkbox], .checkbox-list input[type=checkbox] {
	clip: rect(0,0,0,0);
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	opacity: 0
}
.category-label .icon-checkbox, .checkbox-list .icon-checkbox {
	color: #008e49;
	font-size: 25px
}
.category-label .icon-checkbox {
	position: absolute;
	right: 10px;
	top: 10px
}
.category-label input[type=checkbox]:checked+.icon-checkbox, .category-label:active .icon-checkbox, .checkbox-list input[type=checkbox]:checked+.icon-checkbox, .checkbox-list label:active .icon-checkbox {
	opacity: 1
}
.category-label .icon-checkbox, .category-label:active input[type=checkbox]:checked+.icon-checkbox, .checkbox-list .icon-checkbox, .checkbox-list label:active input[type=checkbox]:checked+.icon-checkbox {
	opacity: .8
}
.checkbox-list li {
	display: block;
	margin-bottom: 15px;
	color: #5b5b5b;
	font-size: 14px
}
.checkbox-list .icon-checkbox {
	float: left;
	margin-top: -5px;
	margin-right: 5px
}
.download-list li, .favorites-list li {
	display: block;
	position: relative;
	background: #fff;
	border-bottom: solid 1px #ececec
}
.download-list li {
	height: 62px;
	padding: 10px 48px 0 50px;
	color: #757575
}
.download-list li .title {
	margin: 0
}
.download-list li .description, .download-list li .title {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}
.download-list li .title {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-family: 'robotomedium'
}
.download-list li .description {
	font-size: 12px;
	color: #888;
	margin: 4px 0 0
}
.download-list li i, .favorites-list li i {
	position: absolute;
	left: 10px;
	top: 15px;
	font-size: 30px
}
.download-list li .info-button {
	position: absolute;
	right: 10px;
	top: 15px;
	color: #2196f3;
	font-size: 30px;
	cursor: pointer
}
.favorites-list li {
	padding-left: 50px
}
.favorites-list li .button-close {
	position: absolute;
	left: 0;
	top: 12px;
	font-size: 17px;
	display: block;
	width: 50px;
	height: 38px;
	line-height: 38px;
	border-right: solid 1px #e3e3e3;
	text-align: center
}
.favorites-list li .item {
	position: relative;
	display: block;
	height: 62px;
	padding: 10px 48px 0 50px;
	color: #757575
}
.favorites-list li .title {
	margin: 0
}
.favorites-list li .description, .favorites-list li .title {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}
.favorites-list li .title {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-family: 'robotomedium'
}
.favorites-list li .description {
	font-size: 12px;
	color: #888;
	margin: 4px 0 0
}
.favorites-list li:after {
	font-family: 'icomoon';
	content: "\e903";
	position: absolute;
	right: 5px;
	top: 18px;
	color: #ccc;
	font-size: 20px
}
.slider img, .video-slider-thumbnails li img, .wallpapers-carousel img {
	width: 100%
}
.full-width-button {
	display: block;
	padding: 0 5px;
	height: 36px;
	line-height: 36px;
	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border-bottom: solid 1px #f0f0f0
}
.full-width-button:active {
	background: #f9f9f9
}
.wallpapers-carousel li {
	display: block;
	float: left;
	width: 33.33333%;
	position: relative;
	overflow: hidden
}
.wallpapers-carousel li a:before {
	content: '';
	display: block;
	padding-top: 110%
}
.post-list .post-img img, .wallpapers-carousel li a img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}
.wallpapers-carousel li a img {
	height: 100%;
	padding-right: 1px
}
.video-slider {
	margin-bottom: -2px
}
.video-slider li iframe {
	width: 100%!important
}

@media only screen and (max-width:1920px) {
.video-slider li iframe {
	height: 1000px!important
}
}

@media only screen and (max-width:1280px) {
.video-slider li iframe {
	height: 750px!important
}
}

@media only screen and (max-width:1024px) {
.video-slider li iframe {
	height: 600px!important
}
}

@media only screen and (max-width:720px) {
.video-slider li iframe {
	height: 420px!important
}
}

@media only screen and (max-width:420px) {
.video-slider li iframe {
	height: 250px!important
}
}
.video-slider-thumbnails li {
	cursor: pointer;
	padding-right: 1px;
	opacity: .7;
	transition: all 200ms linear
}
.video-slider-thumbnails li.slick-current {
	opacity: 1
}
.notification-box {
	overflow: hidden;
	background-color: #ebebeb;
	color: #464646;
	padding: 15px 0;
	position: fixed;
	z-index: 1;
	left: 0;
	width: 100%
}
.notification-box .content-left {
	width: 100%;
	padding: 0 145px 0 15px
}
.notification-box .content-right {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 130px;
	text-align: center
}
.notification-box .content-right .button {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.notification-box p {
	font-size: 13px;
	line-height: 18px
}
.post-list {
	display: block
}
.post-list li {
	margin-bottom: 20px
}
.post-list .post-title {
	padding: 10px 15px;
	font-family: 'robotomedium';
	font-size: 16px;
	color: #333;
	background: #fff;
	border-top: solid 1px #f0f0f0;
	border-bottom: solid 1px #f0f0f0
}
.post-list .post-img {
	position: relative;
	overflow: hidden
}
.post-list .post-img:before {
	content: '';
	display: block;
	padding-top: 58%
}
.post-list .post-img img {
	width: 100%
}
.post-list .post-img .full-view-image-button {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(242,242,242,.9);
	color: #8bb3ff;
	text-align: center;
	height: 40px;
	line-height: 37px
}
.post-list .post-img .full-view-image-button:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 10px;
	top: -6px;
	left: 0;
	background-image: url(../images/svg-icons/arrow-up.svg);
	background-size: 12px!important;
	background-repeat: repeat-x;
	opacity: .9
}
.post-list .post-bar {
	background: #878787;
	height: 50px;
	text-align: right;
	font-size: 0
}
.post-list .post-bar a {
	color: #fff;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding: 0 13px;
	border-left: solid 1px #5f5f5f
}
.post-list .post-bar a:active {
	background: #6f6f6f
}
.post-list .post-bar a span {
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 14px
}
.post-list .post-bar a span+i {
	margin-left: 5px
}
.like-button.active .icon-dislike-outline:before {
	content: "\e90a"!important
}
.like-button.active .icon-like-outline:before {
	content: "\e909"!important
}
.post-list .post-text .less-link, .post-list .post-text .more-link {
	font-family: 'robotobold';
	color: #262424
}
.post-list .post-text .read-less, .post-list .post-text .read-more {
	padding-top: 10px;
	display: block;
	text-align: right
}
.game-carousel, .game-carousel li {
	padding: 10px
}
.game-carousel li a {
	display: block;
	overflow: hidden;
	border-radius: 10px
}
.game-carousel li a img, .game-slider li img, .video-list li a img {
	width: 100%
}
.game-list li {
	display: block;
	list-style-type: none;
	padding: 5px;
	background-color: #fff;
	border-bottom: solid 1px #f0f0f0;
	border-top: solid 1px #f0f0f0;
	position: relative;
	height: 80px;
	margin-bottom: 5px
}
.game-list li:first-child {
	margin-top: 5px
}
.game-list li a {
	color: #333
}
.game-list li .game-img {
	position: absolute;
	left: 5px;
	top: 3px;
	border-radius: 5px;
	width: 70px;
	height: 70px;
	background-size: cover!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
	overflow: hidden
}
.game-list li .game-description {
	padding-left: 80px
}
.game-list li .game-description p {
	font-size: 13px;
	color: #333;
	overflow: hidden;
	max-height: 45px
}
.game-list li .game-title {
	font-family: 'robotomedium';
	font-size: 14px;
	margin-bottom: 5px
}
.video-list {
	padding: 1%
}
.video-list li {
	display: block;
	width: 50%;
	float: left;
	padding: 1%;
	margin-bottom: 10px
}
.video-list .video-title {
	font-size: 16px;
	color: #333;
	height: 50px;
	overflow: hidden
}

@media only screen and (max-width:420px) {
.video-list .video-title {
	font-size: 14px
}
}
.game-slider-thumbnails li {
	opacity: .4;
	margin: 1px!important;
	position: relative;
	overflow: hidden
}
.game-slider-thumbnails li:before {
	content: '';
	display: block;
	padding-top: 100%
}
.game-slider-thumbnails li.slick-current {
	opacity: 1
}
.game-slider-thumbnails li img {
	height: 100%;
	width: auto!important;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%)
}
.game-info {
	padding: 10px;
	background-color: #fff
}
.game-info .game-title {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: solid 1px #e3e3e3
}
.game-info .game-description {
	color: #737373;
	font-size: 14px;
	line-height: 20px
}
.upload-img {
	width: 100%;
	height: 200px;
	margin: 0 auto;
	position: relative;
	background: #f0f0f0
}
.upload-img .img-preview {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.upload-img .img-preview img {
	height: 100%;
	display: block;
	margin: auto auto auto 50%;
	transform: translateX(-50%)
}
.upload-img label {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer
}
.audio-list li .audio-info .audio-title {
	color: #333;
	font-weight: 400!important;
	font-family: 'robotomedium';
	padding-bottom: 2px
}
.audio-list li .audio-info .audio-description {
	padding-bottom: 2px;
	font-family: 'robotolight'
}
.audio-list li .right-button {
	position: absolute;
	right: 0;
	top: 16px
}
.info-modal-title {
	margin-bottom: 20px;
	text-align: center;
	font-family: 'robotobold'
}
.info-modal li {
	text-align: left;
	list-style-type: none;
	font-size: 14px;
	line-height: 26px
}
.search-history {
	padding: 10px
}
.search-history li {
	display: block;
	opacity: .3;
	padding: 7px 0
}
.search-history li:active {
	opacity: .5
}
.search-history li a {
	color: #333;
	display: block
}
.search-history li a:after, .search-history li a:before {
	font-family: 'icomoon'
}
.search-history li a:before {
	content: "\e8b3";
	margin-right: 5px;
	font-size: 25px;
	line-height: 16px;
	float: left
}
.search-history li a:after {
	content: "\e0b2";
	float: right
}
.change-pass-section {
	display: none;
	margin-top: 40px
}
.alertify button.cancel, .alertify button.ok {
	border-radius: 2px!important;
	padding: 0 12px!important
}
.alertify button.ok {
	background-color: #2196f3!important;
	color: #fff!important
}
.alertify button.ok:active {
	background-color: #1baaff!important
}
.alertify button.cancel {
	border: solid 1px #2196f3!important;
	color: #2196f3!important
}
.alertify button.cancel:active {
	background: #f2f2f2!important
}
.alertify .alert .msg, .alertify .dialog .msg {
	line-height: 23px!important;
	font-size: 14px!important
}
.article {
	overflow: hidden;
	padding: 10px
}
.article .img-article {
	width: 40%;
	float: left
}
.ads-carousel li img, .album-carousel li img, .albums-list .item-album img, .article .img-article img {
	width: 100%
}
.article .summary-article p {
	font-size: 13px;
	line-height: 15px
}
.article .summary-article p+p, .paragraph p+p {
	margin-top: 10px
}
.ads-carousel {
	position: relative
}
.ads-carousel li, .album-carousel li {
	cursor: pointer;
	padding: 5px
}
.ads-carousel li a, .album-carousel li a, .artists-list li a {
	color: inherit
}
.ads-carousel-title {
	font-size: 12px;
	padding-top: 5px
}
.album-carousel {
	position: relative
}
.album-carousel-title {
	font-size: 12px;
	padding-top: 5px
}
.banners {
	overflow: hidden;
	line-height: 0
}
.banners img, .video-carousel li {
	padding: 5px
}
.paragraph {
	padding: 10px 5px
}
.paragraph p {
	font-size: 13px
}
.video-carousel {
	padding: 0 5px
}
.video-carousel li iframe {
	width: 100%!important;
	height: auto!important
}
.error-page {
	padding-top: 10%;
	text-align: center
}
.error-page i {
	font-size: 100px;
	opacity: .3;
	color: #008e49
}
.error-page .title {
	font-family: 'robotobold';
	font-size: 18px;
	margin: 20px 0
}
.error-page .description {
	color: #8c8c8c;
	font-size: 14px;
	width: 98%;
	max-width: 360px;
	margin: auto auto 50px;
	line-height: 20px
}
.albums-list {
	background-color: #282633;
	padding: 2.5px;
	font-size: 0
}
.albums-list .item-album {
	display: inline-block;
	vertical-align: top;
	padding: 2.5px;
	width: 50%;
	text-decoration: none
}
.albums-list .item-album .album-info {
	background-color: #363441;
	color: #fff;
	padding: 15px 10px;
	font-family: 'robotolight'
}
.albums-list .item-album:active .album-info {
	background-color: #3c3a49
}
.albums-list .item-album .album-name {
	font-size: 14px;
	margin-bottom: 10px
}
.albums-list .item-album .album-author {
	font-size: 12px;
	color: #cfcfcf
}
.album-detail {
	position: relative;
	line-height: 0
}
.album-detail .album-info-2 audio, .album-detail img, select.format, table.grip-img img {
	width: 100%
}
.album-detail .album-info {
	line-height: initial;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(54,52,65,.9);
	color: #fff;
	padding: 10px 10px 10px 50px;
	font-family: 'robotolight'
}
.album-detail .album-info:before {
	font-family: 'icomoon';
	content: '\e019';
	position: absolute;
	left: 5px;
	top: 10px;
	font-size: 40px;
	opacity: .3;
	color: #fff
}
.album-detail .album-info .album-name {
	font-size: 14px;
	margin-bottom: 3px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.album-detail .album-info .album-author {
	font-size: 12px;
	color: #cfcfcf;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.album-detail .album-info-2 {
	line-height: initial;
	text-align: center
}
.album-detail .album-info-2 .rating {
	margin: 10px 0
}
.album-detail .album-info-2 .song-name {
	padding: 0 10px;
	color: #000;
	margin: 5px 0;
	font-size: 16px
}
.album-detail .album-info-2 .album-name {
	padding: 0 10px;
	font-size: 14px
}
.shopping-options {
	margin: 20px 0
}
.artists-list li, .shopping-options li {
	position: relative;
	padding: 10px;
	border-bottom: solid 1px #e3e3e3
}
.shopping-options li p {
	font-size: 16px
}
.shopping-options li span {
	font-size: 13px;
	color: #878787;
	font-family: 'robotolight'
}
.shopping-options li .right-button {
	position: absolute;
	right: 0;
	top: 11px
}
.artists-list li {
	display: block;
	height: 62px;
	padding: 10px 30px 0 70px;
	background: #fff;
	color: #57167d;
	border-bottom: solid 1px #ececec
}
.artists-list li:after {
	font-family: 'icomoon';
	content: '\e903';
	position: absolute;
	right: 10px;
	top: 20px;
	color: #b4b4b4
}
.artists-list li:first-child {
	border-top: solid 1px #ececec
}
.artists-list li a .preview {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0
}
.artists-list li a .title {
	margin: 0
}
.artists-list li a .description, .artists-list li a .title {
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis
}
.artists-list li a .title {
	font-size: 14px
}
.artists-list li a .description {
	font-size: 12px;
	color: #888;
	margin: 4px 0 0;
	font-family: 'robotolight'
}
.songs-list li:nth-child(even) {
	background-color: #f2f2f2
}
.artists-list-2 li {
	display: block;
	position: relative;
	height: 120px;
	padding: 10px 30px 0 130px;
	background: #fff;
	color: #757575;
	border-bottom: solid 1px #ececec
}
.artists-list-2 li:first-child {
	border-top: solid 1px #ececec
}
.artists-list-2 li .preview {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px;
	background-color: #efefef
}
.artists-list-2 li .preview img {
	height: 100%;
	display: block;
	margin: auto
}
.artists-list-2 li .title {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	display: block;
	margin: 0 0 10px
}
.artists-list-2 li .description {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
	font-family: 'robotolight'
}
.artists-list-2 li .description p {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.artists-list-2 li .description p i {
	font-size: 22px
}
.artists-list-2 li .download-button {
	position: absolute;
	font-size: 24px;
	display: block;
	border: solid 1px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	top: 40px;
	right: 20px
}
.artists-list-2 li .download-button:active {
	background-color: #f0f8ff
}
.jq-ry-container {
	z-index: 0
}
.header-section {
	text-align: center;
	padding: 50px 0
}
.header-section p {
	font-size: 14px;
	color: #707070
}
.footer-options-trigger {
	position: fixed;
	bottom: 5px;
	right: 20px;
	border-radius: 50%;
	background: #272822;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	box-shadow: -1px 1px 8px 1px rgba(0,0,0,.3);
	z-index: 99999999;
	transition: all 200ms linear
}

@media only screen and (max-width:520px) {
.footer-options-trigger {
	right: 5px
}
}
.footer-options-trigger.active {
	box-shadow: none!important;
	background-color: transparent!important
}
.footer-options-trigger.active:before {
	content: "\e5cd"!important
}
.footer-options {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #fff;
	display: none;
	padding-right: 50px;
	text-align: center;
	z-index: 99999
}
.footer-options:after {
	position: absolute;
	content: '';
	width: 1px;
	height: 30px;
	top: 10px;
	right: 50px;
	background-color: rgba(255,255,255,.1)
}
.footer-options li {
	float: left;
	width: 33.33333%;
	text-align: center;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	list-style: none
}
.footer-options li a {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center
}
.footer-options li a:active {
	background-color: rgba(255,255,255,.05)
}
.main-section-footer, .social-networks {
	text-align: center;
	padding: 10px
}
.social-networks li {
	display: inline-block
}
.social-networks li a {
	color: #3d5afe;
	font-size: 35px
}
.main-section-footer p {
	font-size: 12px;
	color: gray;
	margin-bottom: 5px
}
.main-section-footer a {
	font-size: 12px;
	display: block
}
.main-section-footer a+a {
	margin-top: 5px
}
.landing-page .main-title {
	text-align: center;
	font-family: 'robotobold';
	font-size: 25px
}
.landing-page .subtitle {
	text-align: center;
	font-size: 20px;
	margin: 20px 0
}
.landing-page .description {
	margin-bottom: 20px
}
.landing-page .description p {
	font-size: 14px;
	text-align: justify
}
.audio-list li .mejs-controls .mejs-button button:before {
	background: #008e49!important;
	background: -moz-radial-gradient(center, ellipse cover, #008e49 0%, #008e49 100%)!important;
	background: -webkit-radial-gradient(center, ellipse cover, #008e49 0%, #008e49 100%)!important;
	background: radial-gradient(ellipse at center, #008e49 0%, #008e49 100%)!important;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008e49', endColorstr='#008e49', GradientType=1 ) !important
}
.form-2 .x2-left {
	position: absolute;
	top: 0;
	left: 0
}
.form-2 .x2-left select {
	width: 70px;
	border-radius: 3px 0 0 3px
}
.form-2 .x2-right {
	padding-left: 75px
}
.form-2 .x2 {
	position: relative
}
.form-2 .input-container+.input-container {
	margin-top: 10px;
	display: block
}
.pr5 {
	padding-right: 5px
}
.v-spacing-30 {
	padding: 30px 0
}
.form-2 .input-container {
	overflow: hidden
}
a {
	text-decoration: none;
	color: #008e49!important
}
.main-title.align {
	text-align: left;
	margin-left: 40px
}
.align-element {
	text-align: center
}
.align-element-right {
	text-align: right
}
.align-element-left {
	text-align: leftt
}
.align-element.relative-width {
	margin-left: auto;
	margin-right: auto
}
.main-section.format-transactional {
	padding-right: 10px;
	padding-left: 10px
}
.main-section.car {
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 70px
}
li.format-transactional {
	padding-top: 10px;
	padding-bottom: 10px
}
div.top-image-banner {
	position: absolute;
	float: left;
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,.2)
}
div.top-text-banner {
	position: absolute;
	float: left;
	font-size: 20px;
	color: #fff;
	padding-left: 20px;
	padding-top: 8px
}
button.footer-btn {
	display: block;
	height: 35px;
	width: 35px;
	border-radius: 50%;
	border: 1px solid #da0226;
	background: #da0226;
	color: #fff;
	position: absolute;
	margin-top: -69px;
	float: right;
	right: 40px
}
div.radius-border {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #737373;
	height: 35px
}
div.pay-out {
	margin-top: 7px;
	font-weight: 700
}
div.text {
	text-align: justify;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	text-overflow: ellipsis
}
img.down-up {
	width: 25px;
	padding-left: 10px
}
div.separation {
	height: 20px
}
div.price {
	font-size: 40px;
	color: #8c1c1c
}
div.price span {
	vertical-align: super
}
.footer-bar.height {
	position: relative;
	bottom: 100px
}
.car-title {
	vertical-align: 21px;
	font-size: 21px;
	color: #fff
}
.button-back-color, a#saltar, icon-arrow_back-color {
	color: #fff!important
}
.img2 {
	width: 35px;
	vertical-align: 11px
}
.floating-bar.background {
	background-color: #2b9100
}
div.price, span.title2 {
	font-weight: 700
}
.number-1, img.relative-img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 6px
}
.number-1 {
	text-align: center;
	height: 31px;
	width: 60px;
	border: 1px solid #8b8bef
}
input[type=checkbox] {
	width: 22px;
	height: 22px
}
div.left-section, div.left-section-c {
	display: inline-block;
	/*float: left;*/
	padding-bottom: 36px
}
div.left-section {
	padding-top: 10px;
	width: 100%;
	min-width: 354px
}
div.left-section-c {
	width: 30%;
	min-width: 150px
}
div.right-section {
	width: 2%;
	display: inline-block;
	height: 100%;
	position: absolute;
	background-color: #2b2bfd
}
div.right-section-c {
	width: 70%;
	display: inline-block;
	position: absolute
}
div.left-section2, div.right-section2 {
	display: inline-block;
	/*float: left;*/
	width: 30%
}
div.right-section2 {
	width: 68%
}
div.right-section2-B {
	width: 2%;
	background-color: #57167d;
	height: 160px;
	position: absolute;
	float: right;
	right: 0;
	text-align: center
}
img.relative-img {
	width: 100%;
	padding-top: 10px;
	border: 2px solid #57167d
}
div.left-section3 {
	float: left;
	text-align: left
}
div.left-section3, div.right-section3 {
	width: 50%;
	display: inline-block
}
span.total {
	color: #cb4758
}
div.price-section {
	width: 60%;
	max-width: 260px
}
.bf, div.left-section3 div span, span.total {
	font-weight: 700
}
.separation-color {
	border: 2px solid #57167d
}
.left-section.border-top {
	border-top: 2px solid #57167d
}
.footer-bottom-price, table.grip-img {
	background: #000
}
.footer-bottom-price .left, .footer-bottom-price .right {
	width: 50%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px
}
.footer-bottom-price .left {
	float: left;
	padding-left: 20px;
	text-align: left
}
.footer-bottom-price .right {
	text-align: right;
	padding-right: 20px
}
.footer-bottom-price .right button, .image-icon.border {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 6px
}
.footer-bottom-price .right button {
	background-color: #f6ac38;
	width: 132px;
	height: 53px;
	font-weight: 700;
	margin-top: 10px;
	font-size: 24px;
	border: 1px solid #303030
}
body.background {
	background: #d4d4d4
}
.checkbox-center {
	width: 190px;
	margin-left: auto;
	margin-right: auto
}
.color-personal {
	font-weight: 700
}
.div-card {
	width: 100%;
	height: 220px;
	background-color: #435359;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 6px
}
span.account-number {
	color: #fff;
	font-size: 25px;
	margin-left: 35px
}
span.last-card, span.name-card {
	color: #fff;
	font-size: 18px;
	margin-left: 35px
}
span.product {
	display: inline-block!important;
	color: #2b9100!important;
	background: #fff!important;
	border-radius: 50%!important;
	width: auto!important;
	text-align: center!important;
	line-height: normal!important;
	margin: 0 20px!important
}
.title-personal, span.product, span.product2 {
	vertical-align: inherit!important;
	font-size: 19px!important
}
span.product2 {
	display: inline-block!important;
	color: #636363!important;
	background: #fff!important;
	border-radius: 50%!important;
	width: auto!important;
	text-align: center!important;
	line-height: normal!important;
	margin: 0 20px!important
}
.title-personal {
	display: inline-block
}
.auto-border-left, img.radius-game {
	margin-left: auto
}
.input-border {
	border: 0;
	border-top: 0;
	border-left: 1px solid rgba(84,21,122,.47);
	border-right: 1px solid rgba(84,21,122,.47);
	border-bottom: 1px solid rgba(84,21,122,.47);
	text-align: center;
	background: 0 0
}
.image-icon.border {
	border: 1px solid #57167d
}
.image-icon.profile {
	width: 100px
}
.image-icon.width {
	width: 31px;
	padding-top: 10px
}
.image-icon.width2 {
	width: 60px;
	padding-top: 10px;
	margin-top: 23px
}
.audio-list li .more-download-button {
	position: absolute;
	font-size: 24px;
	display: block;
	border: solid 1px;
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	border-radius: 50%;
	top: 14px;
	right: 20px
}
.audio-list.border li {
	border-bottom: 1px solid #57167d
}
.bas-hist {
	position: absolute;
	border: 1px solid #000;
	width: 75px;
	height: 69px;
	float: right;
	right: 0;
	background-color: #57167d
}
.content-hist {
	margin-bottom: 80px;
	min-height: 40px
}
.wrap-text {
	text-overflow: ellipsis;
	overflow: hidden
}
.row {
	height: 61px;
	border-bottom: 1px solid #3d00cf;
	width: 100%
}
.span-div {
	margin-top: 18px
}
div.left-section-d {
	width: 30%;
	float: left
}
div.right-section-d {
	width: 70%;
	display: inline-block
}
input.search-input {
	width: 50%;
	height: 39px;
	margin-left: 48px;
	border: 0;
	background: #f7f7f7
}
img.radius-game {
	border-radius: 50%;
	padding-top: 2px;
	border: 2px solid #009688;
	width: 100%!important;
	text-align: center;
	margin-right: auto
}
.menu-icon-size {
	font-size: 40px
}
div.footer-menu2 table {
	text-align: center;
	width: 100%
}
table.grip-img {
	width: 100%
}
table.grip-img td {
	border: 1px solid #fff
}
.initial-section-list {
	margin: 30px 0
}
.initial-section h1 {
	font-family: 'brandonmedium';
	font-size: 25px;
	margin-bottom: 50px
}
.initial-section ul li {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 80px;
	height: 90px;
	margin: 10px
}
.initial-section ul li .item {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #f2f2f2;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 200ms ease-in-out
}
.initial-section ul li .item img {
	width: 40px;
	margin: 20px auto auto
}
.initial-section ul li.current span {
	margin-top: 10px;
	opacity: 1
}
.form-a {
	/*width: 190px!important;*/
	display: inline
}
.form-b, .form-c, .form-d {
	/*width: 160px;*/
	display: inline;
	padding-left: 10px
}
.form-c, .form-d {
	width: 64px
}
.form-d {
	height: 37px
}
.x2-left {
	text-align: inherit!important;
	top: 0;
	left: 0;
	width: auto;
	padding-right: 10px
}
.modal-content {
	background-color: #fbfbfb
}
.component-row {
	display: inherit
}
.component-row div {
	padding-top: 8px
}
div.center-component {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.robotoregular {
	font-family: "robotoregular"!important
}
.wrap.width {
	max-width: 95%!important
}
span.subtitle, span.title2.bold {
	font-weight: 700
}
div.subtitle {
	height: 28px
}
div.image-section img, table.flex, table.top-segment {
	width: 100%
}
.text-standar {
	font-family: "robotoregular"
}
select.category {
	width: 50%
}
div.section-background {
	background: #ffe6a8;
	height: 35px
}
div.title {
	margin-left: 20px;
	padding-top: 8px
}
div.personaliz {
	background: #fbfbfb;
	margin-top: 0
}
body.background-b {
	background-color: #ffecc5
}
img.width-icon {
	width: 20px
}
.margin-top {
	padding-top: 8px!important
}
.robotoregular.size {
	font-size: 14px
}
.background-y {
	background-color: #ffe3a9;
	font-weight: 700
}
.post-list.top {
	margin-top: 112px
}
.landing-background {
	background: rgba(0,142,73,.46);
	display: table-cell;
	position: relative;
	z-index: 5;
	width: 100%;
	height: 34px;
	padding-top: -5px;
	margin-top: -3px
}
.landing-text {
	color: #fff;
	font-size: 14px;
	margin: 10px 2%;
	text-align: justify
}
a.coral {
	color: #fe3db3
}
div.section-float-footer-a table, div.section-grit-profile table, div.term-condition {
	width: 100%
}
table.term-condition {
	margin-left: auto!important;
	margin-right: auto!important;
	text-align: center
}
.description.margin-top {
	margin-top: 8px;
	color: #fff
}
input.checkbox-format {
	width: 16px
}
.wrap {
	width: 85%
}
div.section-float-footer {
	position: relative;
	z-index: 5;
	width: 100%;
	margin-top: 135px
}
div.section-float-footer-video {
	position: relative;
	z-index: 4;
	width: 100%;
	margin-top: 106px;
	margin-bottom: -3px
}
div.section-float-footer-a {
	position: fixed;
    z-index: 5;
    width: 100%;
    height: 34px;
    bottom: 0;
    background: #01610a;
    margin-top: -4px;
	text-align: center;
}

div.footer-back1 {
    background: #02719b;
}

div.footer-back2 {
    background: #004300;
}


div.section-float-footer-a table td.left {
	width: 30%
}
div.section-float-footer-a table td.right {
	width: 70%
}
div.section-grit-profile {
	background: rgba(0,0,0,.3)
}
div.section-grit-profile table td.left {
	width: 30%
}
div.section-grit-profile table td.right {
	width: 70%
}
div.margin {
	margin-left: 10px;
	margin-right: 10px
}
div.margin-top {
	margin-top: 14px
}
div.margin-center {
	margin-left: 8%;
	margin-right: 8%
}
div.align-element, div.description.center {
	text-align: center
}
p.content-text {
	text-align: center!important;
	margin-top: 11px
}
p.content-text.align-left {
	text-align: left!important
}
div.section-form {
	margin-left: 60px;
	margin-right: 60px
}
.button-radius {
	border-radius: 10px;
	width: 125px
}
input:focus {
	background-color: #ff0
}
.subtitle.margin-bottom {
	margin-bottom: 5px
}
.circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%
}
.separate-image, .separate-video {
	margin-left: 20px;
	margin-right: 20px
}
.separate-video {
	padding-top: 10px;
	padding-bottom: 10px
}
.border-write {
	border: 3px solid #fff
}
img.static-img {
	width: 82px
}
.align-left {
	text-align: left!important
}
.align-right {
	text-align: right!important
}
div.float-center-title {
	position: relative;
	margin-top: 30px;
	z-index: 5;
	width: 100%
}
.main-section.min-with {
	min-width: 100px
}
.font-color {
	color: #fff
}
div.section-b {
	background: rgba(25,0,0,.80);
	display: inline-block;
	width: 100%;
	z-index: 5
}
.no-margin {
	margin-bottom: 0!important
}
button.transparent-button {
	background: 0 0!important;
	border: 2px solid #fff;
	line-height: normal;
	font-weight: 700
}
.copy-right {
	font-size: 11px!important;
	margin-top: 12px
}
.img-logo {
	width: 160px
}
.img-top-alfa-separation {
	padding-top: 10px;
	padding-bottom: 10px
}
.layer-front {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1
}
.landing-logo-img {
	position: relative;
	text-align: center;
	top: 24px;
	z-index: 5;
	width: 100%
}
.font-size-title1 {
	font-size: 25px!important
}
.font-size-title2 {
	font-size: 14px!important;
	margin-top: 20px!important
}
.video-init {
	width: 100%
}
button.subscribe {
	border-radius: 9px;
	width: 200px;
	height: 32px;
	border: 0 solid #026d69;
    background: rgba(2,109,105,.80);
    font-weight: 900;
    color: #fff;
}

button.subscribe2 {
	border-radius: 9px;
	width: 200px;
	height: 32px;
	border: 0 solid #feef00;
    background: #fefb0f;
    font-weight: 900;
    color: #000;
}

button.subscribe3 {
	border-radius: 9px;
	width: 200px;
	height: 32px;
	border: 0 solid #31c010;
    background: rgba(49,192,16,.80);
    font-weight: 900;
    color: #fff;
}

div.section-button-play {
	position: absolute;
	float: right;
	right: 0;
	padding-top: 16.4%;
	padding-right: 46%;
	z-index: 6
}
div.section-button-play button {
	background: 0 0;
	border: 0
}
div.section-button-play button img {
	width: 23px
}
div.section-button-mute {
	position: absolute;
	float: left;
	left: 9px;
	margin-top: -34px;
	padding-left: 0;
	z-index: 4
}
div.section-button-mute button {
	background: 0 0;
	border: 0;
	width: 30px;
	height: 28px
}
div.section-button-mute button img, table.row_comment td * td {
	width: 20px
}
div.section-button-pause, div.section-button-reload {
	position: absolute;
	float: left;
	left: 9px;
	margin-top: -27px;
	margin-left: 23px;
	z-index: 4
}
div.section-button-pause button, div.section-button-reload button {
	background: 0 0;
	border: 0
}
div.section-button-pause button img, div.section-button-reload button img {
	width: 17px
}
div.section-button-pause {
	margin-left: 45px
}
.height-font {
	height: 25px!important
}
div.resize div.box-wrap-text {
	height: 2.972%
}
textarea.input-comment {
	height: auto
}
td.menu-right-transactional.menu-hide .img-t img {
	display: none
}
form#registrocorreo span {
	color: #fff;
	font-size: 14px
}
form#registrocorreo #correo {
	background: #fff;
	border: 1px solid #000;
	height: 28px;
	padding-left: 10px;
	width: 200px
}
.main-section.format-transactional {
	background-color: #fff
}
.slider.slider-out-menu ul.slick-dots {
	position: inherit;
	margin-top: 25px
}
.slider.slider-out-menu ul.slick-dots li button {
	border: 2px solid #6e6f72
}
.slider.slider-out-menu ul.slick-dots li.slick-active button {
	background: #6e6f72
}
img.image-icon {
	width: 28px;
	margin-top: 1px;
	margin-bottom: 1px
}
img.image-icon-2 {
	width: 55px;
	margin: 1px 4px
}
table.info-paid {
	width: 300px
}
table.info-paid td {
	width: 10px
}
.form-icon-transactional {
	width: 31px;
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px
}
.transactional-checked {
	width: 28px;
	position: relative;
	float: right;
	margin-top: -31px;
	margin-right: 5px
}
.input-radius-transactional {
	border-radius: 20px;
	border: 1px solid #ddd!important;
	background: #ddd!important;
	font-weight: 700;
	font-size: 17px!important
}
.form-transactional td {
	vertical-align: baseline;
	padding-top: 2px
}
div.separation-min {
	height: 10px
}
div.add-card button {
	width: 100%;
	background-color: #acafda;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0;
	height: 59px
}
div.add-card button span {
	vertical-align: 12px;
	color: #2d2e2e;
	font-size: 30px
}
span.title2 {
	font-size: 20px;
	padding-right: 20px
}
.footer-bottom-price {
	background: #d6bfe4
}
.width-dinamic {
	width: 100%
}
.width-dinamic-80 {
	width: 80%;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%
}
.tem-and-condition {
	color: #dadada;
	font-size: 25px
}
.tem-and-condition.subtitle-term {
	color: #dadada;
	font-size: 15px;
	text-align: justify
}
table.option-transaction {
	font-weight: 700;
	font-size: 12px
}
table.option-transaction .underline-section {
	border-bottom: 2px solid #cfcfcf;
	margin-top: 15px
}
table.option-transaction .underline-section.selected {
	margin-top: 19px;
	border-bottom: 2px solid #232323
}
.confirmation {
	color: #57167d
}
table.option-transaction .confirmation .underline-section.selected>div {
	border: 1px solid #57167d;
	background: #57167d
}
table.option-transaction .confirmation .underline-section.selected {
	margin-top: 16px;
	border-bottom: 2px solid #57167d
}
.title-confirm {
	font-size: 24px;
	font-weight: 700;
	color: #57167d
}
.finish {
	color: green
}
table.option-transaction .finish .underline-section.selected>div {
	border: 1px solid green;
	background: green
}
table.option-transaction .finish .underline-section.selected {
	margin-top: 16px;
	border-bottom: 2px solid green
}
.no-finish {
	color: #bb272b
}
.sad {
	width: 50%
}
.subtitle-transactional-B {
	color: #bb272b
}
.subtitle-transactional-B, .subtitle-transactional-C {
	font-size: 19px;
	font-weight: 700
}
.close-transactional {
	width: 100%;
	text-align: right;
	margin-right: 20px
}
.icon-transactional {
	margin-right: 28px;
	margin-top: 13px;
	margin-bottom: 21px
}
table.option-transaction .no-finish .underline-section.selected>div {
	border: 1px solid #bb272b;
	background: #bb272b
}
table.option-transaction .no-finish .underline-section.selected {
	margin-top: 16px;
	border-bottom: 2px solid #bb272b
}
table.option-transaction .underline-section>div {
	position: relative;
	float: left;
	margin-top: -9px
}
table.option-transaction .underline-section.selected>div {
	border: 1px solid #000;
	width: 18px;
	height: 18px;
	border-radius: 10px;
	background: #232323;
	margin-left: 47%;
	text-align: center;
	margin-right: auto
}
.count-transactional-car {
	position: relative;
	float: right;
	right: 43px;
	margin-top: 1px;
	font-size: 15px;
	font-weight: 700
}
.plus-transactional a:hover, .plus-transactional a:link, .plus-transactional-car a:active, .plus-transactional-car a:visited {
	text-decoration: none!important;
	color: #cdcccc
}
.price-a {
	font-size: 20px;
	color: #303030
}
.color-personal {
	background-color: #d7d7d7!important;
	border: 1px solid #d7d7d7;
	color: #8f8f8f;
	/*-webkit-border-radius: 3px;*/
	width: 100%;
	font-size: 19px;
	height: 45px
}
.color-personal, .color-personal.back, .color-personal.confirmation {
	-moz-border-radius: 3px;
	border-radius: 6px;
	text-transform: none
}
.color-personal.confirmation {
	/*-webkit-border-radius: 3px;*/
	background-color: #008e49!important;
	border: 1px solid #008e49;
	color: #fff;
	width: 262px;
	font-size: 19px;
	height: 32px
}
.color-personal.back {
	background-color: #fff!important;
	border: 1px solid #c2adce;
	color: #404141;
	width: 100%;
	font-size: 26px;
	height: 62px
}
tr[toTitle] td {
	height: 1px
}
tr[toTitle] td span {
	margin-left: 10px;
	color: #8f8f8f
}
tr[fromTitle]>td:first-child {
	width: 50px
}
.icon-checkbox.transactional {
	color: #474747;
	font-size: 31px;
	margin-top: -8px
}
.font-p {
	font-size: 19px;
	color: #6e6f72
}
.font-q {
	font-weight: 700
}
.font-q, .font-r {
	font-size: 17px
}
.btn-view-trasnactional {
	border-radius: 8px;
	border: 0 solid #303030;
	background: #f1a648;
	color: #303030;
	width: 70px;
	font-size: 13px;
	font-weight: 700;
	height: 29px;
	margin-right: 20px
}
.price-c {
	width: 20px;
	font-size: 21px;
	color: #bb272b;
	font-weight: 700
}
.term-link-transactional {
	text-decoration: underline;
	color: #3d5afe;
	font-weight: 700
}
.font-size-text, .limittext {
	margin-right: 10px
}
.font-size-text {
	text-align: left;
	font-size: 13px;
	font-family: "robotoregular"
}
.font-size-text.margin-right {
	margin-right: 18px
}
.segment-content-transactional, .segment-content-transactional2 {
	width: 98%
}
.row.origin {
	height: auto;
	border-bottom: none;
	width: auto
}
.row.section-article {
	background-color: #fff;
	border-top: 0 solid #cdcccc;
	border-bottom: 0 solid #cdcccc;
	margin-bottom: 15px
}
td.menu-right-transactional {
	background: #d6bfe4
}
.subtitle-5-transactional {
	font-size: 25px;
	font-weight: 700;
	padding-top: 17px
}
div.pas-trasnactional {
	border: 1px solid #bebebe;
	border-radius: 44px;
	background: #bebebe;
	width: 25px;
	height: 25px;
	padding-top: 2px
}
.height-text {
	min-height: 32px
}
.pas2trasnactional {
	font-size: 12px;
	font-weight: 700
}
table.pas3trasnactional {
	width: 100%
}
table.pas3trasnactional table {
	margin-left: 5px;
	margin-right: 5px
}
button.my_button-transactional, button.my_button-transactional2 {
	background-color: #f6ac38;
	width: 100%;
	border: 0 solid #303030;
	height: 35px;
	font-weight: 700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 6px;
	margin-top: 10px;
	font-size: 19px
}
button.my_button-transactional2 {
	height: 32px;
	width: 238px;
	margin-left: auto;
	margin-right: auto
}
button.my_button-transactional.disabled {
	background-color: #d6bfe4;
	color: #636262;
	border: 1px solid #d6bfe4
}
.transactional-sectional {
	background: #fff;
	padding: 25px
}
button.my_button-transactional2.disabled {
	background-color: #427730;
	color: #fff;
	border: 1px solid #427730;
	height: 32px;
	font-size: 16px;
	font-weight: unset;
	width: 262px
}
button.my_button-transactional.simple {
	background-color: #fff;
	color: #636262;
	border: 0 solid #bcbec0
}
button.my_button-transactional.pay {
	background-color: #d6bfe4;
	color: #fff;
	border: 1px solid #d6bfe4
}
td.format-transactional-td {
	height: 40px;
	vertical-align: baseline
}
td.val-transactional {
	height: 72px;
	vertical-align: top
}
td.menu-right-transactional.menu-hide {
	width: 18px
}
td.menu-right-transactional.menu-show {
	width: 75px
}
td.menu-right-transactional.menu-show .img-t {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
td.menu-right-transactional.menu-show .img-t img {
	margin-left: 1vw;
	margin-right: 1vw;
	min-width: 25px
}
.section-margin-transactional {
	margin-top: 10px
}
.content-table-transactional {
	width: 100%;
	margin-top: 0
}
.content-table-transactional .width-standar {
	width: 10px
}
.transactional-filter {
	width: 23px;
	text-align: right;
	margin-left: auto;
	margin-right: 12px;
	float: right;
	margin-top: 3px
}
.font-size-standar, .rateYo-transactional-car {
	font-size: 13px
}
.container.top {
	margin-top: 30px
}
.rateYo-transactional-car td*td {
	width: 50px
}
.row.border {
	border-top: 2px solid rgba(110,111,114,.4);
	border-bottom: 2px solid rgba(110,111,114,.4);
	margin-left: 1px;
	margin-right: 1px
}
.rateYo-align-right {
	width: 134px;
	margin-left: auto
}
.rateYo-align-right2 {
	width: 202px
}
.section_transaction_pay img {
	width: 33px
}
.pied-transaction {
	margin-top: 26px
}
.pied-transaction, .pied-transaction2 {
	font-weight: 700;
	color: #6e6f72;
	font-size: 20px
}
.price-paid-transactional {
	height: 44px;
	padding-top: 8px
}
.price-color-transactional {
	color: #e00000
}
.margin-section-product, .wallpapers-carousel.influenciadores li {
	margin: 10px
}
.top-block-transactional {
	background: #fff;
	margin-top: -9px
}
.favorite {
	position: absolute;
	float: left;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.93);
	z-index: 10;
	top: 0
}
.transactional-ul {
	list-style: none;
	font-size: 13px;
	font-family: "robotoregular";
	margin-right: 10px
}
.transaction-color {
	color: #6e6f72
}
.pied-transaction.color, .pied-transaction2.color {
	color: #d13f3f
}
.img-det-product-transactional {
	width: 35px;
	margin-right: 10px
}
.pied-transaction.module-paid {
	color: #414141;
	text-decoration: line-through
}
.multimedia-transactional {
	font-weight: 700;
	font-size: 14px
}
.multimedia-transactional td:first-child {
	width: 60px
}
a.accordion:active, a.accordion:hover, a.accordion:link, a.accordion:visited {
	text-decoration: none;
	color: #303030
}
.section-details-module {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #cdcccc!important;
	padding-bottom: 10px
}
.plus-transactional {
	font-size: 29px;
	padding-right: 5px;
	padding-left: 5px
}
.row.border>div {
	padding-top: 14px;
	padding-bottom: 14px
}
.row.border>div a {
	vertical-align: sub
}
select.standar-a {
	border-radius: 6px;
	width: 263px!important;
	height: 40px;
	color: #838484;
	border: 1px solid #bcbec0;
	padding: 0 0 0 27px
}
select.standar-a.country {
	border: 1px solid #f6ac38
}
.bill-transactional {
	width: 50px
}
.input-comment {
	background: 0 0;
	border-radius: 7px;
	border: 1px solid #f8cc87;
	height: 40px
}
.input-comment, table.row_comment {
	width: 100%;
	color: #fff
}
.font-color-transactional {
	color: #fff
}
.font-size-transactional {
	font-size: 14px
}
.font-size-transactional.align {
	margin-left: -15px
}
.car-icon-index img, .car-icon-index2 img, .icon-pay-car {
	width: 28px
}
.icon-pay-car.top {
	margin-top: 18px
}
.car-icon-index {
	margin-right: 36px;
	float: right;
	margin-top: 6px
}
.car-icon-index2 {
	margin-right: 6px;
	float: right;
	margin-top: -2px
}
.top-con-slider-transactional {
	margin: 10px;
	padding: 10px;
	background: #c0abcd
}
.font-transacional, a.link-transactional:active, a.link-transactional:hover, a.link-transactional:link, a.link-transactional:visited {
	color: #fff
}
.font-transacional-2 {
	font-size: xx-large
}
table.transactional-toping {
	width: 100%
}
table.transactional-toping td.width {
	width: 24px
}
.container-top-slider-transactional {
	margin: 7px;
	padding: 0;
	background: #c0abcd
}
.container-top-slider-transactional .products-transactional {
	width: 69px;
	padding: 2px
}
.no-hover-transactional:hover {
	color: inherit;
	text-decoration: none
}
.flex-comment {
	width: 10px;
	margin: 2px
}
.font-color-name {
	color: #3c6d40;
	font-weight: 700
}
div.line-transactional {
	border-bottom: 1px solid #fae0b7
}
div.line-transactional-2 {
	border-bottom: 1px solid #cccdd3
}
div.color-top-transactional {
	color: #57167d
}
.subtitle-transactional {
	font-size: 14px;
	font-weight: 700;
	margin-right: 10px
}
.subtitle-transactional.top {
	margin-top: 10px
}
table.row_comment td:first-child {
	width: 100px
}
.input-comment:focus {
	background: 0 0
}
.commenter-transactional {
	width: 110px;
	border-radius: 8px;
	height: 34px;
	font-weight: 700;
	border: 0;
	background: #c4841f;
	color: #000
}
.text.text-transactional {
	font-size: 13px
}
.margin-auto-right {
	margin-left: auto
}
.margin-auto-center {
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
.row.border2 {
	border-top: 2px solid rgba(110,111,114,.4);
	border-bottom: 2px solid rgba(110,111,114,.4);
	margin: 2px 1px
}
.point_list_marcus table tr.no-modulo td, .row.border2>div {
	padding-top: 5px;
	padding-bottom: 5px
}
.margin-top-element-transactional {
	margin-top: 10px
}
.top-trash-transactional {
	float: right;
	margin-left: auto;
	margin-right: 0;
	padding-right: 0;
	width: 29px;
	margin-top: -3px
}
.top-trash-transactional img {
	width: 21px
}
.slider {
	overflow-y: unset!important
}
.mt5 {
	margin-top: 5px!important
}
a.transactional-index:hover {
	text-decoration: unset
}
a.transactional-index>div, a.transactional-index>div>div {
	border: 0 solid #000;
	text-align: center
}
a.transactional-index>div>div {
	width: 100%;
	height: 32px;
	max-width: 282px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	border-radius: 7px;
	background: orange;
	color: #3f3f3f;
	font-weight: 700
}
.section-margin-transactional img {
	margin-left: 6px
}
.points_marcus {
	margin-top: 20px;
	text-align: center;
	font-size: 14px
}
span.points_marcus_number {
	color: #57167d;
	font-weight: 700
}
span.points_marcus_number2 {
	color: #464646;
	font-weight: 700
}
.line_marcus {
	border-bottom: 1px solid #57167d;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 0
}
.points_marcus div {
	text-align: center
}
.point_list_marcus, img.radius-prev {
	width: 100%;
	text-align: center
}
.point_list_marcus table, .point_list_marcus>div {
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.point_list_marcus>div {
	max-width: 400px
}
.point_list_marcus table {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 50px;
	font-size: 14px
}
.point_list_marcus table tr.modulo {
	background: #d7d7d7
}
.games-title {
	font-family: "robotoregular"
}
.article .summary-article, .article .summary-article2 {
	float: left;
	min-height: 75px;
	padding-left: 10px;
	width: 60%
}
div.box-wrap-text {
	height: 160px
}
div.resize div.box-wrap-text {
	position: absolute;
	width: 50%
}
div.resize div.box-wrap-text.before {
	right: 50%;
	margin-right: 10px
}
div.resize div.box-wrap-text.after {
	left: 50%;
	margin-left: 10px
}
div.box-wrap-text.opened, div.box-wrap-text.pathname {
	height: auto
}
div.box-wrap-text .toggle .close, div.box-wrap-text.opened .toggle .open {
	display: none
}
div.box-wrap-text .toggle .opened, div.box-wrap-text.opened .toggle .close {
	display: inline
}
.pathname {
	height: 25px
}
.article .summary-article2 {
	font-size: 13px
}
.imagen-carrusel-tienda {
	padding-left: 20px!important;
	padding-right: 20px!important;
	padding-top: 15px!important
}
.wallpapers-carousel.tienda li a:before {
	padding-top: 90%
}
.ads-carousel.tienda2 li a:before {
	padding-top: 70%;
	max-width: 119px
}
.wallpapers-carousel.influenciadores li a:before {
	padding-top: 70%
}
.ads-carousel.tienda2 li {
	margin: 10px;
	border: 1px solid #cfd0d2;
	border-radius: 5%
}
.wallpapers-carousel.tienda2 li a img {
	height: 103px!important;
	max-width: 489px;
	margin-top: -15px
}
.section-title {
	color: #000!important;
	background: #fff!important
}
.category-list.two-column li, .full-width-button {
	background: #e9ebee;
	color: #000!important;
	font-weight: 700;
	border-top: 1px solid #cfd0d2
}
img.radius-prev {
	/*-moz-border-radius: 50%;*/
	width: 40px!important;
	margin-left: 2px;
	filter: alpha(opacity=50);
	display: block;
	padding: 6px 4px 5px 5px
}
.form-title span {
	background-color: #e9ebee
}
.floating-bar {
	border-top: 1px solid #cfd0d2;
	background: #fff
}
.container, .main-section, .slick-dots, body.background {
	background: #e9ebee!important
}
a[href*='ddj.jsp'] img {
	border-radius: 2%
}
.footer-bottom-price {
	position: fixed;
	width: 100%;
	height: 94px;
	right: 0;
	bottom: 0;
	background: #009a5b;
	padding-bottom: 10px
}
.price-b {
	font-size: 35px;
	color: #fff
}
.games-title {
	text-align: center;
	color: #000;
	padding-top: 5px;
	font-size: 12px
}
.slick-dots li {
	background: 0 0
}
.slick-dots, div[id*=pop-up-transactional] .container {
	background: 0 0!important
}
.post-list .post-text, .post-list .post-title, .post-text {
	background: #e9ebee
}
.section-inventos {
	margin-left: 10px
}