body {
	font-family: Cairo;
	background-image: url("/layout/website/background.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

/* Esconde o widget de seleção de idioma e o texto "Powered by Google" */
.goog-te-gadget,
.goog-te-gadget .goog-te-combo,
.goog-te-gadget .goog-logo-link,
.goog-te-gadget .goog-te-gadget-simple,
.goog-te-gadget .goog-te-banner-frame,
.goog-te-gadget .goog-te-balloon-frame {
    display: none !important;
}

/* Adicional: Esconde a div que pode conter o seletor de idioma */
#google_translate_element {
    display: none !important;
}

.header {
	position: relative;
	width: 941px;
	height: 150px;
	margin: auto;
}

.header .logo {
	position: relative;
	width: 267px;
	height: 62px;
	background-image: url("/layout/website/logo.png");
	background-repeat: no-repeat;
	background-position: 0%;
	left: 50%;
	top: 15%;
}

.header .pokeday {
	position: absolute;
	width: 180px;
	height: 45px;
	background-image: url("/layout/website/pokeoftheday.png");
	background-repeat: no-repeat;
	background-position: 0%;
	left: 80%;
	top: 1%;
}

.header .pokeday .pokemon {
	position: relative;
	width: 90px;
	height: 90px;
	/* background-image: url("/layout/website/pokemon/oddish.gif"); */
	background-repeat: no-repeat;
	background-position: center;
	margin: auto;
	top: 100%;
}

.header .pokeday .pokemon img {
	width: 79px;
	height: 79px;
	margin: auto;
}

.header .socialContainer {
	position: absolute;
	display: flex;
	/* background-color: red; */
	width: 276px;
	height: 48px;
	top: -2%;
}

.header .socialContainer .button {
	position: relative;
	font-size: 21px;
	width: 30px;
	height: 30px;
	border-radius: 20px;
	background-color: #8989896e;
	color: #fce501;
	top: 20%;
	left: -2%;
	margin-left: 1.2%;
}

.header .socialContainer .button i {
	position: relative;
	top: -10%;
	left: 25%;
}

.header .socialContainer .button a {
	position: relative;
	text-decoration: none;
	color: white;
}

.header .socialContainer .button i:hover::after {
	font-family: Cairo;
	content: attr(data-title);
    background-color: #2a2a2a;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
	border-bottom: 3px solid #f71169;
    font-size: 19px;
    line-height: 14px;
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
	transition-property: opacity, left, top, height;
}

.menu {
	position: relative;
	width: 737px;
	height: 70px;
	background-image: url("/layout/website/accbox_bg.png");
	background-repeat: no-repeat;
	background-position: right;
	background-color: #243478;
	border-radius: 10px;
	top: 45%;
}

.menu .container {
	position: absolute;
	width: 467px;
	height: 30px;
	top: 29%;
	left: 1%;
}

.menu .container .subContainer {
	position: relative;
	display: flex;
	left: -5%;
}

.menu .container .content {
	color: white;
	margin-left: 5.1%;
	cursor: pointer;
}

.menu .container .content a {
	text-decoration: none;
	color: white;
}

.menu .container .content i {
	position: absolute;
	margin-left: 1%;
	margin-top: 1.5%;
	cursor: default;
}

.menu .divisor {
	position: relative;
	width: 36%;
	height: 1px;
	background-color: #3697e1;
	top: 79%;
	left: 1%;
}

.menu2 {
	position: relative;
	display: flex;
	width: 737px;
	height: 70px;
	top: 107%;
}

.menu2 .torneioMensal {
	width: 200px;
	height: 56px;
	background-image: url("/layout/website/miniatura-torneio-mensal.png");
	background-repeat: no-repeat;
	border-radius: 10px;
}

.menu2 .casteloRanking {
	position: relative;
	width: 528px;
	height: 56px;
	background-image: url("/layout/website/mewtwoBar.png");
	background-repeat: no-repeat;
	background-position: right;
	background-color: #5d4362;
	border-radius: 10px;
	left: 1%;
}

.menu2 .casteloRanking .clanContainer {
	position: relative;
	display: flex;
	width: 296px;
	height: 43px;
	top: 12%;
	left: 1%;
}

.menu2 .casteloRanking .clanContainer .clan {
	position: relative;
	border-radius: 50px;
	border: 1px solid red;
	width: 37px;
	height: 37px;
	top: 6%;
	left: 0%;
	margin-left: 2%;
	cursor: pointer;
}

.menu2 .casteloRanking .clanContainer .clan img {
	border-radius: 50px;
	width: 37px;
	height: 37px;
}

.newscont {
	position: absolute;
	width: 733px;
	min-height: 100px auto;
	background-color: rgb(255 255 255);
	border-radius: 10px;
	top: 177%;
	line-break: anywhere;
}

.newscont .createTitle {
	position: relative;
	left: 3%;
}

.newscont .createBanner {
	position: absolute;
	width: 492px;
	height: 71px;
	background: url("/layout/website/register/characters_background.png");
	background-repeat: no-repeat;
	background-position: 72%;
	border-radius: 10px;
	top: 1%;
	left: 31.5%;
}

.newscont .loginTitle {
	position: relative;
	left: 3%;
}

.newscont .loginBanner {
	position: absolute;
	width: 492px;
	height: 71px;
	background: url("/layout/website/register/characters_background.png");
	background-repeat: no-repeat;
	background-position: 72%;
	border-radius: 10px;
	top: 1%;
	left: 28.5%;
}

.newscont .globalTitle {
	position: relative;
	left: 3%;
}

.newscont .globalBanner {
	position: absolute;
	width: 492px;
	height: 71px;
	background: url("/layout/website/register/characters_background.png");
	background-repeat: no-repeat;
	background-position: 72%;
	border-radius: 10px;
	top: -12%;
	left: 28.5%;
}

/* .newscont .globalBanner i {
	z-index: 10;
} */

.newscont .globalTitle i:hover::after {
	font-family: Cairo;
	content: attr(data-title);
    background-color: #2a2a2a;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
	border-bottom: 3px solid #f71169;
	font-size: 19px;
    line-height: 14px;
    display: block;
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
	transition-property: opacity, left, top, height;
}

.newscont .subtitle {
	position: relative;
	font-size: 13px;
	text-align: center;
	margin-top: -3.2%;
}

.newscont .formTab {
	position: relative;
	width: 716px;
	height: 52px;
	border-radius: 5px;
	background-color: rgba(128, 128, 128, .09);
	margin: auto;
}

.newscont .formTab .name {
	position: relative;
	top: 25%;
	left: 0%;
}

.newscont .formTab img {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-top: 1%;
}

.newscont .formTab .name .title {
	position: absolute;
	font-weight: 700;
	left: 5%;
	top: 0%;
	z-index: 2;
}

.newscont .accountCamp {
	position: relative;
	width: 733px;
	height: 298px auto;
	/* background-color: blue; */
}

.newscont .accountCamp .field {
	position: relative;
	width: 715px;
	height: 66px;
	margin: auto;
	border-radius: 10px;
	/* background-color: red; */
}

.newscont .accountCamp .field .title {
	position: relative;
	color: #333333;
	top: 25%;
	left: 4%;
}

.newscont .accountCamp .field .title button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 88px;
	height: 35px;
	cursor: pointer;
}

.newscont .accountCamp .field .title button:hover {
	background-color: #0f1a4e;
}

.newscont .accountCamp .field .button {
	position: relative;
	width: 185px;
	height: 37px;
	/* background-color: red; */
	margin: auto;
	margin-top: -5%;
	left: 35%;
}

.newscont .accountCamp .field .button button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 88px;
	height: 35px;
	cursor: pointer;
}

.newscont .accountCamp .field .button button:hover {
	background-color: #0f1a4e;
}

.newscont .accountCamp .field .info {
	position: relative;
	left: 30%;
	top: -20%;
}

.newscont .accountCamp .field .info a {
	text-decoration: none;
	color: color(srgb 0.1263 0.302 0.4139);
}

.newscont .accountCamp .field .info a:hover {
	color: #607d8b;
}

.newscont .accountCamp .field input[type=text] {
	position: relative;
	width: 227px;
	height: 33px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field input[type=password] {
	position: relative;
	width: 227px;
	height: 33px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field input[type=number] {
	position: relative;
	width: 227px;
	height: 33px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field .checkboxContainer {
	position: relative;
	display: flex;
}

.newscont .accountCamp .field .checkboxContainer input[type=checkbox] {
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	border: 2px solid #243478;
	top: -18%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .field .titleCheckbox {
	position: relative;
	color: white;
	background-color: #243478;
	border-radius: 5px;
	width: 58px;
	height: 31px;
	left: 30%;
	margin-top: -0.7%;
	text-align: center;
}

.newscont .accountCamp .field select {
	position: relative;
	width: 235px;
	height: 37px;
	webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
	background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
	border-radius: 4px;
	border: thin solid #243478;
	top: -27%;
	left: 30%;
	text-align: center;
}

.newscont .accountCamp .g-recaptcha {
	position: relative;
	left: 30%;
	margin-top: -6%;
}

.newscont .accountCamp .textCenter {
	position: relative;
	left: 33%;
	top: -21%;
}

.newscont .accountCamp .imagesContainer {
	position: relative;
	/* background-color: red; */
	width: 428px;
	height: 38px;
	left: 33%;
	top: -29%;
}

.newscont .accountCamp .imagesContainer img {
	position: relative;
	top: 25%;
	left: 3%;
}

.newscont .accountCamp .content1 {
	position: relative;
	top: 25%;
	left: 5%;
}

.newscont .accountCamp .content2 {
	position: relative;
	text-align: center;
	top: -22%;
	/* left: 3%; */
}

.newscont .accountCamp .content3 {
	position: relative;
	text-align: center;
	top: -66%;
	left: 41%;
}

.newscont .accountCamp .searchContainer {
	position: relative;
	/* background-color: red; */
	width: 94px;
	height: 35px;
	left: 64%;
	margin-top: -3.8%;
}

.newscont .accountCamp .searchContainer button {
	background-color: transparent;
	color: #078cb8;
	font-size: 18px;
	border: 0px;
	cursor: pointer;
}

.newscont .houseContainer {
	position: relative;
	display: flex;
	width: 708px;
	height: 77px;
	border-radius: 10px;
	/* background-color: red; */
	left: 1.5%;
}

.newscont .houseContainer .houseImage {
	position: relative;
	width: 62px;
	height: 62px;
	top: 5%;
	left: 2%;
}

.newscont .houseContainer .houseImage img {
	border: 1px solid #000;
	border-radius: 10px;
	width: 62px;
	height: 62px;
}

.newscont .houseContainer .houseTitle {
	position: relative;
	color: black;
	left: 8%;
	top: 20%;
	text-align: center;
}

.newscont .houseContainer .cityTitle {
	position: relative;
	color: black;
	left: 16%;
	top: 20%;
	text-align: center;
}

.newscont .houseContainer .ownerTitle {
	position: relative;
	color: black;
	left: 32%;
	top: 20%;
	text-align: center;
}

.newscont .houseContainer .priceTitle {
	position: absolute;
	color: black;
	left: 90%;
	top: 20%;
	text-align: center;
}

.newscont .guildContainer {
	position: relative;
	width: 733px;
	height: 108px;
	/* background-color: red; */
	border-radius: 10px;
}

.newscont .guildContainer .guildImage {
	position: relative;
	width: 80px;
	height: 80px;
	top: 10%;
	left: 4%;
}

.newscont .guildContainer .guildImage img {
	/* border: 1px solid #000; */
	border-radius: 10px;
	width: 80px;
	height: 80px;
}

.newscont .guildContainer .guildTitle {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: black;
	left: 27.5%;
	top: -42%;
}

.newscont .guildContainer .guildDescriptionContainer {
	position: relative;
	display: flex;
	flex-flow: column;
	/* background-color: red; */
	width: 254px;
	height: 103px;
	color: black;
	left: 45.5%;
	top: -104%;
	overflow: hidden;
}

.newscont .guildContainer .guildDescriptionContainer .description {
	position: relative;	
	text-align: center;
	top: 34%;
}

.newscont .guildContainer .guildNumber {
	position: relative;
	font-size: 17px;
	font-weight: 700;
	color: black;
	left: -7%;
	top: -166%;
	text-align: right;
}

.newscont .guildContainer a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.newscont .guildContainer a:hover {
    color: #607d8b;
}

.newscont .videosContainer {
	position: relative;
	width: 733px;
	height: 108px auto;
	/* background-color: red; */
	border-radius: 10px;
	margin-top: -4%;
}

.newscont .videosContainer .image {
	position: relative;
	margin-top: 5%;
	left: 8%;
}

.newscont .videosContainer .image img {
	border: 4px solid color(srgb 0.1263 0.302 0.4139);
	width: 124px;
	height: 94px;
}

.newscont .videosContainer img:hover {
	border: 4px solid color(srgb 0.1263 0.392 0.4115);
}

.newscont .videosContainer .title {
	position: relative;
	font-size: 1.2em;
	font-weight: 700;
	color: color(srgb 0.1263 0.302 0.4139);
	left: 30%;
	margin-top: -14%;
}

.newscont .videosContainer .description {
	position: relative;
	color: color(srgb 0.1263 0.302 0.4139);
	top: -85%;
	left: 30%;
}

.newscont .videosContainer a {
	text-decoration: none;
    color: color(srgb 0.1263 0.302 0.4139);
}

.newscont .videosContainer .title:hover {
	color: color(srgb 0.1263 0.392 0.4115);
}

.newscont .videosContainer .description:hover {
	color: color(srgb 0.1263 0.392 0.4115);
}

.newscont .accountCamp .shopContainer {
	position: relative;
	/* background-color: red; */
	width: 715px;
	height: 256px auto;
	margin: auto;
	border-radius: 10px;
	margin-top: 0%;

	/* background-color: red; */
}

.newscont .accountCamp .shopContainer .shopImage {
	position: absolute;
	width: 52px;
	left: 1%;
	margin-top: 5%;
}

.newscont .accountCamp .shopContainer .shopImage img {
	width: 52px;
	height: 52px;
}

.newscont .accountCamp .shopContainer .shopDescription {
	position: relative;
	width: 532px;
	height: 300px auto;
	left: 10%;
}


.newscont .accountCamp .shopContainer .shopDescription a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.newscont .accountCamp .shopContainer .shopDescription a:hover {
    color: #607d8b;
}

.newscont .accountCamp .shopContainer .shopDescription  .shopTitle {
	position: relative;
	font-weight: 700;
	top: 1%;
}

.newscont .accountCamp .shopContainer .shopBuy {
	position: absolute;
	width: 153px;
	height: 100px;
	/* background-color: red; */
	left: 79%;
	margin-top: -15%;
}

.newscont .accountCamp .shopContainer .shopBuy button {
	position: absolute;
	left: 45%;
	top: 1%;
	background-color: #243478;
    -moz-border-radius: 0 10px 0 10px;
    -webkit-border-radius: 0 10px 0 10px;
    border-radius: 0 10px 0 10px;
    border: 2px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    height: 35px;
    border-left: 2px solid #2196f3;
    margin-bottom: 10px;
    cursor: pointer;
}

.newscont .accountCamp .shopContainer .shopBuy .title {
	position: relative;
	font-weight: 700;
	top: 45%;
	left: 18%;
	text-align: center;
}

.ButtonContainer {
	position: relative;
	width: 170px;
	height: 38px;
	margin: auto;
	margin-top: 2%;
}

.ButtonContainer button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 170px;
	height: 38px;
	cursor: pointer;
}

.ButtonContainer button:hover {
	background-color: #0f1a4e;
}

.ButtonContainer2 {
	position: relative;
	width: 170px;
	height: 88px;
	margin: auto;
	margin-top: 2%;
	margin-left: 35%;
}

.ButtonContainer2 button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 170px;
	height: 38px;
	cursor: pointer;
}

.ButtonContainer2 button:hover {
	background-color: #0f1a4e;
}

.recoverAccount {
	position: relative;
	width: 220px;
	height: 86px;
	left: 39%;
	margin-top: 2%;
}

.createAccountContainer {
	position: relative;
	width: 446px;
	height: 129px;
	/* background-color: red; */
	margin: auto;
	margin-top: 2%;
	text-align: center;
}

.registerTerm {
	text-align: center;
	line-break: anywhere;
}

/* 738x298 */

.navigationContainer {
	position: absolute;
	width: 205px;
	height: 1809px;
	/* background-color: red; */
	top: 87%;
	left: 79%;
}

.navigationContainer .box {
	position: relative;
	font-size: 15px;
	width: 205px;
	height: 105px auto;
	background-color: rgb(255 255 255);
	border-radius: 10px;
	border-top: 35px solid #204667;
	border-bottom: 5px solid #021a58;
	line-break: anywhere;
	margin-top: 6%;
	top: -0.6%;
}

.navigationContainer .box .title {
	position: absolute;
	font-weight: 700;
	font-size: 14px;
	color: white;
	margin-top: -14%;
	margin-left: 6%;
}

.navigationContainer .box .icon {
	position: absolute;
	width: 43px;
	height: 38px;
	left: 80%;
	margin-top: -20%;
}

.navigationContainer .box .icon img {
	width: 41px;
	height: 43px;
}

.navigationContainer .contentPanelPos {
	position: relative;
	margin-top: -9%;
}

.navigationContainer .contentPanelPos .contentPanel {
	position: relative;
	/* background-color: red; */
	font-size: 16px;
	width: 100%;
	height: 37px auto;
	margin-top: 12%;
}

.navigationContainer .contentPanelPos .contentPanel a {
	text-decoration: none;
}

.navigationContainer .contentPanelPos .contentPanel .option {
	position: relative;
	left: 3.5%;
	margin-top: -5%;
}

.navigationContainer .contentPanelPos .contentPanel .button {
	position: relative;
	width: 171px;
	height: 44px;
	margin: auto;
}

.navigationContainer .contentPanelPos .contentPanel .button button {
	position: relative;
	font-size: 19px;
	color: white;
	width: 171px;
	height: 44px;
	border: 0px;
	background-color: #204667;
	border-radius: 10px;
	cursor: pointer;
}

.navigationContainer .contentPanelPos .contentPanel .button button:hover {
	background-color: #243478;
}

.navigationContainer .contentPanelPos .contentPanel .ranking {
	position: relative;
	font-size: 10px;
	color: gray;
	left: 0%;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName {
	position: absolute;
	height: 3px;
	font-size: 10px;
	color: gray;
	left: 4%;
	margin-top: 2%;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName a:hover {
    color: #607d8b;
}

.navigationContainer .contentPanelPos .contentPanel .rankingName i {
    color: grey;
}

.navigationContainer .searchContent {
	position: relative;
	width: 184px;
	height: 42px;
	left: 5%;
	margin-top: 3%;
}

.navigationContainer .searchContent input[type=text] {
	position: relative;
	font-size: 18px;
	color: #0055a7;
	width: 155px;
	height: 35px;
	text-align: center;
	border: 2px solid #243478;
	border-radius: 10px;
	top: 15%;
}

.navigationContainer .box .search {
	position: absolute;
	top: 34%;
	left: 82%;
}

.navigationContainer .box .search button {
	background-color: transparent;
	border: 0px;
	color: #078cb8;
	font-size: 18px;
	cursor: pointer;
}

/* .navigationContainer .box .search i {
	text-decoration: none;
	color: #078cb8;
} */

footer {
	position: absolute;
	width: 733px;
	height: 155px;
	background-color: rgb(255 255 255);
	border-radius: 10px;
	margin-top: 1%;
}

footer .title {
	position: relative;
	font-size: 12px;
	top: 5%;
	left: 1%;
}

footer .text {
	position: relative;
	width: 74%;
	font-size: 12px;
	top: 20%;
	left: 1%;
}

footer .logoF {
	position: relative;
	width: 102px;
	height: 99px;
	left: 85%;
	top: -55%;
}

footer .logoF img {
	position: relative;
	width: 102px;
	height: 68px;
}

h4 {
    font-size: 90%;
    padding: 0;
    margin: 0;
    border-left: 4px solid #243478;
    padding-left: 5px;
    margin-bottom: 5px;
	margin-left: 12px;
	margin-top: 15px;
}

.topicH4 {
	position: relative;
	width: 99%;
	left: 2%;
}

.topicH4 a {
    color: color(srgb 0.1263 0.302 0.4139);
}

.topicH4 a:hover {
    text-decoration: none;
    color: #607d8b;
}

.downloadThanks {
	position: relative;
	color: #80808087;
	font-size: 13px;
	left: 2%;
}

.downloadThanks i {
	color: #ff000069;
}

.divisorContent {
	position: relative;
	width: 85%;
	height: 60px;
    border-top: 1px solid #9E9E9E;
	top: 5%;
	left: 3%;
}

.divisorContent .title {
	position: relative;
	font-size: 18px;
	top: 25%;
}

.downloadSystemsContainer {
	position: relative;
	display: flex;
	width: 581px;
	height: 149px;
	/* background-color: red; */
	margin: auto;
	margin-top: -9.8%;
	justify-content: center;
}

.downloadSystemsContainer .item {
	position: relative;
	width: 71px;
	height: 71px;
	color: black;
	border: 1px solid black;
	top: 18%;
	left: -5%;
	margin-left: 5%;
	cursor: pointer;
}

.downloadSystemsContainer .item i {
	position: relative;
	display: flex;
	font-size: 32px;
	top: 26%;
	justify-content: center;
}

.downloadSystemsContainer .item .title {
	position: relative;
	color: black;
	top: 51%;
	text-align: center;
}

.downloadButton {
	position: relative;
	width: 360px;
	height: 70px;
	/* background-color: red; */
	margin: auto;
}

.downloadButton button {
	width: 360px;
	height: 70px;
	background: #2196F3;
	border-radius: 10px;
	border: 0px;
	color: white;
	cursor: pointer;
}

.downloadButton button:hover {
	background-color: #03A9F4;
}

.downloadInformations {
	color: grey;
	text-align: center;
}

.downloadInformations a {
    color: color(srgb 0.1263 0.302 0.4139);
}

.downloadInformations a:hover {
    text-decoration: none;
    color: #607d8b;
}

.driversTitle {
	position: relative;
	color: grey;
	left: 3%;
}

.driversTitle i {
	color: #FF5722;
}

.writeProblemsTitle {
	position: relative;
	color: grey;
	left: 3%;
}

.writeProblemsTitle i {
	color: #FF5722;
}

.map {
	position: relative;
	margin-top: 1%;
	left: 2%;
}

.newTable {
	position: relative;
	display: flex;
	width: 715px;
	height: 47px;
	background: #243478;
	border-radius: 10px;
	margin: auto;
}

.newTable .button {
	position: relative;
	font-weight: 700;
	font-size: 14px;
	color: white;
	width: 103px;
	height: 36px;
	top: 24%;
	left: 3%;
}

.rulesContainer {
	position: relative;
	width: 715px;
	height: 390px auto;
	/* background-color: red; */
	margin: auto;
	overflow: hidden;
}

.rulesContainer .info {
	position: relative;
	left: 2%;
}

.pt-br {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 10%;
	cursor: pointer;
}

.en {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 26%;
	cursor: pointer;
}

.es {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 26%;
	cursor: pointer;
}

.en {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 42%;
	cursor: pointer;
}

.german {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 58%;
	cursor: pointer;
}

.swedish {
	position: absolute;
	width: 31px;
	height: 23px;
	top: 9%;
	left: 74%;
	cursor: pointer;
}

.statusAccountContainer {
	position: relative;
	width: 725px;
	height: 110px;
	/* background-color: red; */
	margin: auto;
}

.statusAccountContainer .status {
	position: relative;
	top: 15%;
	left: 2%;
}

.statusAccountContainer .title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	left: 17%;
	top: -43%;
}

.statusAccountContainer .subtitle {
	position: relative;
	left: -9%;
	top: -23%;
}

.statusAccountContainer .subtitle a {
    color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.statusAccountContainer .subtitle a:hover {
    color: #607d8b;
}

.shareContainer {
	position: relative;
	width: 725px;
	height: 110px;
	/* background-color: red; */
	margin: auto;
}

.shareContainer .status {
	position: relative;
	top: 15%;
	left: 2%;
}

.shareContainer .title {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	left: 17%;
	top: -43%;
}

.shareContainer .subtitle {
	position: relative;
	font-size: 12px;
	left: -6%;
	top: -23%;
}

.shareContainer .subtitle a {
    color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.shareContainer .subtitle a:hover {
    color: #607d8b;
}

.operationsContainer {
	position: relative;
	display: flex;
	width: 533px;
	height: 107px;
	/* background-color: red; */
	margin: auto;
	left: -21%;
}

.operationsContainer .button {
	position: relative;
	width: 85px;
	height: 37px;
	top: 25%;
	margin-left: 11%;
}

.operationsContainer .button button {
	background-color: #243478;
	color: white;
	border-radius: 10px;
	border: 0px;
	width: 150px;
	height: 38px;
	cursor: pointer;
}

.operationsContainer .button button:hover {
	background-color: #0f1a4e;
}

.backAccount {
	position: relative;
	left: 2%;
}

.backAccount a {
	color: color(srgb 0.1263 0.302 0.4139);
	text-decoration: none;
}

.backAccount a:hover {
    color: #607d8b;
}

.error-box {
    margin: 10px 5;
    line-height: 2.2em;
    color: #ff6a72;
    background-color: #ffd2d236;
    border: 1px solid red;
    border-radius: 10px;
    text-align: center;
}

.questsContainer {
	position: relative;
	width: 700px;
	height: 172px auto;
	margin: auto;
	text-align: center;
	top: 2%;
}

.questsContainer div {
	display: inline-block;
}

.badgesContainer {
	position: relative;
	width: 700px;
	height: 172px auto;
	margin: auto;
	text-align: center;
	top: 2%;
}

.badgesContainer div {
	display: inline-block;
}

.donateShopLabel a {
	text-decoration: none;
	color: color(srgb 0.1263 0.302 0.4139);
}

.donateShopLabel a:hover {
	color: #607d8b;
}

.shopBar {
	position: fixed;
	width: 715px;
	height: 55px;
	background-color: #243478;
	border-radius: 10px;
	bottom: 0%;
	z-index: 99999;
	opacity: .9;
}

.shopBar .content {
	position: relative;
	display: flex;
	justify-content: center;
}

.shopBar .content .option {
	color: white;
	font-size: 16px;
	font-weight: 700;
	margin-top: 1.5%;
	margin-left: 1%;
	cursor: pointer;
}

.shopBar .content .option:hover {
	color: black;
}

.shopBar .content .option a {
	text-decoration: none;
	color: white;
}

.shopBar .content .option a:hover {
	color: black;
}

.paymentMethodContainer {
	position: relative;
	display: flex;
	justify-content: center;
	width: 672px;
	height: 340px;
	margin: auto;
	/* background-color: red; */
}

.paymentMethodContainer .method {
	position: relative;
	top: 1%;
}

.paymentMethodContainer .method img {
	position: relative;
	top: 4%;
}


.paymentMethodContainer .method .title {
	position: relative;
	top: 1%;
}

.paymentMethodContainer .method .title .option {
	position: relative;
	height: 22px;
}

.copyCode input[type=text] {
	position: relative;
	width: 468px;
	height: 35px;
}

.copyCode .button {
	position: absolute;
	width: 34px;
	height: 35px;
	margin-top: -4.9%;
	left: 81%;
}

.copyCode .button button {
	position: relative;
	font-size: 17px;
	color: white;
	background-color: #243478;
	border: 0px;
	width: 34px;
	height: 36px;
	cursor: pointer;
}

.copyCode .button button:hover {
	background-color: #0f1a4e;
	transition-duration: 1s;
}

.development {
	position: relative;
	font-size: 14px;
	top: -43%;
	text-align: center;
}

.development .author {
	display: inline-block;
	color: red;
	cursor: pointer;
}

.development .author a {
	text-decoration: none;
	color: red;
}

.development .author a:hover {
	color: rgb(255, 103, 103);
	zoom: 105%;
}

.development .author:hover {
	color: rgb(255, 103, 103);
	zoom: 105%;
}

.lineNews {
	position: absolute;
	background-color: rgb(179, 179, 179);
	border-top: 35px solid #0f76cb;
	width: 2px;
	height: 90px;
	left: 1.8%;
}

.subtitleNews {
	position: relative;
	font-weight: 700;
	font-size: 14px;
	color: #4f9bb3;
	width: 291px;
	height: 30px;
	left: 3.9%;
	top: 8.7%;
}

.news {
	position: relative;
	width: 691px;
	height: 129px auto;
	margin: auto;
	/* background-color: red; */
	margin-top: 0%;
	left: 1%;
}

.news img {
	width: 600px;
	height: 600px;
}

.commentInstagram {
	position: relative;
	color: color(srgb 0.1263 0.302 0.4139);
	font-weight: 700;
}

.commentInstagram:hover {
	color: #607d8b;
}

.commentInstagram a {
	position: relative;
	text-decoration: none;
	color: color(srgb 0.1263 0.302 0.4139);
	font-weight: 700;
}

.commentInstagram a:hover {
	color: #607d8b;
}