/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html {
	height: 100%;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

input[type="submit"] {
	border: none;
}

@font-face {
	font-family: 'Montserrat Light';
	src: url('fonts/Montserrat-Light.ttf'),
		url('fonts/Montserrat-Light.woff') format("woff");
	font-weight: 300;

}

* {
	font-family: 'Montserrat Light';
}


table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	line-height: 2;
}

.page1 {
	height: 100%;
	background: -o-linear-gradient(10deg, #ffffff 42%, #81d2ff 29%, #81d2ff 58%, #81d2ff 96%);
	background: -o-linear-gradient(80deg, #ffffff 42%, #81d2ff 29%, #81d2ff 58%, #81d2ff 96%);
	background: linear-gradient(10deg, #ffffff 42%, #81d2ff 29%, #81d2ff 58%, #81d2ff 96%);
	width: 100%;
}

body > div.container > div.level > table > tbody > tr > td {
	color: white;
}

.page3 {
	height: 100%;
	background-image: url(../images/photo-1467318339494-a32c2ada54d4.png);
	background-position: left;
	background-repeat: no-repeat;
	background-size: 60% 100%;

}

.page6 {
	height: 100%;
	background: -o-linear-gradient(left, #fff 25%, #fffba0 10%);
	background: -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(10%, #fffba0));
	background: linear-gradient(90deg, #fff 25%, #fffba0 10%);
}

.page40 {
	height: 100%;
	background: #fffba0;
}

.levels {
	height: 100%;
	background: #8cbce0;
}

.intro {
	height: 100%;
	background: #75bde1;
}

.competition {
	width: 100%;
	height: 100%;
	background-image: url(../images/photo-1467318339494-a32c2ada54d4.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

body {
	height: 100vh;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	padding: 10px;
}


a {
	text-decoration: none;
	color: black;
}

.menuLi {
	font-size: 3vw;
	line-height: 1.5;
	text-transform: lowercase;
}

.menuLi:hover {
	color: red;
}

.levelLink > .activeLevel {
	color: red;
}

.container {
	text-align: center;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;

}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/Montserrat-Light.ttf?v=4.4.0') format('truetype');
	src: url('../fonts/Montserrat-Light.woff?v=4.4.0') format('woff');
	font-weight: normal;
	font-style: normal;
}

.fa {
	display: inline-block;
	font-size: inherit;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.modalCongratulation {
	text-align: center;
	width: 100%;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	height: 100%;
	overflow-y: scroll;

}

.logo {
	width: 500px;
	height: 500px;

}

.logo > img {
	max-width: 500px;
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	padding: 80px;
}

.logoP3 > img {
	max-width: 650px;
	width: 120vw;
	position: absolute;
	-webkit-transform: translate(-35%, 25%);
	-ms-transform: translate(-35%, 25%);
	transform: translate(-35%, 25%);
}

.logoP6 > a > img {
	max-width: 600px;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 25%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 10px;
}


.logoSmall > a > img {
	width: 250px;
	height: 250px;
	margin-left: 125px;
}

.topPage13 > .logoSmall > a > img {
	width: 250px;
	height: 250px;
	margin-left: 50px;
}

.leftSideP3,
.leftSideP6 {
	text-align: left;
}

.fa {
	padding: 10px;
	width: 25px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	margin: 5px 0px;
	border-radius: 50%;
	text-rendering: optimizeLegibility;
}

.socialIconsSmall > a:before {
	font-size: 25px;
	font-weight: 100;
	text-rendering: optimizeLegibility;
}

.fa:hover {
	opacity: 0.7;
}

.fa-facebook {
	border: 2px solid black;
	color: black;
	text-rendering: optimizeLegibility;

}

.p7 {
	max-width: 800px;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	margin-top: 7%;
	max-height: 900px;
	/*overflow-y: scroll;*/
}

.fa-google {
	border: 2px solid black;
	color: black;
	text-rendering: optimizeLegibility;
}

.fa-linkedin {
	border: 2px solid black;
	color: black;
	text-rendering: optimizeLegibility;
}

.yellowR > p {
	font-size: 55px;
	font-weight: 200;
	color: #75bde1;
	border: 4px solid #75bde1;
	border-radius: 50%;
	background: #fffba0;
	padding: 16px 33px;
}

.yellowR > p:hover {
	opacity: 0.7;
}

.rightSideP7 {
	padding-right: 20px;
	max-width: 33vw;
	width: 100%;
}

.submitInput {
	background: #81d2ff;
	border-radius: 100px;
	text-align: center;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 90px;
	color: white;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	font-size: 30px;
	margin: 0 auto;
	margin-top: 80px;
}

.submitInput:hover {
	opacity: 0.7;
}


.yellowR {
	margin-left: 10px;
}

.LangSocRtop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.titleP3 {
	text-align: center;
	color: white;
	padding: 110px;
	margin-top: 20%
}

.titleP3 > h2 {
	font-weight: 300;
	font-size: 70px;
	margin-bottom: 20px;
}

.titleP3 > h3 {
	font-weight: 300;
	font-size: 50px;
}

.titleP3 > h1 {
	font-weight: 300;
	font-size: 100px;
	margin-top: 15%;
}

.btn {
	background-color: #ffd200;
	color: #00174f;
	display: inline-block;
	text-decoration: none;
	padding: 13px 30px;
	margin: 30px 0 0 0;
	border-radius: 100px;
	font-weight: bold;
	text-rendering: optimizeLegibility;
	outline: none;
}


.icons {
	position: absolute;
	bottom: -25px;
	left: -20px;
}

.aboutDiv {
	/*max-width: 950px;
	width: 100%;
	border: 1px solid black;
	border-radius: 50px;
	background: #e0f1f8;
	text-align: left;
	padding: 80px;
	font-weight: 400;
	margin: 0 auto;
	margin-top: 15%;*/
	max-width: 950px;
	width: 100%;
	border: 1px solid black;
	border-radius: 50px;
	background: #e0f1f8;
	text-align: left;
	padding: 50px 65px;
	font-weight: 400;
	margin: 0 auto;
	margin-top: 10%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-height: 63vh;
	overflow: hidden;

}

.levelTR > td > img {
	width: 120px;
	vertical-align: middle;
}

.aboutDiv > h2 {
	font-size: 3vw;
	margin-bottom: 40px;
	text-align: center;
}

.aboutDiv > p {
	/*font-size: 25px;
	margin-bottom: 100px;*/
	font-size: 1.5vw;
	margin-bottom: 3%;
	line-height: 2;
	text-align: justify;
}

.FinTrainer {
	max-width: 950px;
	width: 100%;
	border: 1px solid black;
	border-radius: 50px;
	background: #e0f1f8;
	text-align: left;
	padding: 50px 65px;
	font-weight: 400;
	margin: 0 auto;
	margin-top: 10%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-height: 60vh;
}

.FinTrainer > h2 {
	font-size: 3vw;
	margin-bottom: 5%;
	text-align: center;
}

.FinTrainer > p {
	font-size: 1.5vw;
	margin-bottom: 3%;
	line-height: 2;
	text-align: justify;
}

.rateEmoji > h2 {
	font-size: 3vw;
	font-weight: 400;
	margin-top: 18%;
	margin-bottom: 5%;
}

#iconsP7 {
	position: absolute;
	bottom: 2px;
	left: 2px;
}

.emoji > a > img {
	width: 5vw;
	border: 2px solid #81d2ff;
	border-radius: 100%;
	padding: 10px;
	margin-right: 30px;
}

.emoji {
	margin-bottom: 2%;
}

.rateEmoji {
	max-width: 1200px;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
}

body > div > div.leftSideP7 > div.LangSocRtop > div.langSoc > div.socialIconsSmall {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

}

body > div > div.leftSideP7 > div.LangSocRtop {
	height: 100px;
}

#circleProgress > div > h4 {
	font-size: 1.6vw;
	font-weight: bold;
}

.rateEmoji > .InputHello {
	border: 3px solid black;
	border-radius: 80px;
	height: 400px;
	max-width: 1500px;
	width: 100%;
	background: #e0f1f8;
}

.leftSideP3 {
	height: fit-content;
}

#modalWiz {
	position: relative;
}

.leftSideP7 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 1600px;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.deviderP7 {
	margin: 0px 30px;
}


body > div > div.rateEmoji > div > img:nth-child(5) {
	margin-right: 0px;
}

.icon {
	cursor: pointer;
	position: relative;
}

.icon span {
	display: block;
	height: 3px;
	width: 30px;
	background-color: #81d2ff;
	border-radius: 2px;
	position: absolute;
	left: 25%;
}

body > div > div.leftSideP3 > div > div.langSoc > div.socialIconsSmall {
	min-width: 117px;
}

body > div.container > div.deviderP7 {
	margin-top: 5% !important;
	border: none !important;
	margin-bottom: 5% !important;
}

.icon span:first-child {
	top: 20px;
}

.icon span:nth-child(2) {
	top: 26px;
}

.icon span:nth-child(3) {
	top: 32px;
}

.icon span:last-child {
	top: 38px;
}

.profile > div.container > .dropdown {
	position: fixed;
	display: inline-block;
	bottom: 0px;
	left: 0px;
}

.right {
	padding: 270px 150px 0px 150px;
}

.login {
	margin-bottom: 50px;
	max-width: 450px;
}

.registration {
	max-width: 450px;
}

input[type="text"],
input[type="password"],
input[type="email"] {
	width: 100%;
	height: 90px;
	outline: none;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
	color: #75bde1;
	font-size: 20px;
	outline: none;
}

#user {
	font-size: 1.8vw;
	word-break: break-word;
}

.userLogo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	float: right;
	margin-bottom: 10%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

body > div.container > div.rightSideP7 > div > div.menu > ul {
	text-align: right;
}

input[type=checkbox] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	outline: none;
	content: none;

}

#preview {
	text-align: left;
}

body > div > div.right > div.login > form > input[type=checkbox]:nth-child(3) {
	margin-left: -50%;
	margin-top: 5%;
}

input[type=checkbox]:before {
	font-family: "FontAwesome";
	content: "\f00c";
	font-size: 30px;
	color: transparent !important;
	background: white;
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #75bde1;
	margin-right: 7px;
	border-radius: 8px;
	margin-top: 10px;
	outline: none;
	text-rendering: optimizeLegibility;
}

body > div > div.leftSideP7 > form > span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-flow: nowrap;
	-webkit-flex-flow: nowrap;
	flex-flow: nowrap;
}

input[type=checkbox]:checked:before {

	color: black !important;
}

body > div > div.right > div.login > form > span {
	vertical-align: super;
	font-size: 16px;
}

#modalWiz > div.arrowsDiagram {
	max-width: 945px;
	width: 100%;
}

.logoRightP11 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 40px;
}

.stuff {
	margin-top: 60px;
}

body > div > div.introWrapper > div.leftsideH11 > div.slideshow-container > div:nth-child(3) > div.text > p:nth-child(5) {
	margin-top: -35px;
}

.registration .checkbox-text {
	position: relative;
	cursor: pointer;
	width: 200px;
	font-size: 16px;
	outline: none;
}

.activeTab {
	background: #e0f1f8;
}

.activeButton {
	background: #e0f1f8;
}

.welcomeH1 {
	font-size: 3vw;
	color: white;
	margin-top: 80px;

}

.welcomeH1 > a {
	font-size: 2.5vw;
	color: white;
}

.registration .checkbox-text a {
	color: #75bde1;
}

.leftsideH11 {
	max-width: 1200px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 10px;
}

.leftsideH11 > p {
	font-size: 1.2vw;
	line-height: 2;
	color: white;
}

.competition > div.container > div.leftsideH11 > p {
	margin-bottom: 30px;
}

.lang {
	color: black;
}

.tutorial {
	max-width: 1000px;
	width: 100%;
	border: 2px solid #a9d6ed;
	border-radius: 40px;
	height: 48%;
	background: #a9d6ed;
	margin-bottom: 30px;
	margin-top: 5px;
	padding: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.competition > div.container > div.leftsideH11 {
	max-width: 1000px;
	width: 100%;
	position: absolute;
	margin-left: 5%;
	margin-top: 50px;
}

.tutorial > h2 {
	font-size: 4vw;
	margin-top: 200px;
	margin-bottom: 30px;
}

.tutorial > p {
	font-size: 1vw;
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
}

.enterWorld {
	max-width: 1000px;
	width: 100%;
	border: 2px solid #a9d6ed;
	border-radius: 40px;
	height: 48%;
	background: #a9d6ed;
	padding: 25px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

body > div > div.leftsideH11 > ul {
	padding: 30px;
}

#myDropdown > ul {
	width: 100%;
}

#myDropdown > ul > li::hover {
	background: #75bde1;
}

#myDropdown > ul > li > a:hover {
	color: red;
}

#myDropdown > ul > li:nth-child(1) > a {
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
}

#myDropdown > ul > li:nth-child(4) > a {
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

.enterWorld > h2 {
	font-size: 4vw;
	margin-top: 200px;
	margin-bottom: 30px;
}

.enterWorld > p {
	font-size: 1vw;
	max-width: 850px;
	width: 100%;
	margin: 0 auto;
}

.rightsideP11 {
	padding: 10px 40px;
	max-width: 1300px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.checkbox input:checked + .checkbox-text:before {
	content: 'X';
	position: absolute;
	top: 8px;
	left: 9px;
	width: 40px;
	height: 26px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

button {
	padding: 0px;
	border: none;
	background: none;
	outline: none;


}

body > div.container > div.right > div.login > form > div.buttons > button.in {
	height: 60px;
}

body > div.container > div.right > div.registration > form > div.buttons > button.in {
	height: 60px;
}

.buttons {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

button:hover {
	cursor: pointer;
}

a.in:hover {
	cursor: pointer;
}

a.in > img {
	width: 60px;
	margin-bottom: -30px;
	background: none;
	outline: none;

}

a.in > img:hover {
	opacity: 0.7;
}

#actionlist > span {
	margin-left: 50px;
}

#circleProgress > div.performance {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: absolute;
	-webkit-transform: translate(-200px, 360px);
	-ms-transform: translate(-200px, 360px);
	transform: translate(-200px, 360px);

}

#circleProgress > div.risk {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: absolute;
	-webkit-transform: translate(200px, 360px);
	-ms-transform: translate(200px, 360px);
	transform: translate(200px, 360px);

}

input[type="text"] {
	border-width: 0px;
	border-bottom: 2px solid #75bde1;
	font-size: 26px;
	outline: none;
}

input[type="password"] {
	border-width: 0px;
	border-bottom: 2px solid #75bde1;
	font-size: 26px;
	outline: none;
}

input[type="email"] {
	border-width: 0px;
	border-bottom: 2px solid #75bde1;
	font-size: 26px;
	outline: none;

}


button.log {
	border-radius: 30px;
	height: 60px;
	width: 300px;
	background: #75bde1;
	color: white;
	font-size: 1.2em;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: 0px;
}

button.log:hover {
	opacity: 0.7;
}

#swal2-content > div > #modalWiz > .level7 > .feedBackMes > button {
	background-color: white;
	border: 3.5px solid #75bde1;
	position: absolute;
	top: 50px;
	right: 50px;
	font-size: 1vw;
	border-radius: 10px;
	width: 50px;
	height: 50px;
}

#swal2-content > div > #modalWiz > .level7 > .feedBackMes > button:hover {
	background: #a9d6ed80;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"] {
	border: 3px solid black;
	font-size: 2vw;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"]::-moz-placeholder {
	color: black;
	font-size: 2vw;
}

.page6 > header {
	display: block;
	position: -webkit-sticky;
	position: sticky;
	top: 10px;
	margin-top: -10px;
	background: -o-linear-gradient(left, #fff 24.8%, #fffba0 11%);
	background: -webkit-gradient(linear, left top, right top, color-stop(24.8%, #fff), color-stop(11%, #fffba0));
	background: linear-gradient(90deg, #fff 24.8%, #fffba0 11%);
	border-bottom: none;
	height: 100px;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"]::-webkit-input-placeholder {
	color: black;
	font-size: 2vw;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"]:-ms-input-placeholder {
	color: black;
	font-size: 2vw;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"]::-ms-input-placeholder {
	color: black;
	font-size: 2vw;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"]::-moz-placeholder {
	color: black;
	font-size: 2vw;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello [type="text"]::placeholder {
	color: black;
	font-size: 2vw;
}



#password:invalid {
	color: red
}

#username:invalid {
	color: red;
}

.buttonLevel > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding: 0;
}

body > div.container > div > div.LangSocRtop > div.langSoc > div.LangLinks > span {
	margin-right: 10px;
	margin-left: 10px;
}

body > header > div.LangSocRtop > div.langSoc > div.LangLinks > span {
	margin-right: 10px;
	margin-left: 10px;
}

.progressButton > li {
	list-style-type: none;
	margin: 10px;
	cursor: default;
}

.progressButton > li > a {
	padding: 8px 18px;
	border: 2px solid #ccc;
	border-radius: 50%;
	text-align: center;
	text-decoration: none;
	color: #fff;
	cursor: inherit;
	font-size: 35px;

}

.progressButton > li > a:hover {
	color: red;

}

#progressBlockWhite > div.buttonLevel > ul > li > a:hover {
	opacity: 0.7;
}

.rankTable {
	max-width: 2300px;
	width: 100%;
}

.period {
	padding: 20px;
	margin: 20px;
}

.period > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
}

.period > ul > li {
	border: 2px solid #81d2ff;
	padding: 20px 80px;
	border-radius: 50px;
	color: #81d2ff;
	font-size: 35px;
}

.period > ul > li:hover {
	background: #72b4d659;
	color: white;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
	color: #81d2ff;
	border-bottom: 1px solid #81d2ff;
	font-size: 25px;
	border-right: 1px solid #81d2ff;
	width: 10%;
	vertical-align: middle;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
	color: #81d2ff;
	font-size: 23px;
	border-right: 1px solid #81d2ff;
	border-bottom: 1px solid #81d2ff;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th:last-child {
	border-right: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
	border-bottom: 1px solid #81d2ff;
	border-right: 1px solid #81d2ff;
	font-size: 23px;
	width: 3%;
	vertical-align: middle;
}

.wrapTableEvaluation {
	border: 4px solid #81d2ff;
	border-radius: 50px;
	padding: 10px;
	height: 425px;
	margin: 30px;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(1) > td:nth-child(23) {
	border-right: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(2) > td:nth-child(23) {
	border-right: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(1) {
	border-top: 1px solid #81d2ff;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(3) > th {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(3) > td {
	border-bottom: none;
}

.tableEvaluation {
	height: 100%;
}

.activeMonth {
	background: #e0f1f8;
}

.yourRank {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1000px;
	width: 100%;
	float: right;
	border: 2px solid #81d2ff;
	background: #fffba0;
	border-radius: 50px;
	font-size: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 40px;

}

#remember-me {
	position: relative;
	top: 1px;
}

.yourRankCurrent {
	width: 50%;
	padding: 30px;
	text-align: end;
}

.numberRank {
	color: #81d2ff;
	font-size: 120px;
	border-left: 4px solid #81d2ff;
	padding: 40px;
}

.globe {
	width: 32px;
	height: 32px;
}

.resultDetailed {
	max-width: 2500px;
	width: 100%;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wrapResult {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.resultWindow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.listResult > ul {
	border-right: 1px solid black;
	padding: 10px;
	text-align: right;
	line-height: 2;
	font-size: 20px;
}

.numResult > ul {
	padding: 5px;
	text-align: right;
	line-height: 1.2;
	font-size: 32px;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(6) > th {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(6) > td {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(9) > th {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(9) > td {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(12) > th {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(12) > td {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(14) > th {
	border-bottom: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(14) > td {
	border-bottom: none;
}

.resultColumn1 {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border: 1px solid #e0f1f8;
	background: #e0f1f8;
	border-radius: 20px;
	padding: 5px 20px;
	position: absolute;

}

.resultColumn2 {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 100px;
	max-width: 1300px;
	width: 100%;
	padding: 10px;
	margin-right: 20px;
}

.resultColumn3 {
	max-width: 1024px;
	width: 100%;
	padding: 10px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th:first-child {
	font-size: 40px;
	position: relative;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
	padding: 0px;
	padding-right: 25px;
}

.headerColumn2 {
	font-size: 20px;
	font-weight: 300;
	border: 1px solid #81d2ff;
	border-radius: 50px;
	background: #e0f1f8;
	padding: 5px 50px;
	color: #81d2ff;
	max-width: 800px;
	width: 100%;
	float: right;
}

.headerColumn3 {
	font-size: 20px;
	border: 1px solid #81d2ff;
	border-radius: 50px;
	background: #e0f1f8;
	padding: 5px 90px;
	font-weight: 300;
	color: #81d2ff;
	max-width: 800px;
	margin: 0 auto;
}

div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr > th {
	color: #81d2ff;
	font-size: 16px;
	height: 63px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(3) {
	width: 145px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
	width: 95px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(5) {
	width: 175px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
	width: 135px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(7) {
	width: 180px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(1) {
	width: 130px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(2) {
	width: 160px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(3) {
	width: 190px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
	width: 180px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(5) {
	width: 145px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
	width: 204px;
}



div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
	color: #81d2ff;
	font-size: 25px;
	width: 245px;
	border-bottom: 2px solid #81d2ff;
}

div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
	font-size: 20px;
	border-bottom: 2px solid #81d2ff;
}

#holderWrap > div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr > th {
	border-bottom: 2px solid #81d2ff;
	vertical-align: middle;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh1 {
	width: 245px;
	border-bottom: none;
}

#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh2 {
	width: 50px;
	border-bottom: none;
}

div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td.emptyTD {
	width: 50px;
	border: none;
}

div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th {
	font-size: 50px;
	font-weight: 300;
}

div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td {
	font-size: 35px;
	font-weight: 700;
	color: #81d2ff;
}

div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
	font-size: 24px;
	font-weight: 700;
	color: black;
	background: #e0f1f8;
	border-radius: 20px;
	text-align: right;
	padding-right: 25px;
}


div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalLimit {
	font-size: 24px;
	font-weight: 700;
	color: black;
	background: #e0f1f8;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > th {
	font-size: 50px;
	font-weight: 300;
}

div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe {
	border-bottom: none;
}

div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.extra-infoRisk {
	font-size: 20px;
}



.globe > a > img {
	width: 100%;
}

.tdTextP13 {
	font-size: 1vw;
	text-align: left;
	line-height: 1.5;
}

body > div.container > div.topPage14 > div.logoSmall > a > img {
	margin-left: 0px;
}

body > div.container > div.right > div.login > form > div.checkbox > div {
	text-align: initial;
}

#levels {
	font-size: 40px;
	color: white;
	background: #81d2ff;
	width: 170px;
	height: 170px;
	border-radius: 100%;
	right: 340px;
	position: absolute;
	border: 2px solid #ccc;
}

.swal2-container {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.levelsText {
	-webkit-transform: translate(0px, 42px);
	-ms-transform: translate(0px, 42px);
	transform: translate(0px, 42px);
}

.levelsText > a {
	color: white;
}

.levelsText > a:hover {
	color: red;
}

#levels:hover {
	opacity: 0.7;
}

#holderWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

#circleProgress {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.progress-bar {
	width: 785px;
	height: 32px;
	background: white;
	border-radius: 20px;
	display: block;
	color: white;
	margin: 0;

}

.levels > div > div > #progressBlockWhite > div.progress-bar {
	border: 4px solid #81d2ff;
}

.levels > div > div > #progressBlockWhite > div.darkBkgr {
	border: 4px solid #406f97;
}

.levels > div > div > #progressBlockWhite > div.progress-bar > .progress {
	background: #406f97;
	height: 36px;
	margin-top: -2px;
	margin-left: -1px;

}

#progressBlockWhite > div.progress-bar {
	width: 1020px;
	border: 4px solid #81d2ff;
	margin-top: 25px;
}

#progressBlockWhite > div.darkBkgr {
	border: 4px solid #406f97;
}

#progressBlockWhite > div > ul > li > #globe {
	background: none;
	width: 60px;
}

body > div > div.topPage14 > div.progressBlock {
	max-width: 1100px;
	width: 100%;
	position: absolute;
	right: 18%;
	margin-top: 20px;
	padding: 10px;
}

.resetFont {
	font-size: 1.8vw;
}

.cd-table50 {
	border: 4px solid #81d2ff;
}

.resetButton {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border: 2px solid black;
	border-radius: 50px;
	padding: 5px 30px;
	margin-left: 25%;
	margin-top: -12px;
}

.progress {
	background: #406f97;
	width: 78%;
	height: 40px;
	border-radius: 20px;
	display: block;
	font-size: 29px;

}

.levelTR > td {
	vertical-align: bottom;
}

#progressBlockWhite > div.progress-bar > div {
	background: #406f97;
	width: 3%;
	height: 34px;
	border-radius: 20px;
	display: block;
	font-size: 29px;
	color: red;
	text-align: end;
	margin-top: -1px;
	max-width: 100%;
	margin-left: -1px;
}

#progressBlockWhite > div.buttonLevel > ul > li > a {
	background: #81d2ff;
	padding: 17px 29px;
}

#progressBlockWhite > div.buttonLevel > ul > .visitedLi > a {
	background: #406f97;
}

#progressBlockWhite > div.buttonLevel > ul > .visitedLi > a > img {
	background: #406f97;
}

#progressBlockWhite > div.buttonLevel > ul > .activeLi > a {
	border: 2px solid red;
}

#progressBlockWhite > div.buttonLevel > ul > .activeLi > a#globe {
	border: none;
}

#progressBlockWhite > div.buttonLevel > ul > .activeLi > a#globe > img {
	border: 2px solid red;
}

#progressBlockWhite > div.buttonLevel > ul > .activeLi > a#globe > img:hover {
	opacity: 0.6;
}

.buttonLevel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 60px;
	margin-bottom: 20px;
}

.topPage13 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 20px;
}

.topPage14 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

body > div > div.level > table > tbody > tr > td:nth-child(3) {
	padding-right: 200px;
	padding-left: 300px;
}

.progressButton li img {
	width: 77px;
	border: 2px solid #ccc;
	border-radius: 50%;
	margin-top: -21px;
	margin-left: -17px;
}

#globe {
	border: none;
	margin-left: -15px;
}

.levelLink {
	width: 300px;
	text-align: left;
}

.fancybox-content {
	max-width: 1360px;
	width: 100%;
}

.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: background-color 0.6s ease;
	-o-transition: background-color 0.6s ease;
	transition: background-color 0.6s ease;
}

.p14Logos {
	padding: 20px;

}

.logoP6 {
	max-width: 600px;
	padding: 20px;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: fixed;
	left: 10%;
}

#blackR > a {
	color: black;
	border: 1px solid black;
}

body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section.accordion-item > h1 > a > img {
	width: 80px;
}

.active,
.dot:hover {
	background-color: #717171;
}

.langSoc {
	max-width: 140px;
	width: 100%;
	padding: 1px;
}

.langSoc > .LangLinks {
	font-size: 1.2vw;
	font-weight: 400;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body > div > div.leftSideP3 > div.LangSocRtop > div.langSoc {
	width: 170px;
}


#langbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#socialIconsSmallP11 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.p7 > span > input[type=text],
.p7 > span > input[type=password] {
	background: #81d2ff;
	border: 1px solid black;
	border-radius: 100px;
	text-align: center;
	font-size: 1vw;
	outline: none;
}

.p7 > input[type=text],
.p7 > input[type=password] {
	background: #81d2ff;
	border: 1px solid black;
	border-radius: 15px;
	text-align: center;
	font-size: 1vw;
	outline: none;
}

.gameComp {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}

.gameComp > input[type="text"] {
	background: #e0f1f8;
	border-radius: 100px;
	height: 60px;
	color: black;
	font-size: 1vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
	border: 1px solid black;
	text-align: center;
	max-width: 380px;
	width: 100%;
}

.gameComp > a {
	padding: 18px;
	max-width: 380px;
	width: 100%;
}

.compTitle {
	margin-bottom: 20px;
	text-align: left;
}

.onoffswitch-inner:before {
	margin-left: -35px;
}

body > div.container > div.leftSideP7 > form > div.switchProfile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.diagramm {
	max-width: 1350px;
	width: 100%;
	margin: 20px;
	height: 900px;
	position: relative;
}

#dashboard-graph {
	max-height: 900px;
	height: 100%;
}

body > div.container > div.leftSideP7 > form > div.switchProfile > h4 {
	font-size: 1vw;
	text-align: end;
	padding-right: 30px;
}

.inputLongLink {
	background: #e0f1f8;
	border-radius: 100px;
	height: 60px;
	color: black;
	font-size: 1vw;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid black;
	padding: 18px;
}

.inputLongLink:hover {
	opacity: 0.6;
}

#circleProgress > .tableLabel {
	position: absolute;
	right: 0;
	top: -40px;
}


body > div.container > div.leftSideP7 > form > div:nth-child(7) > a:nth-child(1) {
	padding-top: 17px;
}

body > div.container > div.leftSideP7 > form > div:nth-child(7) > a:nth-child(2) {
	padding-top: 17px;
	margin-left: 40px;
}

.intro > div > div > .LangSocRtop {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin-top: 10px;
	position: absolute;
}

.LangSocRtop {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin-top: 10px;
}

.liNum1 {
	margin: 3px;
}

body > div.container > div.leftSideP7 > form > span > input[type="text"]::-moz-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > span > input[type="text"]::-webkit-input-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > span > input[type="text"]:-ms-input-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > span > input[type="text"]::-ms-input-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > span > input[type="text"]::placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.topPage13 > div.LangSocRtop > div.langSoc > div.socialIconsSmall {
	min-width: 112px;
}

body > div.container > div.leftSideP7 > form > input[type="text"]::-moz-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > input[type="text"]::-webkit-input-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > input[type="text"]:-ms-input-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > input[type="text"]::-ms-input-placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

body > div.container > div.leftSideP7 > form > input[type="text"]::placeholder {
	color: #81d2ff;
	font-size: 1vw;
}

.onoffswitch {
	width: 200px !important;
}

.levelLink > a {
	font-size: 2vw;
	color: white;
}

.onoffswitch-inner:before,
.onoffswitch-inner:after {
	font-size: 1vw !important;
	height: 45px !important;
	line-height: 45px !important;
	background-color: #e0f1f8 !important;
	color: black !important;
	width: 54% !important;
}

.onoffswitch-switch {
	width: 80px !important;
	right: 105px !important;
}

.onoffswitch-label {
	border-radius: 100px !important;
}

.onoffswitch-inner {
	margin-left: -85%;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px !important;
}

.levelLink > a:hover {
	color: red;
}

body > div.container > div.leftSideP7 > form > div:nth-child(6) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 30px;
}

.profile .wrapInput > .switchProfile > .inputLong {
	height: 60px !important;
}

.level {
	padding-left: 60px;
	padding-right: 150px;
	margin-top: -90px;
}

.levelTR {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 4px solid white;
}

.socialIconsBig {
	position: absolute;
	bottom: 10px;
	margin-left: 50%;
}

.socialIconsBig .fa {
	width: 50px;
	height: 50px;
	font-size: 45px;
	line-height: 40px;

}

.socialIconsBig > .fa:before {
	vertical-align: middle;
}

.pageNumber {
	position: relative;
	margin: 0 auto;
	margin-top: 320px;
}

.pageNumber > a {
	padding: 150px 300px;
	border: 2px solid #ccc;
	border-radius: 100%;
}

#Number {
	font-size: 500px;
}

.tab_content > .tab_item > div.logoP6 > div.logoRank > a > img {
	max-width: 600px;
	width: 100%;
}

.CurrentRank {
	font-size: 2vw;
	border: 3px solid #78bfe4;
	border-radius: 80px;
	padding: 20px;
	color: #78bfe4;
	background: white;
	margin-top: -18px;
}

.CurrentRank > a {

	color: #81d2ff;
}

.globalRank {
	font-size: 5vw;
	color: #81d2ff;
	margin-left: 35%;
}

.logoP6 > div > a {
	font-size: 3vw;
	font-weight: bold;
}

.share {
	font-size: 40px;
	float: right;
	padding: 40px;
}

.socialIconsBigShare {
	float: right;
	position: relative;
	top: -105px;
	padding-right: 6%;
}

.page6 .wrapper {
	width: 64%;
}

.ranking {
	width: 100%;
}

.socialIconsBigShare .fa {
	width: 40px;
	height: 40px;
	font-size: 40px;
	line-height: 0.5;
	position: absolute;
	top: 10px;

}

.socialIconsBigShare > .fa:before {
	vertical-align: sub;
}

#rankingTR {
	color: #81d2ff;
	font-size: 2vw;
	border-bottom: 2px solid #81d2ff;
	line-height: 2;

}

#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
	padding: 5px;
}

body > div > div.leftSideP3 > div.icons > button {
	background: #81d2ff;
}

body > div > div.rightSideP6 > table > tbody > tr > td:nth-child(1) {
	font-size: 40px;
}

body > div > div.rightSideP6 > table > tbody > tr > td > a {
	font-size: 30px;
}

body > div > div.rightSideP6 > table > tbody > tr > td:nth-child(1):hover {
	color: red;
}

#rankINtd > a > img {
	position: absolute;
	margin-left: -30px;
	margin-top: 6px;
}

.page6 .tab_content > .tab_item > div.rightSideP6 > table > tbody > tr {
	border-bottom: 2px solid #81d2ff;
	line-height: 2;
	font-size: 36px;
}

body > div > div.rightSideP6 > table > tbody > tr > td > a:hover {
	color: red;
}

.swal2-actions {
	margin: 0 auto;
}

body > div.swal2-container.swal2-center.container-class.swal2-backdrop-show > div > div.swal2-actions.actions-class {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translate(-711px, -321px);
	-ms-transform: translate(-711px, -321px);
	transform: translate(-711px, -321px);
}

#h1Level10 {
	font-size: 9vw;
}

#numLevel9 {
	padding: 70px 80px;
}

.p7 > span > .inputShort {
	margin-bottom: 40px;
	height: 60px !important;
	border-radius: 100px !important;
	background: #e0f1f8 !important;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	font-size: 1vw;
	text-align: center;

}

body > div.container > div.leftSideP7 > form > span > select {
	margin-left: 40px;
	width: 100%;
	border: 1px solid black !important;
	-moz-text-align-last: center;
	text-align-last: center;
}

body > div.container > div.leftSideP7 > form > span > input:nth-child(2) {
	margin-left: 40px;
}

.p7 > .inputLong {
	max-width: 100%;
	margin-bottom: 30px;
	height: 60px !important;
	border-radius: 100px !important;
	background: #e0f1f8 !important;
	font-size: 1vw;

}


.svg-content {
	position: absolute;
	top: 40px;
	left: -25px;
}

/* whohoo*/
#containerPNUM {
	display: block;
}

.top {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	display: -ms-grid;
	display: grid;
}

#shareP40 {
	font-size: 2vw;
	padding: 28px;

}

.Level {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

.InputHello {
	height: 300px !important;
	border-radius: 145px;
	padding: 20px 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #e0f1f8;
	border: 2px solid #75bde1 !important;
}

.Level > h1 {
	font-size: 8vw;
	color: #81d2ff;
	padding: 50px;

}

.Level > h1 > img {
	width: 10vw;
	vertical-align: text-bottom;
}

.numberPage {
	padding: 45px;
}

.numberPage > a {
	font-size: 100px;
	color: white;
	border: 1px solid black;
	border-radius: 100%;
	padding: 25px 60px;
	background: black;
}

.userComplete {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: 55vw;
	margin: 0 auto;
}

.userComplete > p {
	color: #81d2ff;
	font-size: 3vw;
}

.userComplete > p > a {
	color: #81d2ff;
	font-size: 4vw;
}

.proceed {
	font-size: 3vw;
	padding: 114px;
}

.completedTutorial {
	font-size: 3vw;
	padding: 100px;
}

#socialiconsPWho {
	top: 0px;
	padding-right: 0px;
}

#socialiconsPWho .fa {
	width: 3vw;
	height: 3vw;
	font-size: 2vw;
}

#funktion {
	width: 100%;
	border: 3px solid #75bde1;
	margin: 20px 0px;
	font-size: 22px;
	font-weight: 300;
	border-radius: 20px;
	outline: none;
}

textarea#funktion::-webkit-input-placeholder {
	color: #75bde1;
	vertical-align: middle;
	padding: 10px;
}

textarea#funktion::-moz-placeholder {
	color: #81d2ff;
	vertical-align: middle;
}

.holder {
	border: 4px solid #81d2ff;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border-radius: 40px;
	background: white;
	position: relative;
}

.horizontalMenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 1950px;
	width: 100%;
	margin-top: -100px;
}

.cockpitProf {
	transform: translate(3px, -30px);
	margin-top: -25px;
	width: fit-content;
}

.cockpitProf > .cockpit {
	transform: translate(-1%, 62%);
}

.cockpitProf > .cockpit > a {
	padding: 20px 141px 49px 141px;
}

.budgetPoints {
	border: 4px solid #81d2ff;
	padding: 20px 100px 50px 100px;
	margin-bottom: -40px;
	border-bottom: none;
	position: relative;
	z-index: -1;
	background: #fffba0;
	border-radius: 40px 40px 0px 0px;
}

body > div > div.horizontalMenu > div > a {
	font-size: 24px;
}

body > div > div.horizontalMenu > div > a:hover {
	background: #e0f1f8;
}

body > div > div.horizontalMenu > div.budgetPoints > a {
	font-size: 40px;
}

body > div > div.horizontalMenu > div.budgetPoints > p {
	font-size: 24px;
}

.cockpit {
	-webkit-transform: translate(-1%, 62%);
	-ms-transform: translate(-1%, 62%);
	transform: translate(-1%, 62%);
}

#dashboard-graph > svg {
	max-height: 900px;
}

.cockpit > a {
	border: 4px solid #81d2ff;
	padding: 20px 141px 20px 141px;
	border-bottom: none;
	border-radius: 40px 40px 0px 0px;
}

.evaluation {
	-webkit-transform: translate(-2%, 62%);
	-ms-transform: translate(-2%, 62%);
	transform: translate(-2%, 62%);
}

#ajaxContent > div.personIcon > a > img {
	width: 35px;
}

.evaluation > a {
	border: 4px solid #81d2ff;
	padding: 20px 94px;
	border-bottom: none;
	border-radius: 40px 40px 0px 0px;
}

.results {
	-webkit-transform: translate(-3%, 64%);
	-ms-transform: translate(-3%, 64%);
	transform: translate(-3%, 64%);
}

.results > a {
	border: 4px solid #81d2ff;
	padding: 20px 78px;
	border-bottom: none;
	border-radius: 40px 40px 0px 0px;
}

#actionlist > span > p {
	position: absolute;
	right: 10px;
	top: -25px;
	font-size: 1.23vw;
	font-weight: bold;
}

#actionlist > span > h3 {
	position: absolute;
	right: 10px;
	top: -25px;
}

.description {
	-webkit-transform: translate(-4%, 64%);
	-ms-transform: translate(-4%, 64%);
	transform: translate(-4%, 64%);
}

.description > a {
	border: 4px solid #81d2ff;
	padding: 20px 71px;
	border-bottom: none;
	border-radius: 40px 40px 0px 0px;
}

.personIcon {
	font-size: 50px;
	text-align: left;
	border-bottom: 4px solid #81d2ff;
	max-width: 38vw;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	min-width: 850px;
}

body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
	width: 100%;
	min-width: 270px;
	margin-bottom: -9px;
}

body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
	width: 100%;
	min-width: 270px;
	margin-bottom: -9px;
	margin-left: 50px;
}

body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
	width: 100%;
	min-width: 270px;
	margin-bottom: -9px;
	margin-left: 50px;
}

#risikochart > svg {
	height: 400px;
}

#performancechart > svg {
	height: 400px;
}

.personText {
	padding: 40px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	min-width: 850px;
}

.activeLang {
	color: #81d2ff;
}

.darkPage > .activeLang {
	color: white;
}

.page3 > #dropMenu {
	bottom: 0px;
	left: 0px;
}

.homepage > div > .holder > #dropMenu {
	bottom: -35px;
	left: -10px;
}

.switchProfile > h4 > p {
	max-width: 350px;
	width: 100%;
	text-align: left;
}

body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
	border: 4px solid #406f97;
	background: #81d2ff;
	color: white;
	padding: 34px 10px;
	border-radius: 100%;
	position: absolute;
	font-size: 1.3vw;
	margin-left: -40px;
	width: 80px;
	text-align: center;
}


body > div > div.holder > div:nth-child(1) > div.personText > div.personIcon > div.YoungManIcon > a {
	border: 4px solid black;
	background: #81d2ff;
	color: white;
	padding: 20px 30px;
	border-radius: 100%;
	position: absolute;
	font-size: 35px;
}

body > div > div.holder > div:nth-child(1) > div.personText > div.personIcon > div.GirlIcon > a {
	border: 4px solid black;
	background: #81d2ff;
	color: white;
	padding: 20px 30px;
	border-radius: 100%;
	position: absolute;
	font-size: 35px;
}

.personIconP > p {
	font-size: 15px;
	text-align: end;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	line-height: 1.5;
	padding: 15px 10px 0px 40px;
}



.OldManIcon {
	max-width: 10vw;
	width: 100%;
}

.YoungManIcon {
	max-width: 10vw;
	width: 100%;
}

.GirlIcon {
	max-width: 10vw;
	width: 100%;
}

.dotstyle ul {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	padding: 0;
	list-style: none;
	cursor: default;
	margin-top: -30px;
}

.diagramm > div.horizon {
	margin-bottom: 10px;
	position: relative;
	z-index: 10;
}

.dotstyle li {
	position: relative;
	display: block;
	float: left;
	margin: 0 8px;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.dotstyle li a {
	top: -3px;
	left: -3px;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #81d2ff;
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: -999em;
	cursor: pointer;
	position: absolute;
}

.dotstyle-smalldotstroke li {
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	-webkit-transition: box-shadow 0.3s ease;
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: -webkit-box-shadow 0.3s ease;
	-o-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

.dotstyle-smalldotstroke li a {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	-o-transition: background-color 0.3s ease, transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
	border: 3px solid #81d2ff;
}

body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translate(115%, -8%);
	-ms-transform: translate(115%, -8%);
	transform: translate(115%, -8%);
	max-width: 330px;
	width: 100%;
	position: relative;
}

.dotstyle-smalldotstroke li a:hover,
.dotstyle-smalldotstroke li a:focus,
.dotstyle-smalldotstroke li.current a {
	background-color: #81d2ff;
}

.dotstyle-smalldotstroke li.current a {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.dotstyle-smalldotstroke li.current {
	-webkit-box-shadow: 0 0 0 3px #81d2ff;
	box-shadow: 0 0 0 3px #81d2ff;
	top: 0px;
	margin-right: 10px;
}

.dropbtn {
	border: none;
	cursor: pointer;
}



.dropdown {
	position: absolute;
	display: inline-block;
	bottom: 0px;
	left: 0px;
	z-index: 2;
}

.page6 > div > .leftSideP6 > .dropdown {
	position: fixed;
	display: inline-block;
	bottom: 0px;
	left: 0px;
}

.dropdown:hover {
	-webkit-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
}


.dropdownR {
	position: absolute;
	display: inline-block;
	bottom: 0px;
	left: 0px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #e0f1f8;
	border: 3px solid #81d2ff;
	border-radius: 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	margin-top: -495px;
	margin-left: -160px;
}

.dropdown-contentR {
	display: none;
	position: absolute;
	background-color: #e0f1f8;
	min-width: 350px;
	border: 3px solid #81d2ff;
	border-radius: 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-content a {
	color: black;
	padding: 10px 30px;
	text-decoration: none;
	display: block;
	font-size: 20px;
}

.dropdown-content a:hover {
	background-color: #81d2ff;
	color: white;
}

.dropdown-contentR p {
	color: black;
	padding: 10px;
	text-decoration: none;
	display: block;
	font-size: 35px;
}

.dropdown-contentR p:hover {
	background-color: #81d2ff;
	color: white;
}

#myDropdown > a:nth-child(1) {
	border-radius: 36px 36px 0px 0px;
}

#myDropdown > a:nth-child(4) {
	border-radius: 0px 0px 36px 36px;
}

#myDropdownR > p {
	border-radius: 36px 36px 0px 0px;
}

#myDropdownR > p {
	border-radius: 0px 0px 36px 36px;
}

.show {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	margin-top: -170px;
	margin-left: -125px;
}

.showR {
	display: inline-block;
	margin-top: 25px;
	margin-left: 60px;
}

.leftSideP3 > div > input[type="button"] {
	background: url(../images/menu-7P3.png) no-repeat top;
	width: 135px;
	height: 130px;
	outline: none;
}

input[type="button"] {
	background: url(../images/menu-7.png) no-repeat top;
	width: 187px;
	height: 187px;
	outline: none;
}

#gapTable {
	display: none;
	max-width: 750px;
	width: 100%;
	border: 4px solid #81d2ff;
	border-radius: 40px;
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 0px;
	height: 330px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#gapTableM {

	width: 100%;
	border: 4px solid #81d2ff;
	border-radius: 40px;
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 0px;
	height: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.futureInterest {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	border: 4px solid #81d2ff;
	border-radius: 40px;
	padding-left: 30px;
	padding-right: 30px;

}

.GapContribution {
	max-width: 900px;
	width: 100%;
	line-height: 4;
	margin: 0 auto;
}

.GapContribution > tbody > tr {
	border-bottom: 2px solid #81d2ff;
}

.GapContribution > tbody > tr:last-child {
	border-bottom: none;
}

.GapContribution > tbody > tr > td {
	font-size: 18px;
}

.GapContribution > tbody > tr > td:nth-child(1) {
	font-size: 20px;
	width: 100px;
	line-height: 1;
	padding-left: 10px;
	font-weight: 600;
}

body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section.accordion-item.accordion-item--default > div {
	margin-top: 20px;
}

.GapContribution > tbody > tr:nth-child(1) > th {
	font-size: 20px;
	line-height: 1;
	font-weight: 600;
	padding: 10px 20px;
	vertical-align: middle;
}

.futureInterestRate {
	max-width: 650px;
	width: 100%;
	line-height: 4;
	margin: 0 auto;
	table-layout: fixed;
}

.futureInterestRate > tbody > tr {
	border-bottom: 2px solid #81d2ff;

}

.futureInterestRate > tbody > .NoBorder {
	border-bottom: none;
}

.futureInterestRate > tbody > .littleNum td {
	font-size: 15px;
	color: black;
}

.tableFutureInterest {
	display: none;
	height: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-top: 20px;
}

#forecast > span > h3 {
	padding: 10px;
	position: absolute;
	right: 0;
	top: -70px;
}

.futureInterestRate > tbody > tr > td {
	font-size: 18px;
	width: 54px;
	line-height: 2;
}

.futureInterestRate > tbody > tr > td:nth-child(1) {
	font-size: 20px;
	width: 100px;
	line-height: 1;
	padding-left: 10px;
}

.futureInterestRate > tbody > tr:nth-child(1) > th {
	font-size: 24px;
	line-height: 2;
	font-weight: 500;
}

.tableLabel {
	color: #81d2ff;
	font-size: 27px;
	font-weight: bold;
}

#gapTable > .tableLabel {
	position: absolute;
	right: -111px;
	top: -115px;
}

.futureInterestRate > tbody > tr > td:nth-child(1) {
	font-size: 20px;
	padding: 0px 15px;
	color: black;
	vertical-align: bottom;
	font-weight: 600;
}

.futureInterestRate > tbody > tr:nth-child(1) > th {
	font-size: 20px;
	font-weight: 600;
}

.futureInterestRate > tbody > tr > td:nth-child(2) {
	padding: 0px 30px;
	color: black;
}

.futureInterestRate > tbody > tr > td {
	font-size: 22px;
	color: #81d2ff;
	line-height: 1;
	padding: 5px 15px;
}

.futureInterestRate > tbody > tr > td > span {
	color: black;
	font-size: 15px;
}

#ajaxContent > div.personIcon > div.personIconP > div {
	font-size: 40px;
	text-align: right;
	padding-right: 5px;
}

.switch {
	position: relative;
	display: inline-block;
	width: 78px;
	height: 34px;
}

.switch > input {
	opacity: 0;
	width: 0;
	height: 0;
}

.switchLong {
	position: relative;
	display: inline-block;
	width: 450px;
	height: 50px;
}

.switchLong input {
	opacity: 0;
	width: 0;
	height: 0;
}


.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	border: 1px solid #81d2ff;
}

.sliderLong {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	border: 3px solid #81d2ff;
}

.slider:before {
	position: absolute;
	content: "off";
	height: 31px;
	width: 50px;
	right: 0;
	bottom: 0;
	background: white;
	border: 1px solid #81d2ff;
	color: #81d2ff;
}

.sliderLong:before {
	position: absolute;
	content: "New";
	height: 44px;
	width: 230px;
	right: 0;
	bottom: 0;
	background: #81d2ff;
	border: 1px solid #81d2ff;
	color: white;
}

input:checked + .slider {
	background-color: white;
}

input:focus + .slider {
	-webkit-box-shadow: 0 0 1px #81d2ff;
	box-shadow: 0 0 1px #81d2ff;
	box-shadow: 0 0 1px #81d2ff;
}

input:checked + .slider:before {
	content: "on";
	height: 31px;
	width: 50px;
	left: 0;
	bottom: 0;
	background-color: #81d2ff;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	color: white;
}

input:checked + .sliderLong:before {
	content: "Log in";
	height: 44px;
	width: 250px;
	left: 0;
	bottom: 0;
	background-color: white;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	color: #81d2ff;
}

input:checked + .sliderLong:after {
	content: "Log in";
}

.pageBlur {
	background-image: url(../images/Release%203%20UIUX%20Version%204.1fon.png);
}

.contact {
	background-image: url(../images/Release%203%20UIUX%20Version%204.1fon.png);
}

.about {
	background-image: url(../images/Release%203%20UIUX%20Version%204.1fon.png);
}

.ft {
	background-image: url(../images/Release%203%20UIUX%20Version%204.1fon.png);
}

.profile {
	background-image: url(../images/Release%203%20UIUX%20Version%204.1fon.png);
}

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

.slider.round:before {
	border-radius: 34px;
	line-height: 30px;
}

#actions {
	display: none;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	height: 300px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin-top: 0px !important;
}

.GapContribution {
	table-layout: fixed;
}

#actionsTable > tbody > tr > td:nth-child(1) {
	color: #81d2ff;
	border-left: none;
	border-right: none;
	border-bottom: none;
	vertical-align: middle;
}

.dontWorry {
	padding: 20px 80px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border-radius: 60px;
	min-width: 900px;
	width: 100%;
	font-size: 30px;
	color: white;
	background: #ebb120;
	text-align: left;
	position: relative;
	-webkit-transform: translate(-144px, 10px);
	-ms-transform: translate(-144px, 10px);
	transform: translate(-144px, 10px);
}

.dontWorry::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	border: 6px solid #f00;
	border-right: none;
	border-top-left-radius: 60px;
	height: 43%;
	width: 67%;
	border-bottom: none;
}

.dontWorry::after {
	content: " ";
	position: absolute;
	left: 240px;
	top: 47%;
	bottom: 0;
	right: 0;
	border: 6px solid #f00;
	border-left: none;
	border-bottom-right-radius: 55px;
	height: 49%;
	width: 77%;
	border-top: none;
}

.dontWorry > a {
	float: right;
	border: 1px solid red;
	background: white;
	padding: 21px;
	border-radius: 100px;
	color: red;
}

.dontWorry > div {
	padding: 10px 40px;
}


#actionsTable > tbody > tr {
	border-top: 1px solid #81d2ff;
}

#actionsTable {
	border-collapse: separate;
	margin-top: 20px;
	margin-bottom: 90px;
}

#actionsTable td {
	border: solid 1px #81d2ff;
}

.topRadius > th {
	border: 2px solid #81d2ff;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}

.emptyTD {
	width: 20px;
}

.emptyTH {
	border: none;
}

#actionsTable > tbody > tr > td:nth-child(9) {
	border-right: none;
}

#actions > div.trianguleSlide > button.w3-button.w3-display-left > img {
	width: 50px;
}

#actions > div.trianguleSlide > button.w3-button.w3-display-right > img {
	width: 50px;
}

.trianguleSlide {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin-top: 6%;
	display: -ms-inline-grid !important;
	display: inline-grid !important;

}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	overflow: auto;
}

.cd-table #emptyLi {
	width: 20px;
	border: none;
	margin-top: 4px;
}

body > #modalWiz > #ModalWizBkgr {
	background: rgba(255, 255, 255, 0.9);
}

#ajaxContent > div.personIcon > div.personIconP > p:nth-child(6) {
	display: none;
}

.wrapperDescription.perfchart {
	-webkit-transform: translate(473px, 5px);
	-ms-transform: translate(473px, 5px);
	transform: translate(473px, 5px);
	width: 49%;
	z-index: 1010;
}

#circleProgress > div.wrapperDescription:hover {
	border: none;
}

#gapTable > div.wrapperDescription:hover {
	border: none;
}

.wrapperDescription:hover {
	border: 5px solid yellow;
}

.wrapperDescription {
	display: none;
	min-height: 100px;
	width: 100%;
	position: absolute;
	z-index: 1000;
	background: transparent;
	height: 100%;
	margin-top: -15px;
}

.wrapperDescription.riskchart {
	-webkit-transform: translate(5px, 5px);
	-ms-transform: translate(5px, 5px);
	transform: translate(5px, 5px);
	width: 49%;
	z-index: 1010;
}

.cd-table .cd-unchecked span,
.cd-table .cd-checked span {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.cd-table {
	position: relative;
	max-width: 600px;
	width: 100%;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0 auto;
	margin-top: 10px;
	z-index: 0;
}

.cd-table50 {
	position: relative;
	width: 100%;
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0 auto;
}

.cd-table .cd-table-container {
	position: relative;
	width: 100%;
}

.cd-table50 .cd-table50-container {
	position: relative;
	width: 100%;
}

.cd-table .cd-table-wrapper {
	width: 870px;
	padding-left: 120px;
}

.cd-table50 .cd-table50-wrapper {
	width: 100%;
	padding-left: 120px;
}

#row_empty {
	max-width: 500px;
	width: 100%;
	margin-top: 20px;
}

body > div.swal2-container.swal2-center.swal2-backdrop-show.yellow_finish_modal > div > div.swal2-actions > button.swal2-confirm.LastCongratButton.swal2-styled {
	padding: 25px 40px;
}

.cd-table .cd-table-column {
	width: 100px;
	float: left;
	border: 4px solid #81d2ff;
	margin-left: -1px;
	border-top-right-radius: 35px;
	border-top-left-radius: 35px;
	border-bottom-left-radius: 35px;
	border-bottom-right-radius: 35px;
}

.cd-table50 .cd-table50-column {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	float: left;
	border: 1px solid #81d2ff;
	border-bottom: none;

}

.buttonOutside {
	-webkit-transform: translate(528px, 10px);
	-ms-transform: translate(528px, 10px);
	transform: translate(528px, 10px);
}

#holderWrap > div.rankTable > div.table50 > section > div > div > div > ul > li:nth-child(6) {
	border-bottom: none;
}

.cd-table h2,
.cd-table ul > li {
	position: relative;
	text-align: center;
	border-bottom: 1px solid #81d2ff;
	height: 31px;
	line-height: 35px;
	font-size: 20px;
}

ul > li.inputLi {
	padding: 8px;
}

.cd-table50 h2,
.cd-table50 ul > li {
	position: relative;
	text-align: center;
	border-bottom: 1px solid #81d2ff;
	line-height: 35px;
	font-size: 23px;
	width: 100px;
}

#lightSlider > li {
	border-bottom: none;
	height: 0px;
}

.headerLi50 {
	font-size: 25px;
	color: #81d2ff;
}

#holderWrap > div.rankTable > div.table50 > section > div > div > div > ul > li:nth-child(2) {
	font-size: 25px;
	color: #81d2ff;
}


.cd-table ul > li:last-child {
	border-bottom: none;
}

#row_13962 > ul > li.inputLi {
	padding: 10px;
}

.cd-table header.cd-table-column {
	position: absolute;
	width: 120px;
	height: 100%;
	left: 0;
	top: 4px;
	margin-left: 0;
}

.headerLi {
	color: #81d2ff;

}

.cd-table > div > div > div > ul > li.inputLi {
	padding: 20px 10px;
}

.cd-table header.cd-table-column {
	border-top: none;
}

#ajaxContent > div:nth-child(7) {
	font-size: 27px;
	color: #81d2ff;
	padding: 10px;
}

.radioDiagram > #zinsentw > label {
	font-size: 20px;
	padding: 5px 25px 5px 5px;
}

.radioDiagram > #zinsentw > span > input {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	visibility: collapse;
	position: absolute;
}

#horizon > .wrapperDescription > .radioDiagramAll > div > label {
	font-size: 20px;
	padding: 5px 25px 5px 5px;
}

#horizon > .wrapperDescription > .radioDiagramAll > div > span > input {
	width: 25px;
	height: 25px;
	vertical-align: middle;
	visibility: collapse;
	position: absolute;
}

.radioDiagramButton {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border: 2px solid #81d2ff;
	border-radius: 50px;
	padding: 3px 20px;
	margin: 0 auto;
	-webkit-transform: translate(7px, 33px);
	-ms-transform: translate(7px, 33px);
	transform: translate(7px, 33px);
	-webkit-box-shadow: inset 0px 0px 4px #81d2ff;
	box-shadow: inset 0px 0px 4px #81d2ff;
}

.radioDiagramButton:hover {
	background: #81d2ff;
}

.selectedHorizon {
	background: #e6f3fa;
}

#zinsentw {
	max-width: 900px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
	z-index: 0;
}

#zinsentw > span > label {
	padding: 20px;
}

#horizon > .wrapperDescription > .radioDiagramAll > div {
	max-width: 1500px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#horizon > .wrapperDescription > .radioDiagramAll > div > span > label {
	padding: 20px;
}

#step1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.message {
	background: #ebb120;
	text-align: center;
	padding: 30px 60px;
	font-size: 1vw;
	border-radius: 60px;
	color: white;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 800px;
	width: 100%;
	min-height: 260px;
	position: relative;
}

.message > p {
	line-height: 1.2;
}

#person_l1_s1_info_3 > div.message > p {
	line-height: 1;
}

#person_l1_s1_info_1 > div.message > p {
	line-height: 1;
}

#person_l1_s1_info_2 > div.message > p {
	line-height: 1.2;
}

.buttonNext {
	font-size: 27px;
	color: #81d2ff;
	padding: 10px 150px;
	border-radius: 40px;
	background: white;
	margin-top: 10px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

}

.buttonNext:hover {
	background: #e0f1f8;
}

#step1 > div.personMessage {
	margin-left: 50px;
}

#redirectModal > div {
	height: 100%;
}

#redirectModal > div > div {
	height: 100%;
}

#redirectModal > div > div > div.modal-body {
	height: 100%;
}

#holderWrap > div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > th:first-child {
	border-bottom: none;
}

#holderWrap > div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td {
	border-bottom: none;
}


div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalLimit > span {
	font-size: 35px;
	color: black;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(3) > td:nth-child(23) {
	border-right: none;
}

div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk > span {
	font-size: 35px;
	color: black;
}

#person_l1_s1_info_1 {
	-webkit-transform: translate(88px, 219px);
	-ms-transform: translate(88px, 219px);
	transform: translate(88px, 219px);
	margin-top: -100px;
}

#person_l1_s1_finish_1 > div.character {
	max-width: 300px;
	width: 100%;
}

#arr1_l1_s1_info_1 {
	-webkit-transform: translate(-270px, -230px);
	-ms-transform: translate(-270px, -230px);
	transform: translate(-270px, -230px);
}

#arr2_l1_s1_info_1 {
	-webkit-transform: translate(-260px, -355px) rotate(90deg);
	-ms-transform: translate(-260px, -355px) rotate(90deg);
	transform: translate(-260px, -355px) rotate(90deg);
}

#arr3_l1_s1_info_1 {
	-webkit-transform: rotate(180deg) translate(245px, 280px);
	-ms-transform: rotate(180deg) translate(245px, 280px);
	transform: rotate(180deg) translate(245px, 280px);
}

#person_l1_s1_info_2 {
	-webkit-transform: translate(140px, 219px);
	-ms-transform: translate(140px, 219px);
	transform: translate(140px, 219px);
	margin-top: -100px;
}

#arr1_l1_s1_info_2 {
	-webkit-transform: rotate(180deg) translate(495px, 130px);
	-ms-transform: rotate(180deg) translate(495px, 130px);
	transform: rotate(180deg) translate(495px, 130px);
}

#arr2_l1_s1_info_2 {
	-webkit-transform: translate(-290px, -225px) rotate(45deg);
	-ms-transform: translate(-290px, -225px) rotate(45deg);
	transform: translate(-290px, -225px) rotate(45deg);
}

#arr3_l1_s1_info_2 {
	-webkit-transform: rotate(219deg) translate(1035px, -140px);
	-ms-transform: rotate(219deg) translate(1035px, -140px);
	transform: rotate(219deg) translate(1035px, -140px);
}

#person_l1_s1_info_3 {
	-webkit-transform: translate(88px, 219px);
	-ms-transform: translate(88px, 219px);
	transform: translate(88px, 219px);
}

#arr1_l1_s1_info_3 {
	-webkit-transform: rotate(180deg) translate(500px, 336px);
	-ms-transform: rotate(180deg) translate(500px, 336px);
	transform: rotate(180deg) translate(500px, 336px);
}

#arr2_l1_s1_info_3 {
	-webkit-transform: rotate(180deg) translate(220px, 200px);
	-ms-transform: rotate(180deg) translate(220px, 200px);
	transform: rotate(180deg) translate(220px, 200px);
}

#person_l1_s1_info_4 {
	-webkit-transform: translate(338px, -225px);
	-ms-transform: translate(338px, -225px);
	transform: translate(338px, -225px);
}

#arr1_l1_s1_info_4 {
	-webkit-transform: rotate(180deg) translate(-189px, 367px);
	-ms-transform: rotate(180deg) translate(-189px, 367px);
	transform: rotate(180deg) translate(-189px, 367px);
}

#arr2_l1_s1_info_4 {
	-webkit-transform: translate(-519px, -340px) rotate(225deg);
	-ms-transform: translate(-519px, -340px) rotate(225deg);
	transform: translate(-519px, -340px) rotate(225deg);
}

#arr3_l1_s1_info_4 {
	-webkit-transform: rotate(90deg) translate(35px, 731px);
	-ms-transform: rotate(90deg) translate(35px, 731px);
	transform: rotate(90deg) translate(35px, 731px);
}

#arr1_l1_s1_info_5 {
	-webkit-transform: rotate(180deg) translate(-150px, 210px);
	-ms-transform: rotate(180deg) translate(-150px, 210px);
	transform: rotate(180deg) translate(-150px, 210px);
}

#arr3_l1_s1_info_5 {
	-webkit-transform: rotate(270deg)translate(70px, -1840px);
	-ms-transform: rotate(270deg)translate(70px, -1840px);
	transform: rotate(270deg)translate(70px, -1840px);
}

#arr2_l1_s1_info_5 {
	-webkit-transform: rotate(270deg) translate(886px, 40px);
	-ms-transform: rotate(270deg) translate(886px, 40px);
	transform: rotate(270deg) translate(886px, 40px);
}

#person_l1_s1_finish_1 {
	-webkit-transform: translate(89px, 45px);
	-ms-transform: translate(89px, 45px);
	transform: translate(89px, 45px);
}

#arr1_l1_s1_finish_1 {
	-webkit-transform: translate(-379px, -70px);
	-ms-transform: translate(-379px, -70px);
	transform: translate(-379px, -70px);
}

#person_l1_s2_info_1 {
	-webkit-transform: translate(1188px, 219px);
	-ms-transform: translate(1188px, 219px);
	transform: translate(1188px, 219px);
	margin-top: -80px;
}

#arr1_l1_s2_info_1 {
	-webkit-transform: rotate(270deg) translate(0px, -1134px);
	-ms-transform: rotate(270deg) translate(0px, -1134px);
	transform: rotate(270deg) translate(0px, -1134px);
}

#arr2_l1_s2_info_1 {
	-webkit-transform: rotate(180deg) translate(210px, 140px);
	-ms-transform: rotate(180deg) translate(210px, 140px);
	transform: rotate(180deg) translate(210px, 140px);
}

#arr3_l1_s2_info_1 {
	-webkit-transform: rotate(270deg) translate(800px, -332px);
	-ms-transform: rotate(270deg) translate(800px, -332px);
	transform: rotate(270deg) translate(800px, -332px);
}

#person_l1_s2_finish_1 {
	-webkit-transform: translate(128px, 67px);
	-ms-transform: translate(128px, 67px);
	transform: translate(128px, 67px);
}

#arr1_l1_s2_finish_1 {
	-webkit-transform: translate(-378px, -26px);
	-ms-transform: translate(-378px, -26px);
	transform: translate(-378px, -26px);
}

.gapTable_finish_1_m {
	display: block !important;
	z-index: 2000;
	-webkit-transform: translate(1296px, -760px);
	-ms-transform: translate(1296px, -760px);
	transform: translate(1296px, -760px);
	background: white;
}

.circleProgress_finish_1_m {
	z-index: 2000;
	-webkit-transform: translate(1290px, 39px);
	-ms-transform: translate(1290px, 39px);
	transform: translate(1290px, 39px);
}

#modalWiz > .personMessageCircleDiagram > div.character {
	max-width: 300px;
	width: 100%;
}

#modalWiz > .personMessageCircleDiagram > div.character > img {
	max-width: 300px;
	width: 100%;
	margin-left: 190px;
}

#modalWiz > .personMessageCenterBig > div.character {
	max-width: 300px;
	width: 100%;
}

#modalWiz > .personMessageCenterBig > div.character > img {
	max-width: 300px;
	width: 100%;
	margin-left: 190px;
}

#modalWiz > .personMessageCenterBig > div.message {
	min-height: 300px;
	max-width: 1400px;
}

#arr1_l2_s5_info_1 {
	-webkit-transform: rotate(270deg) translate(-370px, -1090px);
	-ms-transform: rotate(270deg) translate(-370px, -1090px);
	transform: rotate(270deg) translate(-370px, -1090px);
}

#person_l2_s5_info_2 {
	-webkit-transform: translate(1180px, 54px);
	-ms-transform: translate(1180px, 54px);
	transform: translate(1180px, 54px);
}

#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab {
	-webkit-transform: translate(120px, 120px);
	-ms-transform: translate(120px, 120px);
	transform: translate(120px, 120px);
}

#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab {
	-webkit-transform: translate(89px, 127px);
	-ms-transform: translate(89px, 127px);
	transform: translate(89px, 127px);
}

#person_l2_s8_finish_1 > div.personMessageCircleDiagramTab {
	-webkit-transform: translate(89px, 127px);
	-ms-transform: translate(89px, 127px);
	transform: translate(89px, 127px);
}

#person_l3_s9_finish_1 > div.personMessageCircleDiagramTab {
	-webkit-transform: translate(89px, 127px);
	-ms-transform: translate(89px, 127px);
	transform: translate(89px, 127px);
}

#person_l3_s10_finish_1 > div.personMessageCircleDiagramTab {
	-webkit-transform: translate(89px, 127px);
	-ms-transform: translate(89px, 127px);
	transform: translate(89px, 127px);
}

#person_l3_s11_finish_1 > div.personMessageCircleDiagramTab {
	-webkit-transform: translate(89px, 127px);
	-ms-transform: translate(89px, 127px);
	transform: translate(89px, 127px);
}

#person_l1_s1_finish_1 > div.character > img {
	max-width: 280px;
	width: 100%;
	margin-left: -250px;
}

#modalWiz > .modalPersonMesTabDia > div.personMessageCircleDiagramTab > div.character > img {
	max-width: 280px;
	width: 100%;
	margin-left: -250px;
}

#person_l1_s1_finish_1 > div.character > img {
	max-width: 300px;
	width: 100%;
}

#person_l1_s6_finish_1 > div.character {
	max-width: 300px;
	width: 100%;
}

#person_l1_s6_finish_1 > div.character > img {
	max-width: 300px;
	width: 100%;
}

body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.buttonClosedTab.swal2-styled {
	border: 1px solid #75bde1;
	border-radius: 50px;
	background-color: white;
	color: #75bde1;
	padding: 5px 20px;
	font-size: 28px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translate(614px, -107px);
	-ms-transform: translate(614px, -107px);
	transform: translate(614px, -107px);
}

#descr_ch_1 {
	-webkit-transform: translate(89px, 210px);
	-ms-transform: translate(89px, 210px);
	transform: translate(89px, 210px);
}

#arr1_descr_1 {
	-webkit-transform: rotate(105deg) translate(-100px, -558px);
	-ms-transform: rotate(105deg) translate(-100px, -558px);
	transform: rotate(105deg) translate(-100px, -558px);
}

#arr2_descr_1 {
	-webkit-transform: rotate(243deg) translate(160px, 470px);
	-ms-transform: rotate(243deg) translate(160px, 470px);
	transform: rotate(243deg) translate(160px, 470px);
}

#arr3_descr_1 {
	-webkit-transform: rotate(204deg) translate(-64px, 502px);
	-ms-transform: rotate(204deg) translate(-64px, 502px);
	transform: rotate(204deg) translate(-64px, 502px)
}

#descr_ch_2 {
	-webkit-transform: translate(89px, 280px);
	-ms-transform: translate(89px, 280px);
	transform: translate(89px, 280px);
}

#arr1_descr_2 {
	-webkit-transform: rotate(180deg) translate(-140px, 210px);
	-ms-transform: rotate(180deg) translate(-140px, 210px);
	transform: rotate(180deg) translate(-140px, 210px);
}

#arr2_descr_2 {
	-webkit-transform: rotate(180deg) translate(25px, 15px);
	-ms-transform: rotate(180deg) translate(25px, 15px);
	transform: rotate(180deg) translate(25px, 15px);
}

#descr_ch_3 {
	-webkit-transform: translate(89px, 210px);
	-ms-transform: translate(89px, 210px);
	transform: translate(89px, 210px);
}

#arr1_descr_3 {
	-webkit-transform: translate(478px, -20px);
	-ms-transform: translate(478px, -20px);
	transform: translate(478px, -20px);
}

#arr2_descr_3 {
	-webkit-transform: rotate(90deg) translate(-395px, -500px);
	-ms-transform: rotate(90deg) translate(-395px, -500px);
	transform: rotate(90deg) translate(-395px, -500px);
}

#arr3_descr_3 {
	-webkit-transform: rotate(180deg) translate(-530px, 180px);
	-ms-transform: rotate(180deg) translate(-530px, 180px);
	transform: rotate(180deg) translate(-530px, 180px);
}

#descr_ch_4 {
	-webkit-transform: translate(495px, -210px);
	-ms-transform: translate(495px, -210px);
	transform: translate(495px, -210px);
}

.wrapperDescription.perfchart {
	-webkit-transform: translate(135px, 80px);
	-ms-transform: translate(135px, 80px);
	transform: translate(135px, 80px);
	width: 32%;
	z-index: 1010;

}

.wrapperDescription.riskchart {
	-webkit-transform: translate(525px, 80px);
	-ms-transform: translate(4525px, 80px);
	transform: translate(525px, 80px);
	width: 32%;
	z-index: 1010;
}

body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton23_description_4.swal2-styled {
	border: 1px solid #75bde1;
	border-radius: 50px;
	background-color: white;
	color: #75bde1;
	padding: 10px 150px;
	font-size: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translate(-300px, -473px);
	-ms-transform: translate(-300px, -473px);
	transform: translate(-300px, -473px)
}

#arr1_descr_4 {
	-webkit-transform: translate(-558px, -450px) rotate(270deg);
	-ms-transform: translate(-558px, -450px) rotate(270deg);
	transform: translate(-558px, -450px) rotate(270deg);
}

#descr_ch_5 {
	-webkit-transform: translate(684px, -245px);
	-ms-transform: translate(684px, -245px);
	transform: translate(684px, -245px);
}

#arr1_descr_5 {
	-webkit-transform: translate(-390px, -418px) rotate(270deg);
	-ms-transform: translate(-390px, -418px) rotate(270deg);
	transform: translate(-390px, -418px) rotate(270deg)
}

#person_l1_s6_finish_1 {
	-webkit-transform: translate(100px, 120px);
	-ms-transform: translate(100px, 120px);
	transform: translate(100px, 120px);
}

#person_l1_s1_finish_1 {
	-webkit-transform: translate(100px, 0px);
	-ms-transform: translate(100px, 0px);
	transform: translate(100px, 0px);
}

#descr_ch_6 {
	-webkit-transform: translate(810px, -224px);
	-ms-transform: translate(810px, -224px);
	transform: translate(810px, -224px);
}

#arr2_descr_6 {
	-webkit-transform: rotate(270deg) translate(425px, 730px);
	-ms-transform: rotate(270deg) translate(425px, 730px);
	transform: rotate(270deg) translate(425px, 730px);
}

#arr1_descr_6 {
	-webkit-transform: rotate(270deg) translate(425px, -632px);
	-ms-transform: rotate(270deg) translate(425px, -632px);
	transform: rotate(270deg) translate(425px, -632px);
}

#descr_ch_7 {
	-webkit-transform: translate(900px, -224px);
	-ms-transform: translate(900px, -224px);
	transform: translate(900px, -224px);
}

#descr_ch_7 > div.message {
	max-width: 800px;
	width: 100%;
}

#arr2_descr_7 {
	-webkit-transform: rotate(270deg) translate(450px, 870px);
	-ms-transform: rotate(270deg) translate(450px, 870px);
	transform: rotate(270deg) translate(450px, 870px);
}

#arr1_descr_7 {
	-webkit-transform: translate(-225px, -450px) rotate(270deg);
	-ms-transform: translate(-225px, -450px) rotate(270deg);
	transform: translate(-225px, -450px) rotate(270deg);
}

#descr_ch_8 {
	-webkit-transform: translate(91px, 130px);
	-ms-transform: translate(91px, 130px);
	transform: translate(91px, 130px);
}

#descr_ch_8 > div.message {
	min-height: 350px;
}

#arr1_descr_8 {
	-webkit-transform: rotate(180deg) translate(-300px, 235px);
	-ms-transform: rotate(180deg) translate(-300px, 235px);
	transform: rotate(180deg) translate(-300px, 235px);
}

#arr2_descr_8 {
	-webkit-transform: rotate(180deg) translate(18px, 140px);
	-ms-transform: rotate(180deg) translate(18px, 140px);
	transform: rotate(180deg) translate(18px, 140px);
}

#arr3_descr_8 {
	-webkit-transform: rotate(180deg) translate(340px, 40px);
	-ms-transform: rotate(180deg) translate(340px, 40px);
	transform: rotate(180deg) translate(340px, 40px);
}

#descr_ch_9 {
	-webkit-transform: translate(252px, -43px);
	-ms-transform: translate(252px, -43px);
	transform: translate(252px, -43px);
}

#arr1_descr_9 {
	-webkit-transform: rotate(90deg) translate(-720px, -40px);
	-ms-transform: rotate(90deg) translate(-720px, -40px);
	transform: rotate(90deg) translate(-720px, -40px);
}

#descr_ch_10 > div.message {
	min-height: 350px;
}

#descr_ch_10 {
	-webkit-transform: translate(97px, 161px);
	-ms-transform: translate(97px, 161px);
	transform: translate(97px, 161px);
}

#arr1_descr_10 {
	-webkit-transform: rotate(90deg) translate(-530px, -526px);
	-ms-transform: rotate(90deg) translate(-530px, -526px);
	transform: rotate(90deg) translate(-530px, -526px);
}

#arr2_descr_10 {
	-webkit-transform: rotate(90deg) translate(-530px, -428px);
	-ms-transform: rotate(90deg) translate(-530px, -428px);
	transform: rotate(90deg) translate(-530px, -428px);
}

#arr3_descr_10 {
	-webkit-transform: rotate(90deg) translate(-530px, -335px);
	-ms-transform: rotate(90deg) translate(-530px, -335px);
	transform: rotate(90deg) translate(-530px, -335px);
}

#arr4_descr_10 {
	-webkit-transform: rotate(90deg) translate(-530px, -248px);
	-ms-transform: rotate(90deg) translate(-530px, -248px);
	transform: rotate(90deg) translate(-530px, -248px);
}

#descr_ch_11 {
	-webkit-transform: translate(790px, 170px);
	-ms-transform: translate(790px, 170px);
	transform: translate(790px, 170px);
}


#arr1_descr_11 {
	-webkit-transform: rotate(270deg) translate(58px, -300px);
	-ms-transform: rotate(270deg) translate(58px, -300px);
	transform: rotate(270deg) translate(58px, -300px);
}

#descr_ch_12 > div.message {
	min-height: 250px;
}

#descr_ch_12 {
	-webkit-transform: translate(1100px, 58px);
	-ms-transform: translate(1100px, 58px);
	transform: translate(1100px, 58px);
}

#arr1_descr_12 {
	-webkit-transform: rotate(270deg)translate(510px, -400px);
	-ms-transform: rotate(270deg)translate(510px, -400px);
	transform: rotate(270deg)translate(510px, -400px);
}

#descr_ch_13 {
	-webkit-transform: translate(1100px, 58px);
	-ms-transform: translate(1100px, 58px);
	transform: translate(1100px, 58px);
}

#arr1_descr_13 {
	-webkit-transform: rotate(270deg)translate(510px, -400px);
	-ms-transform: rotate(270deg)translate(510px, -400px);
	transform: rotate(270deg)translate(510px, -400px);
}

.gapTable_description_4_m {
	display: block;
	position: relative;
	z-index: 2000;
	height: 330px;
	background: white;
	-webkit-transform: translate(-20px, -35px);
	-ms-transform: translate(-20px, -35px);
	transform: translate(-20px, -35px);
}

.gapTable_description_4_m > div > div.wrapperDescription.gap {
	-webkit-transform: translate(147px, 11px);
	-ms-transform: translate(147px, 11px);
	transform: translate(147px, 11px);
	width: 165px;
	z-index: 1010;
}

.gapTable_description_8_m > div > .wrapperDescription.total {
	-webkit-transform: translate(496px, 24px);
	-ms-transform: translate(496px, 24px);
	transform: translate(496px, 24px);
	width: 100px;
	z-index: 1010;
}

.gapTable_description_5_m {
	display: block;
	position: relative;
	z-index: 2000;
	height: 330px;
	background: white;
	-webkit-transform: translate(-25px, -95px);
	-ms-transform: translate(-25px, -95px);
	transform: translate(-25px, -95px);
}

.circleProgress_description_6_m {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	z-index: 2000;
	-webkit-transform: translate(-16px, 87px);
	-ms-transform: translate(-16px, 87px);
	transform: translate(-16px, 87px);
}

.gapTable_description_6_m {
	display: block;
	position: relative;
	z-index: 2000;
	height: 330px;
	background: white;
	-webkit-transform: translate(1395px, -250px);
	-ms-transform: translate(1395px, -250px);
	transform: translate(1395px, -250px);
}

.circleProgress_description_7_m {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	z-index: 2000;
	-webkit-transform: translate(-9px, 20px);
	-ms-transform: translate(-9px, 20px);
	transform: translate(-9px, 20px);
}

.gapTable_description_7_m {
	display: block;
	position: relative;
	z-index: 2000;
	height: 330px;
	background: white;
	-webkit-transform: translate(1416px, -300px);
	-ms-transform: translate(1416px, -300px);
	transform: translate(1416px, -300px);
}

.gapTable_description_8_m {
	display: block;
	position: relative;
	z-index: 2000;
	height: 350px;
	background: white;
	-webkit-transform: translate(1300px, -67px);
	-ms-transform: translate(1300px, -67px);
	transform: translate(1300px, -67px);
}

.forecast_description_12_m {
	display: block;
	z-index: 2000;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.actions_description_13_m {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	z-index: 2000;
}

.progressBlockWhite_description_9_m {
	z-index: 2000;
}

.dotstyle_description_11_m {
	z-index: 2000;
}

body > .yellow_finish_modal > div > div.swal2-actions {
	background: #fffba0;
	margin-top: -2px;

}

body > .yellow_finish_modal > .swal2-popup {
	padding: 0;
}

body > .yellow_finish_modal > div {
	height: 100%;
	background: #fffba0;
}

body > .yellow_finish_modal {
	padding: 0;
}

body > .yellow_finish_modal > div > div.swal2-actions > button.swal2-confirm.swal2-styled {
	font-size: 100px;
	color: white;
	border-radius: 100%;
	padding: 25px 60px;
	background: #406f97;
	border: none !important;
}

.level7 {
	width: 100%;
	height: 800px;
}

.feedBackMes {
	max-height: 800px;
	height: 100%;
	max-width: 1200px;
	width: 100%;
	float: right;
	-webkit-transform: translate(-69px, 259px);
	-ms-transform: translate(-69px, 259px);
	transform: translate(-69px, 259px);
}

.feedBackMes > .backMes {
	background: url(/newDesign/images/iconsModal.png);
	background-size: 100%;
	max-height: 800px;
	height: 100%;
	background-repeat: no-repeat;
}

.feedBackMes > div > a:first-child > img {
	-webkit-transform: translate(-125px, 256px);
	-ms-transform: translate(-125px, 256px);
	transform: translate(-125px, 256px);
}

.feedBackMes > div > a:nth-child(2) > img {
	-webkit-transform: translate(20px, 250px);
	-ms-transform: translate(20px, 250px);
	transform: translate(20px, 250px);
}

.feedBackMes > div > a:nth-child(3) > img {
	-webkit-transform: translate(135px, 250px);
	-ms-transform: translate(135px, 250px);
	transform: translate(135px, 250px);
}

.feedBackMes > .backMesText {
	-webkit-transform: translate(0px, -680px);
	-ms-transform: translate(0px, -680px);
	transform: translate(0px, -680px);
	font-size: 50px;

}

.fullscr {
	height: 910px;
	margin: 0;
	width: 100%;
	float: left;
	position: absolute;
	zoom: 1.3;
	margin-top: -200px;
	z-index: 2;
	background: white;
}

.fullscr > .dashboard-graph > svg {
	max-height: 900px !important;
	height: 100%;
}

.fullscrInput {
	max-width: 450px;
	width: 100%;
	height: 70px;
}

.fullscrInput > div > #bars_height {
	font-size: 22px;
	height: 70px;
	max-width: 450px;
	width: 100%;
}

.fullscrInput > div > #but_bars {
	max-width: 80px;
	width: 100%;
	height: 70px;
	font-size: 22px;
}

.fullscrInput > div > #but_bars_cancel {
	max-width: 80px;
	width: 100%;
	height: 70px;
	font-size: 22px;
}

.resultColumn2 {
	margin-left: 150px;
}

body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_quiz_1.swal2-styled {
	border: 1px solid #75bde1;
	border-radius: 50px;
	background-color: white;
	color: #75bde1;
	padding: 10px 150px;
	font-size: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	-webkit-transform: translate(590px, -610px);
	-ms-transform: translate(590px, -610px);
	transform: translate(590px, -610px);
}

body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
	max-width: 500px;
	width: 100%;
	margin: 118px 240px;
}

.selectCountry {
	border-width: 0px;
	border-bottom: 2px solid #75bde1;
	font-size: 18px;
	outline: none;
	background: white;
	width: 100%;
	height: 90px;
	color: #75bde1;
}

.functionArea {
	font-size: 18px;
	outline: none;
	background: white;
	width: 100%;
	height: 90px;
	color: #75bde1;
	text-align: left;
	padding-top: 20px;
}

.functionArea > textarea {
	border: 2px solid #75bde1;
	width: 100%;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(6) > td:nth-child(23) {
	border-right: none;
}

#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(6) {
	border-bottom: none;
}

#arr1_l1_s2_info_2 {
	-webkit-transform: rotate(270deg) translate(9.5px, -15px);
	-ms-transform: rotate(270deg) translate(905px, -15px);
	transform: rotate(270deg) translate(905px, -15px);
}

#arr2_l1_s2_info_2 {
	-webkit-transform: rotate(270deg) translate(905px, -105px);
	-ms-transform: rotate(270deg) translate(905px, -105px);
	transform: rotate(270deg) translate(905px, -105px);
}

#arr3_l1_s2_info_2 {
	-webkit-transform: rotate(270deg) translate(905px, -190px);
	-ms-transform: rotate(270deg) translate(905px, -190px);
	transform: rotate(270deg) translate(905px, -190px);
}


#arr1_l3_s9_info_2 {
	-webkit-transform: rotate(270deg) translate(9.5px, -31px);
	-ms-transform: rotate(270deg) translate(905px, -31px);
	transform: rotate(270deg) translate(905px, -31px);
}

#arr2_l3_s9_info_2 {
	-webkit-transform: rotate(270deg) translate(905px, -125px);
	-ms-transform: rotate(270deg) translate(905px, -125px);
	transform: rotate(270deg) translate(905px, -125px);
}

#arr3_l3_s9_info_2 {
	-webkit-transform: rotate(270deg) translate(905px, -215px);
	-ms-transform: rotate(270deg) translate(905px, -215px);
	transform: rotate(270deg) translate(905px, -215px);
}

#swal2-content > div > div.topFeedBack > div.logoFeedBack > img {
	max-width: 400px;
	width: 100%;
}

#swal2-content > div > div.topFeedBack > div.logoFeedBack {
	max-width: 400px;
	width: 100%;
}

#swal2-content > div > div.topFeedBack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 10px;
}


#swal2-content > div > div.topFeedBack > div.topRightFeedback {
	right: 20%;
	position: absolute;

}

#swal2-content > div > div.footerFeed > div.rightFooterFeed > div > img {
	max-width: 200px;
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

#swal2-content > div > div.footerFeed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: #81d2ff;
	height: 125px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 20px 220px 20px 40px;
}

#ajaxContent > div.tableFutureInterest > div > table > tbody > tr:nth-child(11) {
	border-bottom: none;
}

#actionlist {
	margin-top: -20px;
	margin-bottom: -20px;
	line-height: 1.5;
}

.gapTable_description_6_m > .wrapperDescription:hover {
	border: none;
}

.gapTable_description_6_m > .wrapperDescription:hover {
	border: none;
}

.gapTable_description_8_m > .wrapperDescription:hover {
	border: none;
}

.circleProgress_description_6_m > .wrapperDescription:hover {
	border: none;
}

.circleProgress_description_7_m > .wrapperDescription:hover {
	border: none;
}

.circleProgress_description_6_m > .wrapperDescription > .perfchart:hover {
	border: none;
}

.circleProgress_description_6_m > .wrapperDescription > .riskchart:hover {
	border: none;
}

.circleProgress_description_7_m > .wrapperDescription > .perfchart:hover {
	border: none;
}

.circleProgress_description_7_m > .wrapperDescription > .riskchart:hover {
	border: none;
}

.horizon_description_10_m > .wrapperDescription:hover {
	border: none;
}

.dropdownFull {
	-webkit-transform: translate(0px, -327px);
	-ms-transform: translate(0px, -327px);
	transform: translate(0px, -327px);
}

.dropdownMini {
	width: 250px;
	-webkit-transform: scale(1.5) translate(8px, -32px);
	-ms-transform: scale(1.5) translate(8px, -32px);
	transform: scale(1.5) translate(8px, -32px);
}

.forecast_el_description_12_m {
	background: white;
}


#horizon > .wrapperDescription > .radioDiagramAll > div {
	max-width: 1500px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#gameContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	z-index: 20000;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: rgb(130, 128, 128);
	bottom: 0;
	right: 0;
}

body > div.container > div.leftSideP7 > div.rateEmoji > div > a:nth-child(2) > img {
	display: none;
}

body > div.container > div.leftSideP7 > div.rateEmoji > div > a:nth-child(5) > img {
	display: none;
}

body > #Contact_page > div.leftSideP7 > div.rateEmoji > div > a:nth-child(2) > img {
	display: inline-block;
}

body > #Contact_page > div.leftSideP7 > div.rateEmoji > div > a:nth-child(5) > img {
	display: inline-block;
}

#Contact_page .submitInput {
	max-width: 30%;
	width: 100%;
}

#Contact_page .InputHello {
	width: 100%;
	outline: none;
	border-radius: 30px;
}

/*New version page11 Accordion*/
#socialIconsSmallP11 > a.googleIcon > img {
	width: 70px;
}

#socialIconsSmallP11 > a.googleIcon > img:hover {
	opacity: 0.7;
}

#inPage11 {
	width: 70px;
	height: 70px;
}

#socialIconsSmallP11 {
	min-width: 0px;
}

body > div > div.leftSideP3 > div.LangSocRtop > div.langSoc {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

#pYellowP11 {
	font-size: 70px;
	border: none;
	padding: 15px 40px;
}

/*fin new design*/

.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
	height: 100%;
}

.accordion-item-content,
.accordion:hover .accordion-item-content {
	height: 0;
	overflow: hidden;
}

/* Aesthetic */

.accordion {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	background: #c8e3f2;
	font-size: 2vw;
	color: #64afda;
	border-radius: 60px;
}

#res_pic {
	max-width: 200px;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.accordion-item:hover {
	background-color: #b1d1ef;
	padding-bottom: 0 !important;
}

.accordion .accordion-item {
	border-bottom: 3px solid #64afda;
	padding: 20px;

}

.accordion-item--default {
	padding-bottom: 0 !important;
	border-bottom: 3px solid #64afda;
}

.accordion-item--default:nth-child(1):hover {
	background-color: #b1d1ef;
	border-top-left-radius: 60px;
	border-top-right-radius: 60px;
}

body > div > div.introWrapper > div.rightsideP11 > div.accordion > section:nth-child(3) {
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
}

body > div > div.introWrapper > div.rightsideP11 > div.accordion > section > h1 > a {
	position: absolute;
	right: -60px;
}

.accordion-item-content > div > p {
	font-size: 1.1vw;
	line-height: 1.2;
	margin-bottom: 10px;
	text-align: left;
}

.accordion-item > h1 {
	padding: 10px;
	/*	text-transform: lowercase;*/
	position: relative;
	max-width: 91%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.accordion-item > h1 > p {
	font-size: 0.5em;

}

.accordion-item > h1 > p > strong {
	font-size: 2em;
	padding: 15px;
}

.accordPerson {
	max-width: 10vw;
	width: 100%;
	margin-left: 30px;
	margin-right: 30px;
	height: 100%;
}

.accordion-item-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.accordText {
	padding: 20px;
	padding-bottom: 0;
}


body > .custom_backdrop > div {
	width: 50% !important;
	height: 100%;
	padding: 0px !important;
	-webkit-box-flex: 0.5;
	-ms-flex: 0.5;
	-webkit-flex: 0.5 !important;
	flex: 0.5 !important;
}

body > .custom_backdrop > div > .custom_popup_content {
	height: 100%;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(1) {
	width: 21%;
}

#swal2-content > div > div.containerFeed > div.topFeedBack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: rgba(255, 255, 255, 1);
	background: -o-linear-gradient(9deg, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 39%, rgba(129, 210, 255, 1) 40%, rgba(129, 210, 255, 1) 59%, rgba(128, 210, 255, 1) 100%);
	background: -o-linear-gradient(81deg, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 39%, rgba(129, 210, 255, 1) 40%, rgba(129, 210, 255, 1) 59%, rgba(128, 210, 255, 1) 100%);
	background: linear-gradient(9deg, rgba(255, 255, 255, 1) 4%, rgba(255, 255, 255, 1) 39%, rgba(129, 210, 255, 1) 40%, rgba(129, 210, 255, 1) 59%, rgba(128, 210, 255, 1) 100%);
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 5px !important;
}

#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack > img {
	max-width: 500px;
	width: 100%;
}

#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack {
	max-width: 500px;
	width: 100%;
}

#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback {
	color: white;
}

#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h1 {
	font-size: 3vw;
	text-align: right;
}

#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h3 {
	font-size: 2.5vw;
	text-align: right;
}

#swal2-content > div > div.containerFeed > div.contentFeed > div.emojiFeed > a > img {
	max-width: 150px;
	padding: 15px;
	border: 3px solid #81d2ff;
	border-radius: 100%;
	background: white;
}

#swal2-content > div > div.containerFeed > div.contentFeed > h5 {
	display: none;
}

#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
	padding: 10px 50px 10px 20px;
	border: 3px solid #81d2ff;
	border-radius: 60px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 200px;
	width: 100%;
	text-align: right;
	background: white;
	-webkit-transform: translate(138px, 10px);
	-ms-transform: translate(138px, 10px);
	transform: translate(138px, 10px);
	position: relative;
	z-index: 0;
	line-height: 2;
	color: #81d2ff;
}

#swal2-content > div > div.containerFeed > div.contentFeed {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	padding: 30px;
}

#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > hr {
	max-width: 300px;
	width: 100%;
	text-align: right;
	margin-right: 0;
	background: white;
}

#swal2-content > div > div.feedContent {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

#swal2-content > div > div.feedContent {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 80px 100px 0px;
	border: 4px solid #81d2ff;
	border-radius: 50px;
	margin-top: -100px;
	margin-bottom: 102px;
}

body > div.container > div.rightSideP6 > table > tbody > tr > td:nth-child(2) {
	max-width: fit-content;
	padding: 0px 10px;
}

#swal2-content > div > div.feedContent > h6 {
	font-size: 1.8vw;
	color: #81d2ff;
	margin-bottom: 30px;
}

#swal2-content > div > div.feedContent > div > form {
	max-width: 600px;
	width: 100%;
	text-align: left;
	padding-left: 60px;
	color: #81d2ff;
	font-size: 1.2vw;
}

#swal2-content > div > div.containerFeed > div.contentFeed > div.emojiFeed {
	margin: -37px 91px;
	z-index: 1;
}

#swal2-content > div > div.feedContent > button {
	padding: 30px 60px;
	background: #81d2ff;
	border-radius: 60px;
	font-size: 30px;
	color: white;
	-webkit-transform: translate(275px, 43px);
	-ms-transform: translate(275px, 43px);
	transform: translate(275px, 43px);
}

#swal2-content > div > div.feedContent > button:hover {
	background: #e0f1f8;
	color: #81d2ff;
}




#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h5 {
	font-size: 38px;
	text-align: right;
}

body > div > div > #progressBlockWhite > div.progress-bar > .progress > .darkBkgr {
	color: white;
}

.numberProgress {
	padding-left: 10px;
	line-height: 1.2;
	padding-right: 20px;
}

.quiz_inp {
	background: none;
	margin-top: -15px;
	width: 400px !important;
	-webkit-transform: translate(-127px, 26px);
	-ms-transform: translate(-127px, 26px);
	transform: translate(-127px, 26px);
}

#swal2-content > div > div.footerFeed > div.rightFooterFeed > a > p {
	color: white;
	padding: 20px 40px;
	background-color: #d7e7f4;
	border-radius: 60px;
	font-size: 2vw;
}

#swal2-content > div > div.footerFeed > div.rightFooterFeed > a > p:hover {
	background: white;
	border: 2px solid #81d2ff;
	color: black;
}

#swal2-content > div > div.footerFeed > div.rightFooterFeed {
	margin-top: 15px;
}

#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-linkedin {
	background: white;
	font-size: 41px;
	height: 46px;
	width: 46px;
}

#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram:before {
	font-size: 45px;
	padding: 10px 12px;
	border: 3px solid black;
	border-radius: 100%;
	background: white;
}

#swal2-content > div > div.footerFeed > div.followFeed > p {
	color: white;
	font-size: 1.2vw;
}

#swal2-content > div > div.footerFeed > div.followFeed > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}


#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram {
	margin-right: 25px;
}

.custom_popup_content > #swal2-content > div {
	max-width: 1270px;
	width: 100%;
	max-height: 1440px;
	height: 100%;
	min-width: 450px;
}

/*newDesign Page3*/
body > div > div.leftSideP3 > div.titleP3 {
	max-width: 800px;
	width: 100%;
	padding: 20px;
	line-height: 1.5;
	margin-top: 10%
}

body > div > div.leftSideP3 > div.titleP3 > p {
	font-size: 3vw;
	text-align: left;
}

body > div.container > div.right > div.login > .switch {
	position: relative;
	margin: 20px auto;
	height: 41px;
	width: 450px;
	background: #75bde1;
	border-radius: 60px;
	border: 3px solid #75bde1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.switch-label {
	position: relative;
	z-index: 2;
	float: left;
	width: 220px;
	line-height: 35px;
	font-size: 26px;
	color: white;
	text-align: center;
	cursor: pointer;
}

.switch-label:active {
	font-weight: bold;
}

.switch-label-off {
	padding-left: 2px;
}

.switch-label-on {
	padding-right: 2px;
}

.switch-input {
	display: none;
}

.switch-input:checked + .switch-label {
	font-weight: bold;
	color: #75bde1;
	-webkit-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
}

.switch-input:checked + .switch-label-off ~ .switch-selection {
	left: 200px;
}

.switch-selection {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	bottom: 0;
	max-width: 244px;
	width: 100%;
	height: 35px;
	background: white;
	border-radius: 60px;
	-webkit-transition: left 0.15s ease-out;
	-o-transition: left 0.15s ease-out;
	transition: left 0.15s ease-out;
}

.hrLoginP {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #75bde1;
	line-height: 0.1em;
	margin: 10px 0 20px;
	color: #75bde1;
	font-size: 1vw;
}

.hrLoginP > span {
	background: #fff;
	padding: 0 10px;
}

.hrLogin {
	margin-top: 75px;
	margin-bottom: 50px;
}

.page3 > div.container > div.socialIconsBig {
	display: none;
}

.btn-si {
	background-position: 0.9em;
	background-repeat: no-repeat;
	background-size: 3em;
	border-radius: 0.5em;
	border: none;
	color: white;
	cursor: pointer;
	font-size: 0.8em;
	height: 4em;
	line-height: 1em;
	padding: 0 1em 0 5em;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.btn-google {
	background-color: #75bde1;
	background-image: url("../images/googleIcon.png");
}

.btn-google:hover {
	background-color: #e47365;
}

.btn-google:active {
	background-color: #c23321;
}

.btn-linkedin {
	background-color: #75bde1;
	background-image: url("../images/PikPng.com_linkedin-logo-png_597805.png");
}

.btn-linkedin:hover {
	background-color: #e47365;
}

.btn-linkedin:active {
	background-color: #e47365;
}

.forgotPass {
	color: #0073ba;
	text-decoration: underline;
	line-height: 3;
}

.newRegistr {
	color: #0073ba;
}

.newRegistr > a {
	text-decoration: underline;
}

body > div > div.right > div.registration > form > p {
	margin-top: 30px;
}

body > div > div.right > div.registration > form > p > a {
	text-decoration: underline;
}

.btn-si-a {
	padding: 15px 15px 15px 65px !important;
}

body > div > div.right > div > form > div.box.box-a > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

body > div > div.right > div.login > form > div.buttons {
	margin: 40px;
}


.accordion:hover section:hover > .accordion_content,
.accordion section.default > .accordion_content {
	height: 6em;
}

.accordion section > .accordion_content,
.accordion:hover section > .accordion_content {
	height: 0;
	overflow: hidden;
	-webkit-transition: height .25s;
	-o-transition: height .25s;
	transition: height .25s;
}

body > div > div > div.rightsideP11 > ul > li:nth-child(1) > label {
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
}

body > div.container > div > div.rightsideP11 > ul > li:nth-child(3) > label {
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
}

#submit_sublevel {
	background-color: #75bde1;
	padding: 3px 20px;
	border-top-left-radius: 15px;
	color: white;
	margin-right: 40px;
	border-bottom-left-radius: 15px;
	z-index: 1;
	font-size: 1vw;
}

#submit_sublevel:hover {
	opacity: 0.6;
}

#submitBtB {
	background-color: #75bde1;
	padding: 3px 20px;
	border-radius: 15px;
	color: white;
	margin-right: 80px;
	font-size: 1vw;
	border-bottom-left-radius: 15px;
	border-top-left-radius: 15px;
}

body > div > div > div.rightsideP11 > ul > li > div > div > div {
	float: right;
	background: white;
	border-radius: 60px;
	padding: 10px 30px;
	border: 2px solid #75bde1;
	margin: 20px;
}

body > div > div > div.rightsideP11 > ul > li:nth-child(3) > img {
	display: none;
}

.rightsidePassChange {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}

body > div > div > div.rightsideP11 > ul > li > div > div > div > a {
	font-size: 1.2vw;
	color: #75bde1;
}

#reset {
	background-color: #75bde1;
	padding: 3px 28px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
	color: white;
	z-index: 1;
	font-size: 1vw;
}

#reset:hover {
	opacity: 0.6;
}

.accordion_toggle:checked {
	border-radius: 0px;
}

body > div.swal2-container.swal2-center.swal2-backdrop-show > .infoMsgPopup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 50vw;
	width: 100%;
	background: transparent;
}

.logReg > .checkbox {
	color: #81d2ff;
	text-align: left;
	padding-left: 20px;
}

.logReg > .checkbox > input > a {
	color: #81d2ff;
}

.linkTermsPrivacy {
	color: #81d2ff;
	text-decoration: underline;
}

body > div > div.right > div.login > form > div:nth-child(6) > label > span {
	margin-top: 20px;
}

body > div > div.right > div.login > form > div:nth-child(6) > label {
	font-size: 1vw;
	color: #75bde1;
}

.infoI {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 6vw;
	font-weight: 700;
	color: #ebb120;
	border: 4px solid #ebb120;
	border-radius: 100%;
	background: white;
	-webkit-transform: translate(-67px, 107px);
	-ms-transform: translate(-67px, 107px);
	transform: translate(-67px, 107px);
	width: 8vw;
	height: 8vw;
}

.messageInfo {
	border: 4px solid #ebb120;
	padding: 80px 80px 80px 120px;
	border-radius: 40px;
	background: white;
	height: 35vh;
}

.messageInfo > div {
	text-align: left;
	font-size: 3vw;
	font-weight: 700;
	border-bottom: 3px solid black;
}

.messageInfo > p {
	text-align: left;
	font-size: 2vw;
	font-weight: 700;
	padding: 20px;
	line-height: 1.2;
}

.infoMessage > .buttonNext {
	background: #ebb120;
	color: white;
	font-size: 2vw;
	margin-top: -60px;
	bottom: 40px;
}

.competition > div > div.rightsideP11 {
	max-width: 1200px;
	width: 100%;
	color: white;
	text-align: left;
	line-height: 1.5;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;

}

.hRightCompetition {
	max-width: 900px;
	width: 100%;
	text-align: left;
	margin-top: 5%;
}

.hRightCompetition > h1 {
	font-size: 3vw;
	text-transform: lowercase;
}

.hRightCompetition > hr {
	max-width: 300px;
	width: 100%;
	height: 1px;
	position: absolute;
	background: white;
}

.hRightCompetition > h3 {
	font-size: 2vw;
	margin-top: 30px;
	text-transform: lowercase;
	margin-bottom: 20px;
}

.competition > div.container > div.rightsideP11 > form {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	margin-top: 15%;
}

#globeLevel10 > img {
	max-width: 50px;
	width: 100%;

}

#descr_ch_7 {
	-webkit-transform: translate(926px, -180px);
	-ms-transform: translate(926px, -180px);
	transform: translate(926px, -180px);
}

body > div.container > div.rightsideLoadGame > div > div > a > img {
	margin-top: 0;
}

.activelinkGlobe {
	z-index: 1;
}

.activelinkGlobe > img {
	border: 3px solid red;
	border-radius: 100px;
	display: none;
}

.header-row {
	padding: 22px 10px !important;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(2) {
	width: 14%;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(3) {
	width: 13%;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(4) {
	width: 14%;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(6) {
	width: 20%;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(5) {
	width: 8%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(1) {
	width: 16%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(2) {
	width: 16%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(3) {
	width: 9%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(4) {
	width: 14%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(5) {
	width: 8%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(6) {
	width: 14%;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(7) {
	width: 13%;
}

body > div.container > div.contentLoadGame > div > table.tableHeader > thead > tr > th:nth-child(7) {
	width: 20%;
}

.loadGameLink {
	color: white;
	font-size: 1.2vw;
	text-transform: lowercase;
}

.level10Globe {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	right: -25%;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin-right: 50px;
}

.level10Globe > div {
	-webkit-transform: translate(30px, 35px);
	-ms-transform: translate(30px, 35px);
	transform: translate(30px, 35px);
	z-index: 0;
}

.formCompetition {
	max-width: 600px;
	width: 100%;
	display: -ms-grid;
	display: grid;

}

.character {
	line-height: 0;
}

#holderWrap > .diagramm > .topHorizon {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
}

.topHorizon > .wrapperDescription {
	margin-top: 0px;
	max-width: 900px;
	width: 100%;
	min-height: 80px;
	position: relative;
	margin-bottom: -40px;
}


.formCompetition > input[type="text"] {
	width: 100%;
	border-bottom: none;
	height: 80px;
	color: #75bde1;
	border-radius: 60px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 20px;
	text-align: center;
}

#inputCode:hover {
	opacity: 0.6;
}



.formCompetition > input[type="submit"] {
	background-image: url(../images/arrowCompetition.png);
	max-width: 162px;
	width: 100%;
	max-height: 186px;
	height: 100%;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 100%;
	-webkit-transform: translate(650px, -63px);
	-ms-transform: translate(650px, -63px);
	transform: translate(650px, -63px);
	position: absolute;
	margin-top: 100px;
}

.formCompetition > input[type="submit"]:hover {
	opacity: 0.6;
}

.selectCountryCompetition {
	width: 100%;
	height: 80px;
	color: #75bde1;
	-moz-text-align-last: center;
	text-align-last: center;
	border-radius: 60px;
	background: white;
	margin-top: 30px;
	font-size: 20px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	padding: 10px 110px;
	border: none;
	outline: none;

}

::-webkit-file-upload-button {
	background: #e0f1f8;
	color: black;
	padding: 1em;
}

::-ms-browse {
	background: #e0f1f8;
	color: black;
	padding: 1em;
}

.aboutCompetitionLink {
	color: white;
	font-size: 1vw;
	text-decoration: underline;
}

body > div.container > div.rightsideP11 > div > p:nth-child(7) {
	margin-top: 5%;
}

.right > div.login > .error {
	display: none;
}

.right > div.login > form > .error {
	color: red;
	font-size: 1vw;
	padding: 10px;
	position: relative;
	top: 0px;
}

body > div > div.rightsideP11 > div > form > .error {
	color: red;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border: 1px solid red;
	border-radius: 80px;
	background: white;
	margin: 0 auto;
	margin-top: 20px;
	display: none;
}

body > div > div.rightsideP11 > div > form > .error > .roundBlock {
	font-size: 1.5vw;
	border: 1px solid red;
	border-radius: 100%;
	background: white;
	position: absolute;
	margin-top: -12px;
	margin-left: -20px;
	max-width: 50px;
	width: 100%;
	max-height: 50px;
	height: 100%;
	text-align: center;
}

body > div > div.rightsideP11 > div > form > .error > .textBlock {
	font-size: 0.9vw;
	padding-right: 30px;
	padding-left: 45px;
}

.right > .registration > form > .error {
	color: red;
	font-size: 1vw;
	padding: 10px;
}

.errorInput {
	border: 3px solid red;
}

body > div.alert {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 1vw;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	background: rgba(250, 250, 250, 0.8);

}

body > div.alert.alert-dismissible.fade.in.alert-success > p {
	padding-top: 10px;
}

/*.inputFile {
	position: absolute;
    left: 50px;
    top: 50%;
    max-width: 200px;
    width: 100%;
    font-size: 0.7vw;
    padding: 23px;
    height: auto;
    box-sizing: border-box;
    border: 1px solid black;
    background: #e0f1f8;
    border-radius: 40px;
}

.inputFile:hover{
	opacity: 0.7;
}
*/
body > div.alert.alert-dismissible.fade.in > button {
	color: red;
	zoom: 2;
	padding: 0px 3px;
	background: white;
	margin-right: 5px;
}

body > .alert-success {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 1vw;

}

body > .alert-success > button {
	color: red;
	zoom: 2;
	padding: 0px 3px;
	border: 1px solid red;
	background: white;
	margin-right: 5px;
}

.buttonResetHolder {
	position: absolute;
	float: right;
	right: 12%;
	top: -17px;
	z-index: 1;
}

.buttonResetHolder > a:hover {
	background: #81d2ff;
}

.buttonResetHolder > a {
	font-size: 1vw;
	padding: 2px 20px;
	background: white;
	border: 4px solid #81d2ff;
	border-radius: 60px;
}

#person_l2_s5_info_1 {
	-webkit-transform: translate(1310px, 10px);
	-ms-transform: translate(1310px, 10px);
	transform: translate(1310px, 10px);
}

#arr1_l2_s5_info_1 {
	-webkit-transform: rotate(270deg) translate(60px, -1093px);
	-ms-transform: rotate(270deg) translate(60px, -1093px);
	transform: rotate(270deg) translate(60px, -1093px);
}

#person_l3_s9_info_1 {
	-webkit-transform: translate(1310px, 10px);
	-ms-transform: translate(1310px, 10px);
	transform: translate(1310px, 10px);
}

#arr1_l3_s9_info_1 {
	-webkit-transform: rotate(270deg) translate(55px, -1155px);
	-ms-transform: rotate(270deg) translate(55px, -1155px);
	transform: rotate(270deg) translate(55px, -1155px);
}

#arr1_descr_14 {
	-webkit-transform: rotate(90deg)translate(-580px, 15px);
	-ms-transform: rotate(90deg)translate(-580px, 15px);
	transform: rotate(90deg)translate(-580px, 15px);
}

#arr1_descr_15 {
	-webkit-transform: rotate(90deg)translate(-585px, -370px);
	-ms-transform: rotate(90deg)translate(-585px, -370px);
	transform: rotate(90deg)translate(-585px, -370px);
}

#logoutMenu {
	position: absolute;
	bottom: 45px;
	right: 20px;
}

/*New design WelcomePage*/

/* Slideshow container */
.slideshow-container {
	width: 100%;
	margin-top: 24%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	max-width: 380px;
	width: 100%;
	height: 64px !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 80px;
}

body > div.container > div.leftSideP7 > form > span:nth-child(5) > input {
	max-width: 380px;
	width: 100%;
}

.headerSelect {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	max-width: 1100px;
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	background: #c8e3f2;
	border-radius: 60px;
	padding: 20px 45px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

.headerSelect > h1 {
	font-size: 2vw;
	color: #64afda;
}

/* Hide the images by default */
.mySlides {
	display: none;
	width: 100%;
}

.mySlides > .text {
	color: #f2f2f2;
	font-size: 1.5vw;
	padding: 50px 10px;
	bottom: 8px;
	width: 100%;
	line-height: 1.5;
}

.mySlides > .text > p > a {
	color: white;
	text-decoration: underline;
}

.mySlides > .text > p > span > a {
	color: white;
	text-decoration: underline;
}

.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
	position: absolute;
	bottom: 40px;
	left: 20%;
}

.dot {
	cursor: pointer;
	height: 50px;
	width: 50px;
	margin: 0 2px;
	background-color: #d7e7f4;
	border-radius: 50%;
	display: inline-block;
	-webkit-transition: background-color 0.6s ease;
	-o-transition: background-color 0.6s ease;
	transition: background-color 0.6s ease;
	border: 2px solid grey;
}

.active,
.dot:hover {
	background-color: white;
}

.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > span > img {
	max-width: 238px;
	width: 100%;

}

.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > img {
	max-width: 238px;
	width: 100%;

}

.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > div > img {
	max-width: 65%;
	width: 100%;
	height: 100%;
}

.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > .backImageIntro {
	max-width: 238px;
	width: 100%;
	max-height: 238px;
	height: 100%;
	overflow: hidden;
	border-radius: 100%;
	background: #9bd0eb;
	min-height: 238px;
}

div.text > div.stuff > div {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
}

.intro > div.container > div.leftSideP3 > div.LangSocRtop > div.langSoc {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

div.text > div.stuff > div > h6 {
	font-size: 1.5vw;
	text-align: left;
	margin-top: 10px;
	margin-left: 20px;
}


.stuffYoungWoman {
	margin-top: -130px;
}

div.text > div.stuff > .stuffYoungWoman > h6 {
	max-width: 35vw;
	width: 100%;
	text-align: right;
	padding-right: 20px;
}

div.text > div.stuff > .mySelf > h6 {
	max-width: 35vw;
	width: 100%;
	text-align: right;
	padding-right: 20px;
}

.stuffOldMan {
	margin-top: -100px;
}

.mySelf {
	margin-top: -100px;
}

body > div > div.introWrapper {
	display: contents;
}

.topPOP1 > div.logoPOP1 > img {
	max-width: 500px;
	width: 100%;
	padding: 50px;
}

.containerPOP1 {
	max-width: 1800px;
	width: 100%;
	margin: 0 auto;
}

.topPOP1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 20px;
}

body > div > div.topPOP1 > div.party1 {
	max-width: 600px;
	width: 100%;
	padding: 20px;
}

body > div > div.topPOP1 > div.party1 > img {
	max-width: 600px;
	width: 100%;

}


body > div > div.topPOP1 > div.party2 {
	max-width: 500px;
	width: 100%;
	padding: 20px;
}

body > div > div.topPOP1 > div.party2 > img {
	max-width: 500px;
	width: 100%;
	padding-left: 50px;
}

body > div > h6 {
	font-size: 3.5vw;
	color: lightyellow;
	text-align: center;
	padding: 30px;
}

body > div > h1 {
	font-size: 6vw;
	color: lightyellow;
	text-align: center;
	padding: 30px;
}

body > div > div.pointsPOP1 {
	color: white;
	font-size: 2vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 20px;
	margin-bottom: 50px;
}

body > div > div.pointsPOP1 > div.country {
	padding: 20px;
	border-left: 3px solid white;
}

body > div > div.pointsPOP1 > div.points {
	padding: 20px;
}

body > div > div.hashTag {
	color: red;
	font-size: 1.5vw;
	text-align: center;
	padding: 50px;
}

body > div > div.topPOP2 > div {
	text-align: center;
	padding: 50px;
}

body > div > div.topPOP2 > div > img {
	max-width: 700px;
	width: 100%;
}

body > .containerPOP2 > h1 {
	color: white;
	font-size: 3vw;
}

body > .containerPOP2 > h3 {
	color: white;
	text-align: center;
	font-size: 2.2vw;
	padding: 10px;
}

body > div > div.playPOP2 {
	font-size: 2vw;
	text-align: center;
	padding: 150px;
}

body > div > div.playPOP2 > a {
	color: #75bde1;
	padding: 10px 100px;
	background: white;
	border-radius: 60px;
}

body > div > div.topPOP2 {
	padding: 20px;
}

body > div.container > div.leftSideP7 > div.rateEmoji > form > div {
	padding: 20px;
	text-align: -webkit-center;
}

#pic_title {
	display: none;
}

#preview > span {}

#labelNothingPic {
	color: red;
}

#preview > span {
	border: 1px solid red;
	padding: 8px;
	cursor: pointer;

}

#preview > span:hover {
	background: lightgray;
}

.profile > div.container > div.rightSideP7 > div > div.userLogo > div.logoSmall > a > img {
	margin-left: 0;
}

body > div.container > div.rightSideP7 > div > div.userLogo > div.user {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 600px;
	width: 100%;
	margin-top: 20px;
}

/*change password*/


.contentChangePass {
	background: white;
	border-radius: 60px;
	max-width: 1600px;
	width: 100%;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin: 0 auto;
	margin-top: 15%;
	padding: 20px;
	left: 20%;
	position: absolute;
}

.contentContainer > h1 {
	text-align: left;
	color: #75bde1;
	padding: 20px 50px;
	font-weight: bold;
	font-size: 2.5vw;
}

.contentContainer2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 50px 20px;
}

.infoChangePassword {
	text-align: right;
	max-width: 400px;
	color: #75bde1;
	font-size: 1.2vw;
	line-height: 1.2;
	padding: 50px;
	margin-right: 50px;
}

.contentChangePass > button {
	color: #75bde1;
	font-size: 2vw;
	padding: 10px 200px;
	background: white;
	border: 3px solid #75bde1;
	border-radius: 60px;
	-webkit-transform: translate(385px, 60px);
	-ms-transform: translate(385px, 60px);
	transform: translate(385px, 60px);

}

.contentContainer2 > form {
	max-width: 700px;
	width: 100%;
}

/*load game*/
.contentLoadGame {
	max-width: 2200px;
	padding: 20px;
	margin: 0 auto;
	margin-top: 10%;
	margin-left: 5%;
	width: 100%;
}

.rightsideLoadGame {
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: absolute;
	right: 10px;
}

.tableLoad {
	background: white;
	border-radius: 80px;
	color: #75bde1;
	font-size: 1.5vw;
}

.header-row {
	padding: 60px 20px;
}

.header-row > a {
	color: #75bde1;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr {
	border-bottom: 1px solid #75bde1;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr > td:nth-child(7) > a:hover {
	opacity: 0.6;
}

.tableHeader {
	background: white;
	border-radius: 40px;
	color: #75bde1;
	font-size: 1.1vw;
	margin-bottom: 20px;
}

.tableBody {
	background: white;
	border-radius: 40px;
	color: #75bde1;
	font-size: 1vw;
	margin-bottom: 20px;
}

body > div.container > div.rightSideP7 > div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.inputFileFoto {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: absolute;
	top: 20%;
	left: 20px;
}

body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr > td:nth-child(7) > a {
	background-color: #75bde1;
	color: white;
	margin: 10px;
}

/*new popups*/
.swal2-container > .titleIntroPopup_zinsumfeld_de,
.titleIntroPopup_zinsumfeld_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(../images/cockpitOpacity.png) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.zinsumfeld {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 1900px;
	width: 100%;
	height: 100%;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 0 auto;
}

.zinsumfeld > .message {
	max-width: 800px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 40px !important;
	position: relative;
	min-height: 550px;
}


.zinsumfeld > .message > p {
	min-height: 0 !important;
	line-height: 2;
}

.zinsumfeld > .message > h1 {
	text-transform: uppercase;
	margin-bottom: 40px;
	font-size: 2vw;
}

.zinsumfeld > .DiagramImage > img {
	max-width: 800px;
	width: 100%;

}

.swal2-container > .titleIntroPopup_performancePop_de,
.titleIntroPopup_performancePop_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(../images/cockpitOpacity.png) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 100% !important;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.performancePop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 1900px;
	width: 100%;
	height: 100%;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 0 auto;

}

.swal2-container > .titleIntroPopup_performancePop > .swal2-html-container {
	padding-top: 5%;
}

.performancePop > .message > h1 {
	text-transform: uppercase;
	margin-bottom: 40px;
	font-size: 2vw;

}

.performancePop > .message {
	max-width: 800px;
	width: 100%;
	border-radius: 40px !important;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	min-height: 550px;
}

.performancePop > .message > p {
	min-height: 0 !important;
	line-height: 2;
}

.titleIntroPopup_performancePop_en > div > #swal2-content > div > div.DiagramImage > .Performance-EN {
	display: block;
}

.titleIntroPopup_performancePop_de > div > #swal2-content > div > div.DiagramImage > .Performance-EN {
	display: none;
}

.titleIntroPopup_performancePop_en > div > #swal2-content > div > div.DiagramImage > .Tab1Diagram {
	display: none;
}

.titleIntroPopup_performancePop_de > div > #swal2-content > div > div.DiagramImage > .Tab1Diagram {
	display: block;
}

.performancePop > .DiagramImage > img {
	max-width: 800px;
	width: 100%;

}

.swal2-container > .titleIntroPopup_Entscheidungen_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(../images/diagramArrows.png);
	max-width: 2560px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.swal2-container > .titleIntroPopup_Entscheidungen_de {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(../images/diagramArrowsDe.png);
	max-width: 2560px;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}

.small {
	float: right;
	max-width: 550px;
	width: 100%;
	padding: 20px;
	min-height: 200px;
	border-radius: 40px !important;
	margin-right: 18%;
	margin-top: -15%;
}

.swal2-container > .titleIntroPopup_Erklarung_de,
.titleIntroPopup_Erklarung_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(../images/RoomPop.png) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 107% !important;
	background-repeat: no-repeat !important;
	background-position: right !important;
}


.Erklarung > .small {
	max-width: 22vw;
	width: 100%;
	padding: 20px;
	min-height: 200px;
	margin-right: 22%;
	margin-top: -8%;
}

#swal2-content > .Erklarung > div.arr1 > img {
	max-width: 200px;
	width: 100%;
}

#swal2-content > .Erklarung > div.arr1 {
	-webkit-transform: rotate(180deg)translate(-100px, 620px);
	-ms-transform: rotate(180deg)translate(-100px, 620px);
	transform: rotate(180deg)translate(-100px, 620px);
}

/*logo competition/real world*/

.newLogoRealWorld {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/*	margin-bottom: 25px;*/
}

.containerTextLogo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	z-index: 0;
}

.logoText {
	color: #81d2ff;
	font-size: 1.2vw;
	border: 2px solid #81d2ff;
	border-radius: 100px;
	padding: 8px 140px 0px 5px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-webkit-transform: translate(114px, 79px);
	-ms-transform: translate(114px, 79px);
	transform: translate(114px, 79px);
	text-transform: lowercase;
}

.newLogoRealWorld > .logoSmall > a > img {
	margin-left: 0px;
}

.newLogoRealWorld > .containerTextLogo > .logoText:first-child > span {
	padding-left: 30px;
	margin-left: 20px;
}

.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
	position: absolute;
	-webkit-transform: translate(-110px, 43px);
	-ms-transform: translate(-110px, 43px);
	transform: translate(-110px, 43px);
	background: #81d2ff;
	color: white;
	width: 300px;
	text-transform: lowercase;
	padding-right: 100px;
	right: 0;
	padding-left: 20px;

}

.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv > div > a:hover {
	color: red;
}

.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv > div > #saveGamePopup:hover {
	color: red;
}

.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv > div > a > span {
	color: white !important;
	cursor: default;
}

.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv > div > a > span:hover {
	color: white !important;
	cursor: default;
}

.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv > div {
	padding: 0px 5px;
}

.newLogoRealWorld > .containerTextLogo > .logoText > span {
	vertical-align: super;
	margin-left: 12px;
}

.newLogoRealWorld > div.logoSmall {
	z-index: 2;
}

.game .newLogoRealWorld > div.logoSmall {
	z-index: 2;
	display: contents;
}

.cupLogo > img {
	max-width: 40px;
	width: 100%;
	transform: translate(28px, -3px);
}

.compMode {
	-webkit-transform: translate(224px, 24px) !important;
	-ms-transform: translate(224px, 24px) !important;
	transform: translate(224px, 24px) !important;

}

.paginator {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	max-width: 350px;
	width: 100%;
}

.longPageMenu {
	position: fixed !important;
}

.pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin-bottom: 10px;
	margin-top: -3px;
}

body > div.container > div.contentLoadGame > div > div > ul > ul > li > a {
	color: white;
}

body > div.container > div.contentLoadGame > div > div > ul > ul > li.active {
	border-radius: 100%;
	width: 28px;
	height: 28px;
	line-height: 1.8;
}

body > div.container > div.contentLoadGame > div > div > ul > ul > li {
	line-height: 1.8;
}

body > div.container > div.contentLoadGame > div > div > p {
	color: white;
}

body > div.container > div.contentLoadGame > div > div > ul > ul > li:nth-child(1) {
	margin-right: 20px;
}

.previous > a {
	padding: 6px;
	border: 1px solid white;
	background: white;
	color: #81d2ff;
	border-radius: 40px;

}

.previous > a:hover {
	opacity: 0.7;
}

.next > a {
	padding: 6px 25px;
	border: 1px solid white;
	background: white;
	color: #81d2ff;
	border-radius: 40px;
}

.next > a:hover {
	opacity: 0.7;
}

.pagination > .active > span {
	color: #81d2ff;
}

.page6 .active {
	color: red;
}

.tab_item {
	display: none;
}

.tab_item:first-child {
	display: block;
}

.certWrapper {
	height: 100%;
	padding: 0;
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: -20px;

}

center {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
}

.certWrapper > center > h1 {
	color: #1e81bf;
	font-size: 2vw;
	margin-top: 10px;
}

.certUser {
	max-width: 500px;
	width: 100%;
}

.certWrapper > center > h2 {
	font-size: 1vw;
}

.certUl {
	max-width: 850px;
	font-size: 0.8vw;
	line-height: 1.5em;
	font-weight: bold;
	width: 100%;
	margin-left: 15%;
}

.certTbl {
	max-width: 1100px;
	font-size: 1.2vw;
	line-height: 1.2em;
	font-weight: bold;
	width: 100%;
}

/*popCompetition*/
.popUpSelect {
	position: absolute;
	max-width: 50vw;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -30%);
	-ms-transform: translate(-50%, -30%);
	transform: translate(-50%, -30%);
	padding: 40px;
}

.popUpSelect > h1 {
	font-size: 2.5vw;
	margin-bottom: 40px;
}

.personPop {
	max-width: 300px;
	width: 100%;
	padding: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
}

.personPop > img {
	width: 100%;
	margin-top: 22%;
}

.buttonNextPop {
	position: relative;
	font-size: 1.5vw;
	color: #81d2ff;
	padding: 30px;
	border-radius: 40px;
	background: white;
	max-width: 20vw;
	width: 100%;
}

.buttonNextPop:hover {
	opacity: 0.8;
}

.buttonsPop {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.holderPop {
	max-width: 60%;
	margin: 0 auto;
}

.content {
	margin-bottom: 20px;
}

.content > p {
	line-height: 1.5;
}

.contentPOP {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

body > div.swal2-container.swal2-center.swal2-grow-fullscreen.swal2-backdrop-show > div {
	height: 100vh;
}

body > div.swal2-container.swal2-center.swal2-grow-fullscreen.swal2-backdrop-show {
	padding: 0px;
}

.popContainer {
	background: rgba(191, 191, 191, 0.8);
	width: 100%;
	height: 100%;

}

.ajax:before {
	content: '';
	background-image: url(/newDesign/images/logo2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	top: 35%;
	left: 45%;
	position: absolute;
	outline: none;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	width: 400px;
	height: 400px;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes pulsate {
	50% {
		color: #fff;
		background: #406f97;
		text-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px #ffd, 0 0 8px #fff;
	}
}

@keyframes pulsate {
	50% {
		color: #fff;
		background: #406f97;
		text-shadow: 0 -1px rgba(0, 0, 0, .3), 0 0 5px #ffd, 0 0 8px #fff;
	}
}

.questionButton {
	text-shadow: 0 -2px rgba(0, 0, 0, .2);
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
}

.infoSaveGame {
	display: none;
	position: absolute;
	z-index: 10000;
	max-width: 1000px;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#saveGameContent {
	height: 30vh;
	padding: 80px;
	display: inline-block;
}

.infoTitle {
	font-size: 1.6vw;
	margin-bottom: 10%;
	color: #75bde1;
}

#swal2-content > .buttonNext {
	border: 2px solid #75bde1;
	margin-bottom: 20px;

}

#swal2-content > #saveGameContent > label {
	font-size: 1.2vw;
	float: left;
	margin-bottom: 20px;
	margin-left: 20px;
	color: #75bde1;
}

#swal2-content > #saveGameContent > input[type="text"] {
	border-width: 0px;
	border: 2px solid #75bde1;
	font-size: 1vw;
	outline: none;
	border-radius: 40px;
	padding: 10px 20px;
	max-width: 800px;
	width: 100%;
}

.SaveLoadDiv {
	display: flex;
	border: 4px solid #81d2ff;
	border-radius: 60px;
	background: white;
}

#saveGamePopup {
	color: white;
	font-size: 1.2vw;
	text-transform: lowercase;
}

#gapTable > .wrapperDescription {
	height: 350px;
}

#forecast > div.wrapperDescription {
	height: 370px;
}

#actions > div.wrapperDescription {
	height: 450px;
}

/*050321*/

.profTitle {
	position: absolute !important;
	top: 119px !important;
	padding: 5px 85px 0px 8px !important;
	-webkit-transform: translate(140px, 21px) !important;
	-ms-transform: translate(140px, 21px) !important;
	transform: translate(140px, 21px) !important;
}

.activeMode {
	background-color: #FFFED8;
}

.profMode > div > #testClickButton {
	visibility: hidden;
}

.profMode > div > .OldManIcon {
	visibility: hidden;
}

.profMode > div > .personIconP {
	visibility: hidden;
}

.profMode > #gapTable {
	position: absolute !important;
	top: 10px !important;
	margin: 0px 5% !important;
	display: block !important;
}

.profMode > #gapTable > .tableLabel {
	display: none;
}

ul > .hiddenDot {
	display: none !important;
}

.scenName {
	display: none;
	position: absolute;
	background: white;
	width: max-content;
	left: 40px;
	padding: 10px;
	border: 3px solid #e0f1f8;
	border-radius: 20px;
	border-bottom-left-radius: 0px;
}

.scenarioDiv {
	position: absolute;
	display: flex;
	top: 30%;
	left: 10px;
	transform: translate(1%, 35px);
	font-size: 25px;
	border: 1px solid lightgray;
	border-radius: 100px;
	flex-direction: column;
	z-index: 1;
}

.page6 .scenarioDiv {
	flex-direction: row !important;
	left: 50% !important;
	transform: translate(-50%, 10px) !important;
	font-size: 30px !important;
}

.page6 .scenarioDiv > a:first-child {
	border-top-left-radius: 100px !important;
	border-bottom-left-radius: 100px !important;
	border-top-right-radius: 0px !important;
}

.page6 .scenarioDiv > a:last-child {
	border-top-right-radius: 100px !important;
	border-bottom-right-radius: 100px !important;
	border-bottom-left-radius: 0px !important;
}

.scenarioDiv > a {
	padding: 40px 10px;
	border: 1px solid #81d2ff;
	background: white;
	position: relative;
}

.scenarioDiv > a:first-child {
	border-top-left-radius: 100px;
	border-top-right-radius: 100px;
}

.scenarioDiv > .activeScen {
	background: #e0f1f8;
}

.page6 .scenarioDiv > .activeScen {
	background: #ffffd5 !important;
}

.scenarioDiv > a:last-child {
	border-bottom-left-radius: 100px;
	border-bottom-right-radius: 100px;

}

.page6 .tabs {
	position: fixed;
	margin-top: -65px;
	display: flex;
}

.rightSideP6 {
	margin-top: 10px;
}

.page6 .tabs > .tab {
	padding: 10px 20px;
	max-width: fit-content;
	width: 100%;
	color: #78bfe4;
	background: white;
	border: 2px solid #78bfe4;
	border-radius: 60px;
	margin-right: 20px;
	font-size: 2em;
	display: flex;
	flex-direction: column;
	min-width: fit-content;
}

.compR {
	font-size: 0.5em;
}

.page6 .tabs > .activeTab {
	color: white !important;
	background: #78bfe4 !important;
}

.page6 .scenarioDiv {
	border: none !important;
	top: 5px !important;
}

.page6 .scenarioDiv > a {
	background: white;
	padding: 15px 60px;
	border: none !important;
}

.modeButton {
	cursor: pointer;
}

span.youtube-link {
	background: transparent url(/img/buttonPlayLoginPage.png) no-repeat center center;
	width: 500px;
	height: 175px;
	background-size: contain;
	position: absolute;
	transform: scale(2) translate(10px, 413px);
	cursor: pointer;
	z-index: 0;
}

[data-title]:after {
	content: attr(data-title);
	background-color: #fff;
	color: #111;
	font-size: 120%;
	position: absolute;
	padding: 1px 5px 2px 5px;
	bottom: 0em;
	left: 34%;
	white-space: nowrap;
	box-shadow: 1px 1px 3px #222222;
	opacity: 0;
	border: 1px solid #111111;
	z-index: 99999;
	visibility: hidden;
}

.holderGame {
	display: flex;
	padding: 0px 50px;
}

.scenList {
	width: 70%;
}

.scenIntro {
	width: 30%;
	border-left: 3px solid #c8e3f2;
	padding: 35px;
	padding-top: 0px;
}

.leavePageGates {
	z-index: 1;
}

.scenIntro > h2 {
	text-align: left;
	margin-bottom: 20px;
	color: #c8e3f2;
	font-size: 2vw;
}

.labelNewReal {
	background: #c8e3f2;
	padding: 30px 140px 30px 80px;
	font-size: 1.5vw;
	border-radius: 60px;
	transform: translate(80px, 75px);
	color: #75bde1;
	height: fit-content;
	z-index: 0;
}

.scenIntroInfo > p {
	text-align: justify;
	font-size: 0.8em;
}

.scenIntroLinks {
	display: flex;
	flex-direction: column;
	text-align: left;
	text-transform: uppercase;
}

.scenIntroLinks > a {
	color: #c8e3f2;
}

.scenIntroInfo {
	color: #c8e3f2;
}

.scenListBlock {
	display: flex;
	border: 2px solid lightgrey;
	margin: 10px 20px;
	border-radius: 20px;
	position: relative;
	justify-content: space-between;
	background: #c8e3f2;
	border-bottom: 3px solid #64afda;
	padding: 20px 40px;
	min-height: 11em;
	height: fit-content;
}

.scenListBlock > a {
	display: contents;
	color: #64afda;
}

.scenListBlockNum {
	font-size: 5em;
	border-radius: 100px;
	line-height: 1;
	padding: 10px 27px;
	position: absolute;
	left: -50px;
	background: #c8e3f2;
	top: 50%;
	transform: translate(0, -50%);
	border: 3px solid #64afda;
	width: 52px
}

.scenList > .scenListBlock:first-child > .scenListBlockNum {
	padding: 10px 36px !important;
}

.scenListBlockNum:hover {
	background: white !important;
}

.scenList > h2 {
	color: #c8e3f2;
	font-size: 2vw;
}

.scenListBlockContent {
	margin-left: 25px;
	text-align: left;

}

.scenListBlockContent > p {
	font-size: 1.5em;
	text-align: left;
	padding-left: 20px;
	max-width: 1100px;
	width: 100%;
}

.scenListBlockContent > p > a {
	font-size: 1em;
	text-align: left;
	padding-left: 20px;
	max-width: 1100px;
	width: 100%;
	color: #64afda;
}

.popup_scen1Pop,
.popup_scen2Pop,
.popup_scen3Pop {
	font-style: italic;
	color: #64afda;
	font-weight: 900;
	text-decoration: underline;
}

.popup_RealWorld {
	font-style: italic;
	font-weight: 900;
	text-decoration: underline;
}

.popup_scen1Pop:hover,
.popup_scen2Pop:hover,
.popup_scen3Pop:hover,
.popup_RealWorld:hover {
	transform: scale(1.5);
}

.scenListBlockContent > h4 {
	font-size: 2.5em;
	margin-bottom: 10px;
}

.scenListBlockContent > a > h4 {
	font-size: 2.5em;
	margin-bottom: 10px;
	color: #64afda;
}

.scenListBlockScore > span {
	font-size: 6em;
}

.scenListBlockScore {
	min-width: 23%;
	border-left: 2px solid lightgrey;
	padding: 10px 0px 0px 10px;
	position: absolute;
	right: 0;
	color: #64afda;
}

.scenListBlockScore > p {
	font-size: 0.6em;
	text-transform: uppercase;
}

.candadoClosed:after {
	content: url(/newDesign/images/candado-cerrado.png);
	width: 20px;
	height: 20px;

}

.candadoOpened:after {
	content: url(/newDesign/images/candado-abierto.png);
	width: 20px;
	height: 20px;

}

.modalPoints {
	position: absolute;
	left: 315px;
	top: 308px;
	font-size: 150px;
	color: #ebb120;
	transform: translate(10px, 10px);
	animation: jump 3s infinite;

}

@keyframes jump {
	0% {
		transform: translate(10px, 10px) scale(1.25, 0.75);
	}

	50% {
		transform: translate(10px, -35px) scale(1, 1);
	}

	100% {
		transform: translate(10px, 10px) scale(1.25, 0.75);
	}
}

.modalCharacterImg {
	margin-left: 40px !important;
}

.horizontalMenu_points_1_m > .budgetPoints {
	z-index: 9000;
	border-color: rgba(129, 210, 255, 0.1);
	color: #ebb120;
	background-color: rgba(255, 251, 160, 0);
	border-right-width: inherit;
}

.horizontalMenu_points_1_m > .budgetPoints > a {
	color: #ebb120;
}

#person_l2_s5_finish_1 > div > div > .modalCharacterImg {
	margin-left: -550px !important;
}

#person_l1_s2_finish_1 > div > div > .modalCharacterImg {
	margin-left: -550px !important;
}

#person_l2_s7_finish_1 > div > div > .modalCharacterImg {
	margin-left: -550px !important;
}

#person_l2_s8_finish_1 > div > div > .modalCharacterImg {
	margin-left: -550px !important;
}

#person_l3_s9_finish_1 > div > div > .modalCharacterImg {
	margin-left: -550px !important;
}

.SimBlock {
	position: absolute;
	left: 90px;
	top: 10px;
}

.SimBlock > a > img {
	width: 50px;
	height: 50px;
	border: 1px solid black;
	border-radius: 100%;
	padding: 10px;
	background: white;
}

div > .compMode {
	-webkit-transform: translate(221px, 23px) !important;
	-ms-transform: translate(221px, 23px) !important;
	transform: translate(221px, 23px) !important;
}

.vertComp {
	position: absolute;
	transform: rotate(90deg);
	font-size: 10px;
	left: -2px;
	top: 49px;
}

.game {
	background: #75bde1;
}

.page6 .socialIconsBigShare {
	display: none;
}

.page6 .share {
	display: none;
}

#arr1_l1_s2_info_3 {
	-webkit-transform: rotate(270deg) translate(805px, -100px);
	-ms-transform: rotate(270deg) translate(805px, -100px);
	transform: rotate(270deg) translate(805px, -100px);
}

#arr2_l1_s2_info_3 {
	-webkit-transform: translate(-200px, -160px);
	-ms-transform: translate(-200px, -160px);
	transform: translate(-200px, -160px);
}

.page3 .right {
	z-index: 100;
}

/*2505 ForecastPopNew*/


.newPopScenario > img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.personMessageScenarioPop {
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: -62%;
	bottom: 16%;
}

.personMessageScenarioPop > .character {
	max-width: 300px;
	width: 100%;
}

.personMessageScenarioPop > .character > img {
	max-width: 300px;
	width: 100%;
	margin-left: 100%;
}

.swal2-container > .titleGamePopup_scen1Pop_de {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Forecast-Scenario-1-DE.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100%;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_scen1Pop_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Forecast-Scenario-1-EN.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100%;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_scen2Pop_de {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Forecast-Scenario-2-DE.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100%;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_scen2Pop_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Forecast-Scenario-2-EN.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100%;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_scen3Pop_de {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Forecast-Scenario-3-DE.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100%;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_scen3Pop_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Forecast-Scenario-3-EN.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100%;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_RealWorld_de {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Real-World-DE.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100% !important;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.swal2-container > .titleGamePopup_RealWorld_en {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	background-image: url(/newDesign/images/backgr/Real-World-EN.jpg) !important;
	max-width: 2560px !important;
	width: 100%;
	background-size: 98% 100% !important;
	background-repeat: no-repeat !important;
	height: 100%;
	padding: 0px !important;
	background-position: center;
}

.closePop {
	display: none;
}

#person_l4_s3_default_4 {
	float: right;
}

#person_l5_s12_default_4 {
	float: right;
}

.personRight {
	float: right !important;
}

#topLogo {
	z-index: 100;
}

@media screen and (max-width:2300px) {
	.logoP3 > img {
		max-width: 600px;
		-webkit-transform: translate(-50%, 25%);
		-ms-transform: translate(-50%, 25%);
		transform: translate(-50%, 25%);
	}

	.right {
		padding: 80px 80px 0px 150px;
	}

	.socialIconsBig {
		margin-left: 50%;
	}

	body > div > div.topPage14 > div.progressBlock {
		max-width: 1150px;
		width: 100%;
	}

	.svg-content {
		top: 60px;
	}

	.diagramm {
		background-repeat: no-repeat;
	}

	#levels {
		margin-top: 0px;
	}

	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 200px;
	}


	#gapTable {
		max-width: 800px;
		width: 100%;
	}

	.results > a {
		padding: 20px 60px;
	}

	.description > a {
		padding: 20px 50px;
	}

	.evaluation > a {
		padding: 16px 65px;
	}

	body > div.container > div.leftSideP7 > form > input.submitInput {
		margin-top: 10px;
		font-size: 1vw;
		height: 60px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(-566px, -20px);
		-ms-transform: translate(-566px, -20px);
		transform: translate(-566px, -20px);
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 900px;
		width: 100%;
	}


	#modalWiz > #person_l1_s1_info_3 {
		-webkit-transform: translate(7px, 219px);
		-ms-transform: translate(7px, 219px);
		transform: translate(7px, 219px);
	}



	#modalWiz > #person_l1_s2_finish {
		-webkit-transform: translate(4px, 248px);
		-ms-transform: translate(4px, 248px);
		transform: translate(4px, 248px);
	}

	#modalWiz > #person_l1_s3_finish {
		-webkit-transform: translate(11px, 219px);
		-ms-transform: translate(11px, 219px);
		transform: translate(11px, 219px);
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(-242px, -605px);
		-ms-transform: rotate(270deg) translate(-242px, -605px);
		transform: rotate(270deg) translate(-242px, -605px);
	}

	#modalWiz > #person_l2_s1_finish {
		-webkit-transform: translate(916px, 191px);
		-ms-transform: translate(916px, 191px);
		transform: translate(916px, 191px);
	}

	#modalWiz > #person_l2_s2_finish {
		-webkit-transform: translate(-7px, 219px);
		-ms-transform: translate(-7px, 219px);
		transform: translate(-7px, 219px);
	}

	#modalWiz > #person_l2_s3_finish {
		-webkit-transform: translate(-11px, 219px);
		-ms-transform: translate(-11px, 219px);
		transform: translate(-11px, 219px);
	}

	#modalWiz > #person_l3_s1_info_1 {
		-webkit-transform: translate(1153px, 46px);
		-ms-transform: translate(1153px, 46px);
		transform: translate(1153px, 46px);
	}

	#modalWiz > #person_l3_s1_finish {
		-webkit-transform: translate(2px, -180px);
		-ms-transform: translate(2px, -180px);
		transform: translate(2px, -180px);
	}

	#modalWiz > #person_l3_s2_finish {
		-webkit-transform: translate(0px, 222px);
		-ms-transform: translate(0px, 222px);
		transform: translate(0px, 222px);
	}

	#modalWiz > #person_l3_s3_finish {
		-webkit-transform: translate(-9px, 219px);
		-ms-transform: translate(-9px, 219px);
		transform: translate(-9px, 219px);
	}

	#modalWiz > #person_l4_s1_finish {
		-webkit-transform: translate(-11px, 219px);
		-ms-transform: translate(-11px, 219px);
		transform: translate(-11px, 219px);
	}

	#person_l1_s2_info_1 {
		-webkit-transform: translate(-13px, 219px);
		-ms-transform: translate(-13px, 219px);
		transform: translate(-13px, 219px);
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(427px, -62px);
		-ms-transform: rotate(180deg) translate(427px, -62px);
		transform: rotate(180deg) translate(427px, -62px);
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(-200px, 298px);
		-ms-transform: rotate(180deg) translate(-200px, 298px);
		transform: rotate(180deg) translate(-200px, 298px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-259px, -292px) rotate(225deg);
		-ms-transform: translate(-259px, -292px) rotate(225deg);
		transform: translate(-259px, -292px) rotate(225deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(90deg) translate(-42px, 383px);
		-ms-transform: rotate(90deg) translate(-42px, 383px);
		transform: rotate(90deg) translate(-42px, 383px);
	}

	.modalPersonMesTabDia > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#person_l2_s8_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 650px;
		width: 100%;
	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(270px, 90px);
		-ms-transform: translate(270px, 90px);
		transform: translate(270px, 90px);
	}

	#person_l3_s9_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#person_l3_s10_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#person_l3_s11_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, 130px);
		-ms-transform: translate(24px, 130px);
		transform: translate(24px, 130px);
	}

	#swal2-content > div > div.feedContent {
		max-width: 900px;
		width: 100%;
	}


}


@media screen and (max-width:2000px) {

	.personMessageScenarioPop > .character > img {
		max-width: 250px;
		width: 100%;
		margin-left: 50%;
	}

	.personMessageScenarioPop > .message {
		max-width: 550px;
	}

	.scenListBlockNum {
		font-size: 4em;
		padding: 10px 16px;
	}

	.InputHello {
		height: 200px !important;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(640px, 40px);
		-ms-transform: rotate(270deg) translate(640px, 40px);
		transform: rotate(270deg) translate(640px, 40px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-10px, -194px);
		-ms-transform: translate(-10px, -194px);
		transform: translate(-10px, -194px);
	}


	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(705px, 120px);
		-ms-transform: rotate(270deg) translate(705px, 120px);
		transform: rotate(270deg) translate(705px, 120px);
	}



	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(705px, 95px);
		-ms-transform: rotate(270deg) translate(705px, 95px);
		transform: rotate(270deg) translate(705px, 95px);
	}


	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(705px, 75px);
		-ms-transform: rotate(270deg) translate(705px, 75px);
		transform: rotate(270deg) translate(705px, 75px);
	}

	.cockpitProf > .cockpit > a {
		padding: 16px 141px 49px 141px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 20px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 17px;
	}

	.scenListBlock {
		min-height: 7em;

	}

	.scenListBlockScore {
		min-width: 15%;
	}

	.scenListBlockScore > span {
		font-size: 5em;
	}

	.scenListBlockContent > h4 {
		font-size: 2em;
	}

	.scenListBlockContent > a > h4 {
		font-size: 2em;
	}

	.scenListBlockContent > p {
		font-size: 1em;
		max-width: 82%;
	}

	.labelNewReal {
		transform: translate(80px, 40px);
		padding: 20px 140px 20px 80px;
	}

	.gameComp > input[type="text"] {
		max-width: 340px;
	}

	.gameComp > a {
		max-width: 340px;
	}

	.p7 {
		max-height: 850px;
	}

	.containerTextLogo > .compMode {
		-webkit-transform: translate(198px, -25px) !important;
		-ms-transform: translate(198px, -25px) !important;
		transform: translate(198px, -25px) !important;
	}

	.cupLogo > img {
		max-width: 30px;
		width: 100%;
	}

	.SimBlock > a > img {
		width: 30px;
		height: 30px;
	}

	.SimBlock {
		left: 68px;
		top: 5px;
	}

	span.youtube-link {
		transform: scale(2) translate(-20px, 345px);
		height: 165px;
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child {
		transform: translate(115px, 40px);
	}

	#gapTable > .wrapperDescription {
		height: 300px;
	}

	#forecast > div.wrapperDescription {
		height: 280px;
	}

	#actions > div.wrapperDescription {
		height: 320px;
	}


	body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(5) {
		width: 7%;
	}

	body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(1) {
		width: 19%;
	}

	#gapTable > .tableLabel {
		right: -50px;
		top: -48px;
	}

	#circleProgress > .tableLabel {
		position: absolute;
		right: 53px;
		top: -2px;
	}

	#actionlist {
		margin-top: -25px;
	}

	.slash {
		padding-left: 0px;
		padding-right: 0px;
	}

	.infoSaveGame {
		max-width: 800px;
		width: 100%;
	}

	#swal2-content > #saveGameContent > input[type="text"] {
		height: 50px;
	}

	.certUl {
		max-width: 650px;
		width: 100%;
		margin-left: 10%;
	}

	.certTbl {
		max-width: 850px;
		width: 100%;
		font-size: 1vw;
	}

	#swal2-content > div > #modalWiz > .level7 > .feedBackMes > button {
		top: 45px;
		right: 45px;
	}

	body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(4) {
		width: 16%;
	}

	body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(6) {
		width: 18%;
	}

	body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(2) {
		width: 17%;
	}

	.ajax:before {
		left: 42%;
	}

	.socialIconsBig {
		margin-left: 47%;
	}

	#swal2-content > div > .quiz1_survey1 {
		margin-bottom: 58px !important;
	}

	.resetButton {
		margin-top: 1px;
		padding: 2px 30px;
	}

	.resetFont {
		font-size: 1.5vw;
	}

	.newLogoRealWorld {
		margin-bottom: 0px;
		margin-top: 10px;
	}

	.logoP3 > img {
		max-width: 550px;
		-webkit-transform: translate(-45%, 25%);
		-ms-transform: translate(-45%, 25%);
		transform: translate(-45%, 25%);
	}

	#remember-me {
		position: relative;
		top: 4px;
	}

	.login {
		max-width: 400px;
	}

	.CurrentRank {
		margin-top: -15px;
	}

	element.style {
		margin-left: 10px;
		display: inline-block;
	}

	.period > ul > li {
		font-size: 25px;
	}

	.homepage > div > .holder > #dropMenu {
		bottom: -31px;
		left: -21px;
	}

	div.tooltip {
		-webkit-transform: translate(-185px, -90px);
		-ms-transform: translate(-185px, -90px);
		transform: translate(-185px, -90px);
	}

	.logoP6 {
		max-width: 450px;
		width: 100%;
	}

	body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section.accordion-item > h1 > a > img {
		width: 60px;
	}

	#shareP40 {
		padding: 20px;
	}

	.registration {
		max-width: 400px;
	}

	#zinsentw {
		max-width: 700px;
		width: 100%;
	}

	#circleProgress > div.performance {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		position: absolute;
		-webkit-transform: translate(-170px, 320px);
		-ms-transform: translate(-170px, 320px);
		transform: translate(-170px, 320px);
	}

	.inputFile {
		margin-top: 25px;
	}

	.swal2-container > .titleIntroPopup_performancePop_de,
	.titleIntroPopup_performancePop_en {
		background-size: 97% !important;
		background-position: center !important;
	}

	#circleProgress > div.risk {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		position: absolute;
		-webkit-transform: translate(170px, 320px);
		-ms-transform: translate(170px, 320px);
		transform: translate(170px, 320px);
	}

	input[type="button"] {
		width: 180px;
		height: 169px;
	}

	#performancechart > svg {
		height: 350px;
	}

	#risikochart > svg {
		height: 350px;
	}

	.FinTrainer > p {
		margin-bottom: 4%;
	}

	.titleP3 {
		padding-left: 50px;
		margin-top: 10%;
	}

	.resetButton {
		margin-left: 12%;
	}

	#descr_ch_11 {
		-webkit-transform: translate(810px, 56px);
		-ms-transform: translate(810px, 56px);
		transform: translate(810px, 56px);
	}

	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 120px;
	}

	.liNum1 {
		margin: 4px;
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		-webkit-transform: translate(100%, -8%);
		-ms-transform: translate(100%, -8%);
		transform: translate(100%, -8%);
		margin-top: -40px;
	}

	.budgetPoints {
		padding: 16px 75px 40px 75px;
	}

	.cockpit > a {
		padding: 16px 116px;
	}

	.evaluation > a {
		padding: 16px 69px;
	}

	.results > a {
		padding: 16px 53px;
	}

	.description > a {
		padding: 16px 46px;
	}

	#levels {
		right: 0;
		width: 110px;
		height: 110px;
		margin-right: 200px;
		font-size: 26px;

	}

	.logoText > #globeLevel10 > img {
		max-width: 40px;
		width: 100%;

	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-67px, 10px);
		-ms-transform: translate(-67px, 10px);
		transform: translate(-67px, 10px);
		max-width: 210px;
		width: 100%;
		padding-bottom: 0px;

	}

	.newLogoRealWorld > .containerTextLogo > .logoText > span {
		vertical-align: super;
		margin-left: 15px;
		position: relative;
		top: 1px;
		font-size: 1.1vw;
	}

	.logoText {
		/*    padding: 10px 110px 10px 20px;*/
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		-webkit-transform: translate(70px, 40px);
		-ms-transform: translate(70px, 40px);
		transform: translate(70px, 40px);
		font-size: 1.1vw;
	}

	.profTitle {
		-webkit-transform: translate(140px, -30px) !important;
		-ms-transform: translate(140px, -30px) !important;
		transform: translate(140px, -30px) !important;
	}

	body > div > div.topPage14 > div.progressBlock {
		max-width: 800px;
		width: 100%;
	}

	.logoSmall {
		float: right;
	}


	.logoSmall > a > img {
		width: 160px;
		height: 160px;
		margin-left: 40px;
	}

	.topPage14 {
		margin-top: -10px;
	}

	.cockpitProf {
		transform: translate(3px, 0px);
	}

	.levelsText {
		-webkit-transform: translate(0px, 27px);
		-ms-transform: translate(0px, 27px);
		transform: translate(0px, 27px);
	}

	#progressBlockWhite {
		margin-right: 2px;
	}

	.horizontalMenu {
		margin-top: -90px;
		height: 100px;
	}

	#row_empty {
		max-width: 400px;
		width: 100%;
		margin-top: 0px;
		margin-bottom: 50px;
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 730px;
		width: 100%;
		margin-top: -20px;
		height: 25px;
	}

	.levels > div > div > #progressBlockWhite > div.progress-bar > .progress {
		height: 29px;
		font-size: 25px;
	}

	#progressBlockWhite > div.progress-bar > div {
		height: 27px;
		font-size: 24px;
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		padding: 4px 15px;
	}

	body {
		padding-top: 10px;
	}

	#circleProgress {
		height: 300px;
		margin-top: -35px;
	}

	#performancechart {
		height: 300px;
	}

	#risikochart {
		height: 300px;
	}

	.dotstyle ul {
		margin-top: -45px;
	}

	.progressButton li img {
		width: 50px;
		margin-top: -9px;
		margin-left: -2px;
	}

	.p14Logos {
		margin-left: 0px;
	}

	.diagramm {
		height: 700px;
		margin: 0px;
		max-width: 1050px;
		width: 100%;
		-webkit-transform: translate(-50px, 10px);
		-ms-transform: translate(-50px, 10px);
		transform: translate(-50px, 10px);
	}

	.OldManIcon {
		max-width: 11vw;
		width: 100%;
	}

	.YoungManIcon {
		max-width: 11vw;
		width: 100%;
	}

	.GirlIcon {
		max-width: 11vw;
		width: 100%;
	}

	.personIcon {
		min-width: 750px;
		max-width: 42vw;
		width: 100%;
	}

	.personText {
		max-width: 700px;
		width: 100%;
		padding-top: 0px;
	}

	#horizon > form {
		margin-top: -10px;
	}

	.yellowR > p {
		padding: 4px 21px;
	}

	.swal2-container > .titleIntroPopup_Erklarung_de,
	.titleIntroPopup_Erklarung_en {
		background-size: 100% !important;
	}

	#swal2-content > .Erklarung > div.arr1 {
		-webkit-transform: rotate(180deg)translate(-100px, 430px);
		-ms-transform: rotate(180deg)translate(-100px, 430px);
		transform: rotate(180deg)translate(-100px, 430px);
	}

	.personIconP > p {
		padding: 5px 10px 0px 9px;
	}

	#person_l3_s9_info_1 {
		-webkit-transform: translate(1000px, 10px);
		-ms-transform: translate(1000px, 10px);
		transform: translate(1000px, 10px);
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		margin-left: 0px;
		font-size: 38px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		min-width: 0px;
	}

	#descr_ch_10 {
		-webkit-transform: translate(57px, 35px);
		-ms-transform: translate(57px, 35px);
		transform: translate(57px, 35px);
	}

	#descr_ch_10 > div.message {
		min-height: 260px !important;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		min-width: 0px;
		margin-left: 60px !important;
		margin-bottom: -8px;
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		min-width: 0px;
		margin-bottom: -8px;
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		padding: 28px 0px;
		margin-left: -30px;
		margin-top: 10px;

	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 340px;
		width: 100%;
		padding: 20px;
		margin-left: 30px;
	}

	body > div.container > div.leftSideP7 > form > span:nth-child(5) > input {
		max-width: 340px;
	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(1010px, 10px);
		-ms-transform: translate(1010px, 10px);
		transform: translate(1010px, 10px);
	}


	.radioDiagram > #zinsentw > input {
		width: 20px;
		height: 20px;
	}

	#swal2-content > div > div.feedContent > div > form > label:nth-child(13) {
		margin-left: 0px;
	}

	.radioDiagram > #zinsentw > label {
		font-size: 16px;
		padding: 1px 10px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > input {
		width: 20px;
		height: 20px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > label {
		font-size: 16px;
		padding: 1px 10px;
	}

	.svg-content {
		top: 55px;
		left: -20px;
	}

	.logoP6 > a > img {
		max-width: 550px;
		width: 100%;
	}

	#gapTable {
		max-width: 665px;
		width: 100%;
		margin-top: 7px;
		height: 280px;
	}

	.GapContribution {
		max-width: 600px;
		width: 100%;
		line-height: 3;
	}

	.profMode > #gapTable {
		margin: 0px 7.5% !important;
		max-width: 565px;
	}

	.profMode > #gapTable > .GapContribution {
		max-width: 500px;
	}

	#forecast > span > h3 {
		padding: 0px;
		right: 50px;
		top: -60px;
	}


	.futureInterest {
		max-width: 500px;
		width: 100%;
	}

	.futureInterestRate {
		max-width: 550px;
		width: 100%;
	}

	.futureInterestRate > tbody > tr:nth-child(1) > th {
		font-size: 18px;
	}

	.futureInterestRate > tbody > tr > td:nth-child(1) {
		font-size: 18px;
	}

	.futureInterestRate > tbody > tr > td {
		font-size: 18px;
	}

	.futureInterestRate > tbody > .littleNum td {
		font-size: 14px;
	}

	#forecast_el > table > tbody > tr:nth-child(11) {
		border-bottom: none;
	}


	#dashboard-graph {
		max-height: 670px;
		height: 100%;
		margin-left: 30px !important;
	}

	#dashboard-graph > svg {
		max-height: 650px;
	}


	body > div > div.topPage14 > div.progressBlock {
		right: 14%;
		margin-top: 0px;
	}

	.diagramm > div.horizon {
		margin-bottom: 0px;
		max-width: 700px;
		width: 100%;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 260px;
	}

	#modalWiz > div.personMessageCircleDiagram > .character {
		max-width: 260px;
		width: 100%;
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 700px;
		min-height: 200px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 700px;
	}

	#actions {
		margin-top: 0px !important;
	}

	#modalWiz > #person_l1_s1_info_4 > div.character {
		max-width: 200px;
		width: 100%;
	}

	#modalWiz > #descr_ch_6 > .character {
		max-width: 185px;
	}

	#modalWiz > #descr_ch_6 > .message {
		max-width: 600px;
		min-height: 200px;
	}

	#modalWiz > #descr_ch_6 > .message > p {
		line-height: 1.1;
		min-height: 115px;
	}

	#modalWiz > #descr_ch_7 > .character {
		max-width: 185px;
	}

	#modalWiz > #descr_ch_7 > .message {
		max-width: 600px;
		min-height: 200px;
	}

	#modalWiz > #descr_ch_7 > .message > p {
		line-height: 1.1;
		min-height: 115px;
	}

	#modalWiz > #person_l1_s1_info_1 {
		-webkit-transform: translate(-6px, 52px);
		-ms-transform: translate(-6px, 52px);
		transform: translate(-6px, 52px);
		margin-top: -50px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 800px;
		width: 100%;
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(-80px, -240px);
		-ms-transform: translate(-80px, -240px);
		transform: translate(-80px, -240px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-15px, -360px) rotate(90deg);
		-ms-transform: translate(-15px, -360px) rotate(90deg);
		transform: translate(-15px, -360px) rotate(90deg);
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(-45px, 274px);
		-ms-transform: rotate(180deg)translate(-45px, 274px);
		transform: rotate(180deg)translate(-45px, 274px);
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(210px, 155px);
		-ms-transform: rotate(180deg) translate(210px, 155px);
		transform: rotate(180deg) translate(210px, 155px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-90px, -200px) rotate(60deg);
		-ms-transform: translate(-90px, -200px) rotate(60deg);
		transform: translate(-90px, -200px) rotate(60deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(210deg) translate(615px, 110px);
		-ms-transform: rotate(210deg) translate(615px, 110px);
		transform: rotate(210deg) translate(615px, 110px);
	}

	.homepage > div > div > #dropMenu input {
		background-size: 90%;
	}

	#dropMenu input {
		background-size: 90%;
	}

	#person_l1_s2_info_1 {
		-webkit-transform: translate(950px, 40px);
		-ms-transform: translate(950px, 40px);
		transform: translate(950px, 40px);
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(54px, -628px);
		-ms-transform: rotate(270deg) translate(54px, -628px);
		transform: rotate(270deg) translate(54px, -628px);
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(-35px, 145px);
		-ms-transform: rotate(180deg) translate(-35px, 145px);
		transform: rotate(180deg) translate(-35px, 145px);
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(635px, -27px);
		-ms-transform: rotate(270deg) translate(635px, -27px);
		transform: rotate(270deg) translate(635px, -27px);
	}


	#person_l1_s1_info_2 {
		-webkit-transform: translate(20px, 150px);
		-ms-transform: translate(20px, 150px);
		transform: translate(20px, 150px);
	}

	#modalWiz > #person_l1_s1_info_3 {
		-webkit-transform: translate(6px, 45px);
		-ms-transform: translate(6px, 45px);
		transform: translate(6px, 45px);
	}

	.level7 {
		width: 100%;
		height: 700px;
	}

	.feedBackMes {
		max-height: 700px;
		height: 100%;
		max-width: 1000px;
		width: 100%;
		-webkit-transform: translate(-40px, 135px);
		-ms-transform: translate(-40px, 135px);
		transform: translate(-40px, 135px);
	}

	.feedBackMes > .backMes {
		max-height: 700px;
		height: 100%;
	}

	.feedBackMes > .backMesText {
		-webkit-transform: translate(0px, -600px);
		-ms-transform: translate(0px, -600px);
		transform: translate(0px, -600px);
		font-size: 48px;
	}

	.feedBackMes > div > a > img {
		max-width: 200px;
		width: 100%;
	}

	.feedBackMes > div > a:first-child > img {
		-webkit-transform: translate(-103px, 212px);
		-ms-transform: translate(-103px, 212px);
		transform: translate(-103px, 212px);
	}

	.feedBackMes > div > a:nth-child(2) > img {
		-webkit-transform: translate(16px, 207px);
		-ms-transform: translate(16px, 207px);
		transform: translate(16px, 207px);
	}

	.feedBackMes > div > a:nth-child(3) > img {
		-webkit-transform: translate(112px, 208px);
		-ms-transform: translate(112px, 208px);
		transform: translate(112px, 208px);
	}

	.modalPersonMesTabDia > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(-300px, 0px);
		-ms-transform: translate(-300px, 0px);
		transform: translate(-300px, 0px);
	}

	#person_l1_s6_finish_1 {
		-webkit-transform: translate(10px, -10px);
		-ms-transform: translate(10px, -10px);
		transform: translate(10px, -10px);
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(110px, -586px);
		-ms-transform: rotate(270deg) translate(110px, -586px);
		transform: rotate(270deg) translate(110px, -586px);
	}

	#person_l2_s5_info_2 {
		-webkit-transform: translate(980px, 14px);
		-ms-transform: translate(980px, 14px);
		transform: translate(980px, 14px);
	}

	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(-44px, 205px);
		-ms-transform: rotate(180deg) translate(-44px, 205px);
		transform: rotate(180deg) translate(-44px, 205px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(194px, 297px);
		-ms-transform: rotate(180deg) translate(194px, 297px);
		transform: rotate(180deg) translate(194px, 297px);
	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(20px, -130px);
		-ms-transform: translate(20px, -130px);
		transform: translate(20px, -130px);
	}

	#arr1_l1_s1_info_4 {
		-webkit-transform: rotate(180deg) translate(-200px, 340px);
		-ms-transform: rotate(180deg) translate(-200px, 340px);
		transform: rotate(180deg) translate(-200px, 340px);
	}

	#arr2_l1_s1_info_4 {
		-webkit-transform: translate(-330px, -315px) rotate(225deg);
		-ms-transform: translate(-330px, -315px) rotate(225deg);
		transform: translate(-330px, -315px) rotate(225deg);
	}

	#arr3_l1_s1_info_4 {
		-webkit-transform: rotate(90deg) translate(-25px, 480px);
		-ms-transform: rotate(90deg) translate(-25px, 480px);
		transform: rotate(90deg) translate(-25px, 480px);
	}

	#modalWiz > .personMessageCenterBig > div.message {
		max-width: 900px;
		width: 100%;
		min-height: 250px;
	}

	#modalWiz > .personMessageCenterBig > div.character > img {
		max-width: 220px;
		width: 100%;
	}

	.message > p {
		line-height: 1.2;
	}

	#person_l1_s1_finish_1 {
		-webkit-transform: translate(10px, -65px);
		-ms-transform: translate(10px, -65px);
		transform: translate(10px, -65px);
	}

	.gapTable_finish_1_m {
		-webkit-transform: translate(955px, -650px);
		-ms-transform: translate(955px, -650px);
		transform: translate(955px, -650px);
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(955px, 35px);
		-ms-transform: translate(955px, 35px);
		transform: translate(955px, 35px);
	}

	#person_l1_s2_finish_1 > div.character > img {
		max-width: 240px;
		width: 100%;
	}

	#person_l1_s2_finish_1 {
		-webkit-transform: translate(314px, -109px);
		-ms-transform: translate(314px, -109px);
		transform: translate(314px, -109px);
	}

	#arr1_l1_s2_finish_1 {
		-webkit-transform: translate(-217px, -80px);
		-ms-transform: translate(-217px, -80px);
		transform: translate(-217px, -80px);
	}

	#person_l1_s6_finish_1 > div.character {
		max-width: 260px;
		width: 100%;
	}

	#person_l1_s1_finish_1 > div.character {
		max-width: 260px;
		width: 100%;
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -2px);
		-ms-transform: translate(24px, -2px);
		transform: translate(24px, -2px);
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -2px);
		-ms-transform: translate(24px, -2px);
		transform: translate(24px, -2px);
	}

	#person_l2_s8_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -2px);
		-ms-transform: translate(24px, -2px);
		transform: translate(24px, -2px);
	}

	#person_l3_s9_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -2px);
		-ms-transform: translate(24px, -2px);
		transform: translate(24px, -2px);
	}

	#person_l3_s10_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -2px);
		-ms-transform: translate(24px, -2px);
		transform: translate(24px, -2px);
	}

	#person_l3_s11_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -2px);
		-ms-transform: translate(24px, -2px);
		transform: translate(24px, -2px);
	}

	.resultColumn3 {
		max-width: 700px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(1) {
		width: 205px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(2) {
		width: 80px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		width: 17%;
		padding: 2px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
		width: 125px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(5) {
		width: 125px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
		width: 155px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh2 {
		width: 80px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		width: 12%;
		font-size: 16px;
	}


	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 580px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		line-height: 1.8;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		padding-top: 4px;
		font-size: 17px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(3) {
		width: 145px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(8) {
		width: 100px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 18px;
	}

	div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th {
		font-size: 35px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk > span {
		font-size: 24px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalLimit > span {
		font-size: 24px;
	}

	body > div > div.leftSideP3 > div.LangSocRtop > div.langSoc {
		width: 160px;
	}

	.selectCountry {
		height: 60px;
	}

	.functionArea {
		height: 110px;
	}

	.longCongrat > div > #shareP40 {
		padding: 40px 10px 5px;
	}

	.proceed {
		padding: 55px;
	}

	.mySlides > .text {
		padding: 10px;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > span > img {
		max-width: 150px;
		width: 100%;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > img {
		max-width: 150px;
		width: 100%;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > .backImageIntro {
		max-width: 150px;
		width: 100%;
		max-height: 150px;
		height: 100%;
		min-height: 150px;
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
		left: 15%;
	}

	.stuffYoungWoman {
		margin-top: -70px;
	}

	.headerSelect {
		padding: 10px 45px;
	}

	.stuffOldMan {
		margin-top: -70px;
	}

	.leftsideH11 {
		max-width: 800px;
		width: 100%;
	}

	.slideshow-container {
		margin-top: 26%;
	}

	div.text > div.stuff > .stuffYoungWoman > h6 {
		max-width: 32vw;
		width: 100%;
	}

	div.text > div.stuff > .mySelf > h6 {
		max-width: 32vw;
		width: 100%;
	}

	.competition > div.container > div.leftsideH11 {
		max-width: 700px;
		width: 100%;
		margin-top: 100px;
	}

	.stuff {
		margin-top: 30px;
	}

	.mySelf {
		margin-top: -70px;
	}

	.right {
		padding: 60px 80px 0px 150px;
	}

	body > div.container > div.right > div.registration > form > div.checkbox > div {
		margin-left: -34px;
	}

	.p7 {
		margin-top: 2%;
		max-width: 700px;
		width: 100%;
	}

	body > div.container > div.leftSideP7 > form > span > select {
		height: 74px !important;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 20px;
		width: 4%;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr {
		height: 70px;
	}

	.wrapTableEvaluation {
		height: 300px;
		margin: 10px 30px;
	}

	.yourRank {
		font-size: 50px;
		max-width: 800px;
		width: 100%;
		margin: 20px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr:nth-child(3) > td:last-child {
		border-bottom: none;
		border-right: none;
	}

	#arr1_descr_1 {
		-webkit-transform: rotate(105deg) translate(-148px, -495px);
		-ms-transform: rotate(105deg) translate(-148px, -495px);
		transform: rotate(105deg) translate(-148px, -495px);
	}

	#arr2_descr_1 {
		-webkit-transform: rotate(243deg) translate(167px, 404px);
		-ms-transform: rotate(243deg) translate(167px, 404px);
		transform: rotate(243deg) translate(167px, 404px);
	}

	#arr3_descr_1 {
		-webkit-transform: rotate(204deg) translate(-35px, 438px);
		-ms-transform: rotate(204deg) translate(-35px, 438px);
		transform: rotate(204deg) translate(-35px, 438px);
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(-237px, 215px);
		-ms-transform: rotate(180deg) translate(-237px, 215px);
		transform: rotate(180deg) translate(-237px, 215px);
	}

	#arr2_descr_2 {
		-webkit-transform: rotate(180deg) translate(-65px, 121px);
		-ms-transform: rotate(180deg) translate(-65px, 121px);
		transform: rotate(180deg) translate(-65px, 121px);
	}

	#descr_ch_2 {
		-webkit-transform: translate(0px, 125px);
		-ms-transform: translate(0px, 125px);
		transform: translate(0px, 125px);
	}

	.FinTrainer {
		padding: 40px;
	}

	.cd-table h2,
	.cd-table ul > li {
		height: 23px;
		line-height: 24px;
		font-size: 15px;
	}

	.dotstyle ul {
		margin-top: 15px;
		margin-bottom: 5px;
	}

	.enterWorld > h2 {
		margin-top: 150px;
	}

	.tutorial > h2 {
		margin-top: 150px;
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(-235px, 160px);
		-ms-transform: rotate(180deg) translate(-235px, 160px);
		transform: rotate(180deg) translate(-235px, 160px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(600px, 170px);
		-ms-transform: rotate(270deg) translate(600px, 170px);
		transform: rotate(270deg) translate(600px, 170px);
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(70px, -1120px);
		-ms-transform: rotate(270deg) translate(70px, -1120px);
		transform: rotate(270deg) translate(70px, -1120px);
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(100px, -655px);
		-ms-transform: rotate(270deg) translate(100px, -655px);
		transform: rotate(270deg) translate(100px, -655px);
	}

	#person_l3_s9_info_2 {
		-webkit-transform: translate(900px, -25px);
		-ms-transform: translate(900px, -25px);
		transform: translate(900px, -25px);
	}

	#modalWiz > #person_l3_s9_info_2 > div.message {
		max-height: 220px;
	}

	#modalWiz > #person_l3_s9_info_2 > div.character > img {
		max-width: 220px;
		width: 100%;
	}

	#person_l3_s9_info_2 {
		-webkit-transform: translate(98px, 0px);
		-ms-transform: translate(98px, 0px);
		transform: translate(98px, 0px);
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 200px;
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(690px, 90px);
		-ms-transform: rotate(270deg) translate(690px, 90px);
		transform: rotate(270deg) translate(690px, 90px);
	}



	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(690px, 65px);
		-ms-transform: rotate(270deg) translate(690px, 65px);
		transform: rotate(270deg) translate(690px, 65px);
	}


	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(690px, 45px);
		-ms-transform: rotate(270deg) translate(690px, 45px);
		transform: rotate(270deg) translate(690px, 45px);
	}

	#actionlist > span > p {
		right: 55px;
		top: -10px;
	}

	#actionlist > span > h3 {
		right: 55px;
		top: -18px;
	}

	.char7level {
		margin-top: 15px;
	}

	.futureInterestRate > tbody > tr > td {
		padding: 2px 15px;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 30px;
		min-width: 10vw;
	}

	.Level > h1 {
		font-size: 7vw;
		padding: 40px;
	}

	#socialiconsPWho .fa {
		width: 2vw;
		height: 2vw;
		line-height: 15px;
	}

	body > .yellow_finish_modal > div > div.swal2-actions > button.swal2-confirm.swal2-styled {
		font-size: 80px;
		padding: 35px 60px;
	}

	#holderWrap > .diagramm > .topHorizon {
		max-width: 700px;
		width: 100%;
	}

	.topHorizon > .wrapperDescription {
		margin-bottom: -60px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.buttonClosedTab.swal2-styled {
		-webkit-transform: translate(614px, -90px);
		-ms-transform: translate(614px, -90px);
		transform: translate(614px, -90px);
	}

	.tableLabel {
		font-size: 25px;
	}

	#descr_ch_9 {
		-webkit-transform: translate(250px, 9px);
		-ms-transform: translate(250px, 9px);
		transform: translate(250px, 9px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-598px, -240px);
		-ms-transform: rotate(90deg) translate(-598px, -240px);
		transform: rotate(90deg) translate(-598px, -240px);
	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-458px, -450px);
		-ms-transform: rotate(90deg) translate(-458px, -450px);
		transform: rotate(90deg) translate(-458px, -450px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-458px, -430px);
		-ms-transform: rotate(90deg) translate(-458px, -430px);
		transform: rotate(90deg) translate(-458px, -430px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-458px, -405px);
		-ms-transform: rotate(90deg) translate(-458px, -405px);
		transform: rotate(90deg) translate(-458px, -405px);
	}

	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-458px, -385px);
		-ms-transform: rotate(90deg) translate(-458px, -385px);
		transform: rotate(90deg) translate(-458px, -385px);
	}

	#descr_ch_6 {
		-webkit-transform: translate(550px, -135px);
		-ms-transform: translate(550px, -135px);
		transform: translate(550px, -135px);
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(340px, -395px);
		-ms-transform: rotate(270deg) translate(340px, -395px);
		transform: rotate(270deg) translate(340px, -395px);
	}

	.gapTable_description_6_m {
		-webkit-transform: translate(960px, -175px);
		-ms-transform: translate(960px, -175px);
		transform: translate(960px, -175px);
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(340px, 630px);
		-ms-transform: rotate(270deg) translate(340px, 630px);
		transform: rotate(270deg) translate(340px, 630px);
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(115px, 55px);
		-ms-transform: translate(115px, 55px);
		transform: translate(115px, 55px);
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(472px, 58px);
		-ms-transform: translate(472px, 58px);
		transform: translate(472px, 58px);
		width: 30%;
	}

	.circleProgress_description_7_m {
		-webkit-transform: translate(-37px, 86px);
		-ms-transform: translate(-37px, 86px);
		transform: translate(-37px, 86px);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(970px, -170px);
		-ms-transform: translate(970px, -170px);
		transform: translate(970px, -170px);
	}

	#arr1_descr_7 {
		-webkit-transform: translate(-40px, -340px) rotate(270deg);
		-ms-transform: translate(-40px, -340px) rotate(270deg);
		transform: translate(-40px, -340px) rotate(270deg);
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(340px, 740px);
		-ms-transform: rotate(270deg) translate(340px, 740px);
		transform: rotate(270deg) translate(340px, 740px);
	}

	#descr_ch_7 {
		-webkit-transform: translate(715px, -170px);
		-ms-transform: translate(715px, -170px);
		transform: translate(715px, -170px);
	}

	#descr_ch_7 > div.character {
		max-width: 240px;
	}

	#descr_ch_8 {
		-webkit-transform: translate(24px, 20px);
		-ms-transform: translate(24px, 20px);
		transform: translate(24px, 20px);
	}

	#descr_ch_8 {
		-webkit-transform: translate(24px, 20px);
		-ms-transform: translate(24px, 20px);
		transform: translate(24px, 20px);
	}

	.gapTable_description_8_m {
		-webkit-transform: translate(1026px, -29px);
		-ms-transform: translate(1026px, -29px);
		transform: translate(1026px, -29px);
	}

	.gapTable_description_8_m > div > .wrapperDescription.total {
		border: none;
	}

	#arr1_descr_8 {
		-webkit-transform: rotate(180deg) translate(-385px, 255px);
		-ms-transform: rotate(180deg) translate(-385px, 255px);
		transform: rotate(180deg) translate(-385px, 255px);
	}

	#arr2_descr_8 {
		-webkit-transform: rotate(180deg) translate(-185px, 185px);
		-ms-transform: rotate(180deg) translate(-185px, 185px);
		transform: rotate(180deg) translate(-185px, 185px);
	}

	#arr3_descr_8 {
		-webkit-transform: rotate(180deg) translate(14px, 112px);
		-ms-transform: rotate(180deg) translate(14px, 112px);
		transform: rotate(180deg) translate(14px, 112px);
	}

	#descr_ch_12 {
		-webkit-transform: translate(1000px, 58px);
		-ms-transform: translate(1000px, 58px);
		transform: translate(1000px, 58px);
	}

	#arr1_descr_12 {
		-webkit-transform: rotate(270deg)translate(540px, -200px);
		-ms-transform: rotate(270deg)translate(540px, -200px);
		transform: rotate(270deg)translate(540px, -200px);
	}

	#descr_ch_13 {
		-webkit-transform: translate(1000px, 58px);
		-ms-transform: translate(1000px, 58px);
		transform: translate(1000px, 58px);
	}

	#arr1_descr_13 {
		-webkit-transform: rotate(270deg)translate(510px, -200px);
		-ms-transform: rotate(270deg)translate(510px, -200px);
		transform: rotate(270deg)translate(510px, -200px);
	}

	#descr_ch_3 {
		-webkit-transform: translate(26px, 76px);
		-ms-transform: translate(26px, 76px);
		transform: translate(26px, 76px);
	}

	#arr1_descr_3 {
		-webkit-transform: translate(450px, -150px);
		-ms-transform: translate(450px, -150px);
		transform: translate(450px, -150px);
	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-590px, 95px);
		-ms-transform: rotate(180deg) translate(-590px, 95px);
		transform: rotate(180deg) translate(-590px, 95px);
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(185px, -70px);
		-ms-transform: rotate(270deg) translate(185px, -70px);
		transform: rotate(270deg) translate(185px, -70px);
	}

	.fullscr {
		zoom: 1.4;
		-webkit-transform: translate(35px, -146px);
		-ms-transform: translate(35px, -146px);
		transform: translate(35px, -146px);
		height: 650px;
	}

	.fullscr > #horizon {
		max-width: 1000px;
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(-40px, 90px);
		-ms-transform: translate(-40px, 90px);
		transform: translate(-40px, 90px);
	}

	.circleProgress_description__m {
		-webkit-transform: translate(0px, 50px);
		-ms-transform: translate(0px, 50px);
		transform: translate(0px, 50px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-360px, -500px);
		-ms-transform: rotate(90deg) translate(-360px, -500px);
		transform: rotate(90deg) translate(-360px, -500px);
	}

	#row_14695 > ul > li.inputLi {
		height: 39px;
	}

	.switch {
		margin-top: 3px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td {
		font-size: 24px;
	}

	.numberRank {
		font-size: 110px;
		padding: 40px;
	}

	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		margin: 25px 240px;
	}

	.rateEmoji > h2 {
		margin-top: 10%;
		margin-bottom: 2%;
	}

	.page3 > .container > .right > div > form > div > input[type="text"],
	input[type="password"],
	input[type="email"] {
		width: 100%;
		height: 56px;
		outline: none;
	}

	.login {
		margin-bottom: 35px;
	}

	#swal2-content > div > div.feedContent {
		max-width: 800px;
		width: 100%;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack > img {
		max-width: 300px !important;
		width: 100%;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h1 {
		font-size: 3vw;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h3 {
		font-size: 2vw;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h5 {
		font-size: 24px;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div.emojiFeed > a > img {
		max-width: 120px;
		padding: 10px;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed {
		-webkit-transform: translate(8px, -14px);
		-ms-transform: translate(8px, -14px);
		transform: translate(8px, -14px);
		padding: 0px;
	}

	#swal2-content > div > div.feedContent {
		padding: 0px 100px 0px;
		margin-top: -40px;
		margin-bottom: 30px;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack {
		max-height: 300px;
		height: 100%;
		padding: 15px 25px !important;
	}

	.quiz_inp {
		margin-top: -22px;
		width: 300px !important;
		margin-left: 55px;
	}

	#swal2-content > div > div.feedContent > button {
		padding: 20px 40px;
		font-size: 20px;
		-webkit-transform: translate(215px, 30px);
		-ms-transform: translate(215px, 30px);
		transform: translate(215px, 30px);
	}

	#swal2-content > div > div.footerFeed > div.rightFooterFeed > a > p {
		padding: 20px 40px;
		font-size: 1vw;
	}

	#swal2-content > div > div.footerFeed {
		height: 115px;
		padding: 0px 220px 0px 40px;
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram {
		margin-right: 45px;
	}

	#swal2-content > div > div.feedContent > div > form {
		font-size: 1.1vw;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
		line-height: 1.5;

	}

	#swal2-content > div > div.feedContent > h6 {
		font-size: 1.3vw;
		margin-bottom: 10px;
		margin-top: 35px;
	}

	#swal2-content > div > div.footerFeed > div.rightFooterFeed {
		margin-top: 25px;
	}

	.btn-si {
		font-size: 0.7em;
	}

	.switch-selection {
		max-width: 194px;
		width: 100%;
	}

	body > div.container > div.right > div.login > .switch {
		width: 400px;
	}

	.switch-label {
		width: 195px;
	}

	#socialIconsSmallP11 > a.googleIcon > img {
		width: 55px;
	}

	#inPage11 {
		width: 55px;
		height: 55px;
	}

	.cd-table-column > ul > li.inputLi {
		height: 40px;
	}

	.buttonResetHolder {
		right: 7%;
		top: -14px;
	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-493px, -181px);
		-ms-transform: rotate(90deg)translate(-493px, -181px);
		transform: rotate(90deg)translate(-493px, -181px);
	}

	#descr_ch_14 {
		-webkit-transform: translate(10px, 146px);
		-ms-transform: translate(10px, 146px);
		transform: translate(10px, 146px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-517px, -516px);
		-ms-transform: rotate(90deg)translate(-517px, -516px);
		transform: rotate(90deg)translate(-517px, -516px);
	}

	.hRightCompetition {
		max-width: 750px;
		width: 100%;
		margin: 0 auto;
		margin-top: 16%;
	}

	.p7 > span > .inputShort {
		margin-bottom: 30px;
	}

	.p7 > .inputLong {
		margin-bottom: 30px;
	}

	.submitInput {
		margin-top: 30px;
	}

	.contentChangePass {
		max-width: 1400px;
		width: 100%;
		left: 13%;
	}

	.contentChangePass > button {
		-webkit-transform: translate(325px, 60px);
		-ms-transform: translate(325px, 60px);
		transform: translate(325px, 60px);
	}

	.performancePop {
		max-width: 1700px;
		width: 100%;
		margin-top: 10%;
	}

	.small {
		margin-right: 13%;
	}

	.Erklarung > .small {
		margin-right: 19%;
		margin-top: -12%;
	}

	.zinsumfeld {
		max-width: 1700px;
		width: 100%;
		margin-top: 4%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe {
		line-height: 1.8 !important;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		line-height: 1.8;
		font-size: 17px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th:first-child {
		font-size: 32px;
	}

	#logoutMenu {
		right: 30px;
	}

	.popUpSelect {
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}

	.message {
		min-height: 260px;
	}

}

@media screen and (max-width:1800px) {
	.logoP3 > img {
		max-width: 500px;
		-webkit-transform: translate(-37%, 30%);
		-ms-transform: translate(-37%, 30%);
		transform: translate(-37%, 30%);
	}

	.liNum1 {
		margin: 4px;
	}

	.right {
		padding: 0px 60px 0px 150px;
	}

	button.log {
		margin-right: 0px;
		width: 75%;
	}


	.titleP3 {
		margin-top: 200px;
		padding: 25px 10px;
	}

	.titleP3 > h2 {
		font-size: 4vw;
		margin-bottom: 30px;
	}

	.titleP3 > h1 {
		font-size: 7vw;
		margin-top: 10%;
	}

	#row_empty {
		max-width: 450px;
		width: 100%;
	}


	.socialIconsBig {
		margin-left: 46%;
	}

	.rateEmoji > h2 {
		margin-top: 15%;
	}

	.rateEmoji > .InputHello {
		height: 270px;
	}

	.emoji > a > img {
		width: 90px;
		margin-right: 20px;
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		font-size: 32px;
	}

	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 120px;
		padding-right: 120px;
	}

	.personText {
		min-width: 650px;
		padding: 25px;

	}

	#levels {
		right: 0;
		width: 100px;
		height: 100px;
		margin-right: 220px;
		margin-top: 0px;
	}

	.levelsText {
		-webkit-transform: translate(0px, 20px);
		-ms-transform: translate(0px, 20px);
		transform: translate(0px, 20px);
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 730px;
		width: 100%;
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		padding: 5px 15px;
	}

	#progressBlockWhite {
		max-width: 780px;
	}

	.progressButton li img {
		width: 53px;
		margin-top: -11px;
		margin-left: -3px;
	}

	#performancechart > svg {
		height: 280px;
	}

	#risikochart > svg {
		height: 280px;
	}

	.diagramm {
		max-width: 1050px;
		width: 100%;
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

	.personIcon {
		min-width: 650px;
	}

	.diagramm {
		height: 710px;
	}

	#dropMenu input {
		background-size: 80%;
	}

	.budgetPoints {
		padding: 20px 90px 50px 90px;
	}

	.cockpit > a {
		padding: 15px 90px 16px 90px;
	}

	.dotstyle li {
		width: 40px;
		height: 40px;
	}

	.results > a {
		padding: 20px 50px;
	}

	body > div > div.horizontalMenu > div > a {
		font-size: 22px;
	}

	.levelLink {
		width: 300px;

	}

	.level {
		padding-right: 120px;
		margin-top: -130px;
	}

	.description > a {
		padding: 20px 40px;
	}

	.description {
		-webkit-transform: translate(-2%, 62%);
		-ms-transform: translate(-2%, 62%);
		transform: translate(-2%, 62%);
	}

	body > div > div.level > table {
		margin-top: 100px;
	}


	.trianguleSlide {
		padding-left: 100px;
		margin-top: 12%;
	}

	.tableLabel {
		margin-left: 80px;
	}

	#forecast > .tableLabel {
		margin-left: 80px;
	}

	.personIconP > p {
		line-height: 1.5;
	}

	.futureInterest {
		max-width: 450px;
		width: 100%;
		height: 275px;
	}

	.tableLabel {
		font-size: 22px;
	}

	#circleProgress > div.performance {
		-webkit-transform: translate(-143px, 253px);
		-ms-transform: translate(-143px, 253px);
		transform: translate(-143px, 253px);
	}

	#gapTable {
		max-width: 550px;
		width: 100%;
		margin-top: 10px;
		font-size: 22px;
	}

	.futureInterestRate > tbody > tr:nth-child(1) > th {
		font-size: 14px;
	}

	#circleProgress > div.risk {
		-webkit-transform: translate(153px, 253px);
		-ms-transform: translate(153px, 253px);
		transform: translate(153px, 253px);
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		-webkit-transform: translate(63%, -8%);
		-ms-transform: translate(63%, -8%);
		transform: translate(63%, -8%);
		margin-top: -30px;
	}

	#forecast > span > h3 {
		padding: 0px;
		margin-top: -25px;
	}


	.horizontalMenu {
		height: 92px;
	}

	#circleProgress {
		margin-top: 0px;
	}

	.futureInterestRate > tbody > tr > td {
		font-size: 14px;
	}

	#forecast {
		max-width: 650px;
		width: 100%;
	}

	.futureInterestRate > tbody > .littleNum td {
		font-size: 12px;
	}

	.cd-table h2,
	.cd-table ul > li {
		height: 26px;
		line-height: 30px;
		font-size: 16px;
	}

	.topPage14 {
		margin-top: 0px;
	}

	.cd-table ul > li.inputLi {
		padding: 10px;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 220px;
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 600px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 600px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(-447px, -139px);
		-ms-transform: translate(-447px, -139px);
		transform: translate(-447px, -139px);
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(-70px, -276px);
		-ms-transform: translate(-70px, -276px);
		transform: translate(-70px, -276px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-45px, -405px) rotate(90deg);
		-ms-transform: translate(-45px, -405px) rotate(90deg);
		transform: translate(-45px, -405px) rotate(90deg);
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(9px, 76px);
		-ms-transform: rotate(180deg)translate(9px, 76px);
		transform: rotate(180deg)translate(9px, 76px);
	}

	.aboutDiv {
		max-width: 650px;
		width: 100%;

	}
}

@media screen and (max-width:1680px) {
	.login {
		max-width: 100%;
		width: 100%;
	}

	.listResult > ul {
		font-size: 17px;
	}

	.personMessageScenarioPop > .message {
		max-width: 450px;
	}

	body > div > div.introWrapper > div.rightsideP11 > div.accordion > section > h1 > a {
		right: -40px;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(590px, 10px);
		-ms-transform: rotate(270deg) translate(590px, 10px);
		transform: rotate(270deg) translate(590px, 10px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-10px, -172px);
		-ms-transform: translate(-10px, -172px);
		transform: translate(-10px, -172px);
	}

	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(650px, 80px);
		-ms-transform: rotate(270deg) translate(650px, 80px);
		transform: rotate(270deg) translate(650px, 80px);
	}

	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(650px, 35px);
		-ms-transform: rotate(270deg) translate(650px, 35px);
		transform: rotate(270deg) translate(650px, 55px);
	}

	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(650px, -7px);
		-ms-transform: rotate(270deg) translate(650px, -7px);
		transform: rotate(270deg) translate(650px, -7px);
	}

	.cockpitProf > .cockpit {
		transform: translate(-3%, 62%);
	}

	.cockpitProf {
		transform: translate(8px, 0px);
	}

	.cockpitProf > .cockpit > a {
		padding: 15px 99px 45px 99px;
	}

	.scenarioDiv {
		transform: translate(2%, 115px);
		font-size: 20px;
	}

	.containerTextLogo > .compMode {
		-webkit-transform: translate(198px, -21px) !important;
		-ms-transform: translate(198px, -21px) !important;
		transform: translate(198px, -21px) !important;
	}

	.SimBlock {
		left: 55px;
		top: 5px;
	}

	span.youtube-link {
		transform: scale(1.5) translate(-50px, 388px);
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child {
		-webkit-transform: translate(115px, 38px) !important;
		-ms-transform: translate(115px, 38px) !important;
		transform: translate(115px, 38px) !important;
	}

	.profMode > #gapTable {
		height: 240px;
		margin: 0px 5.5% !important;
		max-width: 475px;
	}

	.profMode > #gapTable > .GapContribution {
		height: 250px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		padding: 0px;
	}

	.logoText {
		padding: 5px 140px 0px 5px;
		-webkit-transform: translate(109px, 36px);
		-ms-transform: translate(109px, 36px);
		transform: translate(109px, 36px);
	}

	#circleProgress > .tableLabel {

		right: 14px;
		top: -27px;
	}

	.GirlIcon {
		margin-left: -10px;
		margin-right: 10px;
	}

	.homepage > div > div > #dropMenu input {
		background-size: 83%;
	}

	.topHorizon > .wrapperDescription {
		margin-bottom: -50px;
	}

	.socialIconsBig {
		margin-left: 45%;
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
		left: 18%;
	}

	#remember-me {
		position: relative;
		top: 5px;
	}

	.resetButton {
		margin-top: -5px;
	}

	.logoP3 > img {
		max-width: 440px;
		-webkit-transform: translate(-37%, 35%);
		-ms-transform: translate(-37%, 35%);
		transform: translate(-37%, 35%);
	}

	#descr_ch_2 {
		-webkit-transform: translate(0px, 170px);
		-ms-transform: translate(0px, 170px);
		transform: translate(0px, 170px);
	}

	.CurrentRank {
		margin-top: -10px;
	}

	.liNum1 {
		margin: 3px;
	}

	.budgetPoints {
		padding: 16px 61px 40px 61px;
	}

	.cockpit > a {
		padding: 15px 99px 15px 99px;
	}

	.cockpit {
		-webkit-transform: translate(-2%, 62%);
		-ms-transform: translate(-2%, 62%);
		transform: translate(-2%, 62%);
	}

	.evaluation > a {
		padding: 15px 56px;
	}

	.evaluation {
		-webkit-transform: translate(-4%, 62%);
		-ms-transform: translate(-4%, 62%);
		transform: translate(-4%, 62%);
	}

	.results > a {
		padding: 15px 41px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		font-size: 16px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		font-size: 16px;
	}


	.results {
		-webkit-transform: translate(-6%, 62%);
		-ms-transform: translate(-6%, 62%);
		transform: translate(-6%, 62%);
	}

	.description > a {
		padding: 15px 34px;
	}

	.description {
		-webkit-transform: translate(-8%, 62%);
		-ms-transform: translate(-8%, 62%);
		transform: translate(-8%, 62%);
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		padding: 10px 19px;
		font-size: 28px;
	}

	#zinsentw {
		max-width: 600px;
		width: 100%;
	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 280px;
		width: 100%;
		padding: 10px 60px;
	}

	.progressButton > li {
		margin: 6px;
	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(850px, 10px);
		-ms-transform: translate(850px, 10px);
		transform: translate(850px, 10px);
	}

	#progressBlockWhite {
		max-width: 770px;
		margin-top: 0px;
	}

	.progressButton li img {
		width: 54px;
		margin-top: -15px;
		margin-left: -5px;
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 700px;
		width: 100%;
		margin-top: -15px;
	}

	.horizontalMenu {
		height: 90px;
	}

	#modalWiz > #descr_ch_6 > .message {
		max-width: 550px;
		min-height: 200px;
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(-157px, 182px);
		-ms-transform: rotate(180deg) translate(-157px, 182px);
		transform: rotate(180deg) translate(-157px, 182px);
	}

	.personText {
		padding: 0px 30px 40px;
	}

	#gapTable {
		max-width: 600px;
		width: 100%;
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
		margin-top: 20px;
	}

	body > div > div.topPage14 > div.progressBlock {
		max-width: 890px;
		width: 100%;
	}

	.svg-content {
		top: 41px;
		left: -15px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		min-width: 100px;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		min-width: 100px;
		margin-left: 65px !important;
		margin-top: 20px;
	}

	.accordion_trigger {
		line-height: 3;
		min-height: 50px;
	}

	.accordion {
		max-width: 900px;
		width: 100%;
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		min-width: 100px;
	}

	#row_empty {
		max-width: 350px;
		width: 100%;
		margin-bottom: 30px;
	}

	.horizontalMenu {
		margin-top: -50px;
	}

	.diagramm {
		height: 590px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > a {
		font-size: 35px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > p {
		font-size: 22px;
	}


	.progress {
		height: 30px;

	}

	.homepage > div > .holder > #dropMenu {
		bottom: -30px;
		left: -25px;
	}

	#performancechart > svg {
		height: 250px;
		margin-top: -20px;
	}

	#risikochart > svg {
		height: 250px;
		margin-top: -20px;
	}

	#circleProgress > div.performance {
		-webkit-transform: translate(-127px, 210px);
		-ms-transform: translate(-127px, 210px);
		transform: translate(-127px, 210px);
	}

	#person_l3_s9_info_1 {
		-webkit-transform: translate(871px, 10px);
		-ms-transform: translate(871px, 10px);
		transform: translate(871px, 10px);
	}

	#circleProgress > div.risk {
		-webkit-transform: translate(127px, 210px);
		-ms-transform: translate(127px, 210px);
		transform: translate(127px, 210px);
	}

	.diagramm {
		-webkit-transform: translate(-30px, 0px);
		-ms-transform: translate(-30px, 0px);
		transform: translate(-30px, 0px);
	}

	body > div > div.topPage14 > div.progressBlock {
		margin-top: 20px;
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		font-size: 2vw;
	}

	.personIconP > p {
		font-size: 14px;
	}

	#levels {
		width: 100px;
		height: 100px;
		margin-right: 190px;
		margin-top: 0px;
	}

	.levelLink {
		width: 290px;
	}


	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 40px;
		padding-right: 50px;
	}

	#gapTable {
		height: 270px;
		margin-top: 3px;
		margin-bottom: 48px;
	}

	.GapContribution {
		line-height: 1;
		height: 260px;
		max-width: 540px;
	}

	.futureInterest {
		height: 225px;
		max-width: 400px;
		width: 100%;
	}

	#forecast > span > h3 {
		right: -35px;
		top: -30px;
	}

	#actions {
		margin-bottom: 25px;
		margin-top: 5px;
	}

	.tableFutureInterest {
		height: 300px;
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		margin-top: 0px;
	}

	.trianguleSlide {
		padding-left: 0px;
		margin-top: 4%;
	}

	#descr_ch_13 {
		-webkit-transform: translate(850px, 58px);
		-ms-transform: translate(850px, 58px);
		transform: translate(850px, 58px);
	}

	.cd-table {
		max-width: 480px;
		width: 100%;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-right > img {
		width: 40px;
	}

	#arr1_descr_13 {
		-webkit-transform: rotate(270deg)translate(458px, -155px);
		-ms-transform: rotate(270deg)translate(458px, -155px);
		transform: rotate(270deg)translate(458px, -155px);
	}

	#descr_ch_12 {
		-webkit-transform: translate(850px, 58px);
		-ms-transform: translate(850px, 58px);
		transform: translate(850px, 58px);
	}

	.accordPerson {
		max-width: 120px;
		width: 100%;
	}

	body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section:nth-child(2) > div > img {
		margin-top: 71px;
	}

	body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section:nth-child(3) > div > img {
		margin-top: 17px;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-left > img {
		width: 40px;
	}

	#arr1_descr_12 {
		-webkit-transform: rotate(270deg)translate(440px, -200px);
		-ms-transform: rotate(270deg)translate(440px, -200px);
		transform: rotate(270deg)translate(440px, -200px);
	}

	.futureInterestRate > tbody > tr > td {
		font-size: 15px;
	}

	.futureInterestRate > tbody > tr > td:nth-child(1) {
		font-size: 14px;
	}

	#arr3_descr_8 {
		-webkit-transform: rotate(180deg) translate(125px, 95px);
		-ms-transform: rotate(180deg) translate(125px, 95px);
		transform: rotate(180deg) translate(125px, 95px);
	}

	#arr2_descr_8 {
		-webkit-transform: rotate(180deg) translate(-71px, 163px);
		-ms-transform: rotate(180deg) translate(-71px, 163px);
		transform: rotate(180deg) translate(-71px, 163px);
	}

	#arr1_descr_8 {
		-webkit-transform: rotate(180deg) translate(-271px, 225px);
		-ms-transform: rotate(180deg) translate(-271px, 225px);
		transform: rotate(180deg) translate(-271px, 225px);
	}

	.gapTable_description_8_m {
		-webkit-transform: translate(880px, -52px);
		-ms-transform: translate(880px, -52px);
		transform: translate(880px, -52px);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(919px, -269px);
		-ms-transform: translate(919px, -269px);
		transform: translate(919px, -269px);
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 18px;
	}

	.GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 18px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 15px;
	}

	.GapContribution > tbody > tr > td {
		font-size: 16px;
	}

	.futureInterestRate > tbody > .littleNum td {
		font-size: 12px;
	}

	.tableLabel {
		font-size: 20px;
	}

	.logoSmall > a > img {
		width: 150px;
		height: 150px;
	}

	.topPage13 > .logoSmall > a > img {
		width: 150px;
		height: 150px;
	}

	.progress-bar {
		width: 550px;
		height: 30px;
	}

	body > div > div.topPage13 > div.progressBlock {
		max-width: 550px;
		width: 100%;
	}

	.progressButton > li > a {
		font-size: 28px;
		padding: 4px 12px;
	}

	#circleProgress {
		margin-top: -5px;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 200px;
	}

	#modalWiz > div.personMessageCircleDiagram > .character {
		max-width: 240px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 700px;
		width: 100%;
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(-85px, -280px);
		-ms-transform: translate(-85px, -280px);
		transform: translate(-85px, -280px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-20px, -365px) rotate(90deg);
		-ms-transform: translate(-20px, -365px) rotate(90deg);
		transform: translate(-20px, -365px) rotate(90deg);
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(9px, 280px);
		-ms-transform: rotate(180deg)translate(9px, 280px);
		transform: rotate(180deg)translate(9px, 280px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_info_1.swal2-styled {
		-webkit-transform: translate(-458px, -183px);
		-ms-transform: translate(-458px, -183px);
		transform: translate(-458px, -183px);
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(645px, -494px);
		-ms-transform: rotate(270deg) translate(645px, -494px);
		transform: rotate(270deg) translate(645px, -494px);
	}

	.radioDiagram > #zinsentw > span > input {
		width: 10px;
		height: 10px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > span > input {
		width: 10px;
		height: 10px;
	}

	.radioDiagramButton {
		padding: 3px 5px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > span > label {
		font-size: 12px;
	}

	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		max-width: 400px;
		width: 100%;
		margin: 70px 250px 0px;
	}

	body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello {
		border: 3px solid #75bde1;
		height: 200px;
	}

	#modalWiz > .personMessageCircleDiagram > div.character > img {
		max-width: 200px;
		width: 100%;
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 550px;
		max-height: 220px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 550px;
	}

	#modalWiz > #person_l1_s1_info_1 {
		margin-top: 35px;
	}


	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(210px, 134px);
		-ms-transform: rotate(180deg) translate(210px, 134px);
		transform: rotate(180deg) translate(210px, 134px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-45px, -190px) rotate(57deg);
		-ms-transform: translate(-45px, -190px) rotate(57deg);
		transform: translate(-45px, -190px) rotate(57deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(236deg) translate(600px, -140px);
		-ms-transform: rotate(236deg) translate(600px, -140px);
		transform: rotate(236deg) translate(600px, -140px);
	}

	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(-5px, 190px);
		-ms-transform: rotate(180deg) translate(-5px, 190px);
		transform: rotate(180deg) translate(-5px, 190px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(205px, 262px);
		-ms-transform: rotate(180deg) translate(205px, 262px);
		transform: rotate(180deg) translate(205px, 262px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(640px, 135px);
		-ms-transform: rotate(270deg) translate(640px, 135px);
		transform: rotate(270deg) translate(640px, 135px);
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(-205px, 175px);
		-ms-transform: rotate(180deg) translate(-205px, 175px);
		transform: rotate(180deg) translate(-205px, 175px);
	}

	#person_l1_s1_finish_1 > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(55px, -1098px);
		-ms-transform: rotate(270deg) translate(55px, -1098px);
		transform: rotate(270deg) translate(55px, -1098px);
	}

	#shareP40 {
		padding: 60px 10px 40px;
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(35px, -615px);
		-ms-transform: rotate(270deg) translate(35px, -615px);
		transform: rotate(270deg) translate(35px, -615px);
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(0px, 145px);
		-ms-transform: rotate(180deg) translate(0px, 145px);
		transform: rotate(180deg) translate(0px, 145px);
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(595px, -65px);
		-ms-transform: rotate(270deg) translate(595px, -65px);
		transform: rotate(270deg) translate(595px, -65px);
	}

	.feedBackMes {
		max-height: 600px;
		height: 100%;
		max-width: 900px;
		width: 100%;
	}

	.feedBackMes > .backMesText {
		-webkit-transform: translate(0px, -500px);
		-ms-transform: translate(0px, -500px);
		transform: translate(0px, -500px);
		font-size: 40px;
	}

	.feedBackMes > div > a > img {
		max-width: 180px;
		width: 100%;
	}

	.feedBackMes > div > a:first-child > img {
		-webkit-transform: translate(-93px, 194px);
		-ms-transform: translate(-93px, 194px);
		transform: translate(-93px, 194px);
	}

	.feedBackMes > div > a:nth-child(2) > img {
		-webkit-transform: translate(15px, 190px);
		-ms-transform: translate(15px, 190px);
		transform: translate(15px, 190px);
	}

	.feedBackMes > div > a:nth-child(3) > img {
		-webkit-transform: translate(101px, 190px);
		-ms-transform: translate(101px, 190px);
		transform: translate(101px, 190px);
	}

	#person_l1_s2_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#modalWiz > .modalPersonMesTabDia > div.personMessageCircleDiagramTab > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(819px, 35px);
		-ms-transform: translate(819px, 35px);
		transform: translate(819px, 35px);
	}

	.gapTable_finish_1_m {
		-webkit-transform: translate(815px, -650px);
		-ms-transform: translate(815px, -650px);
		transform: translate(815px, -650px);
	}

	#person_l1_s6_finish_1 > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#person_l1_s6_finish_1 > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(75px, -585px);
		-ms-transform: rotate(270deg) translate(75px, -585px);
		transform: rotate(270deg) translate(75px, -585px);
	}

	#actionlist > span > p {
		right: 10px;
		top: -8px;
	}

	#actionlist > span > h3 {
		right: 10px;
		top: -12px;
	}

	.dotstyle ul {
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.cd-table h2,
	.cd-table ul > li {
		height: 24px;
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -82px);
		-ms-transform: translate(24px, -82px);
		transform: translate(24px, -82px);
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(21px, -82px);
		-ms-transform: translate(21px, -82px);
		transform: translate(21px, -82px);
	}

	.buttonOutside {
		-webkit-transform: translate(380px, -27px);
		-ms-transform: translate(380px, -27px);
		transform: translate(380px, -27px);
	}

	#person_l2_s5_info_2 {
		-webkit-transform: translate(780px, 14px);
		-ms-transform: translate(780px, 14px);
		transform: translate(780px, 14px);
	}

	#person_l2_s8_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -82px);
		-ms-transform: translate(24px, -82px);
		transform: translate(24px, -82px);
	}

	#person_l2_s5_finish_1 > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-50px, 10px);
		-ms-transform: translate(-50px, 10px);
		transform: translate(-50px, 10px);
		max-width: 190px;
		width: 100%;

	}


	#person_l2_s5_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#person_l2_s7_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#person_l2_s7_finish_1 > div > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	#person_l2_s8_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#person_l2_s8_finish_1 > div > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(90px, -639px);
		-ms-transform: rotate(270deg) translate(90px, -639px);
		transform: rotate(270deg) translate(90px, -639x);
	}

	#person_l3_s9_info_2 {
		-webkit-transform: translate(30px, -25px);
		-ms-transform: translate(30px, -25px);
		transform: translate(30px, -25px);
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(680px, 63px);
		-ms-transform: rotate(270deg) translate(680px, 63px);
		transform: rotate(270deg) translate(680px, 63px);
	}

	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(680px, 15px);
		-ms-transform: rotate(270deg) translate(680px, 15px);
		transform: rotate(270deg) translate(680px, 15px);
	}

	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(680px, -27px);
		-ms-transform: rotate(270deg) translate(680px, -27px);
		transform: rotate(270deg) translate(680px, -27px);
	}

	#person_l3_s9_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -82px);
		-ms-transform: translate(24px, -82px);
		transform: translate(24px, -82px);
	}

	#person_l3_s11_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -82px);
		-ms-transform: translate(24px, -82px);
		transform: translate(24px, -82px);
	}

	#person_l3_s10_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(24px, -82px);
		-ms-transform: translate(24px, -82px);
		transform: translate(24px, -82px);
	}

	#descr_ch_9 {
		-webkit-transform: translate(170px, 9px);
		-ms-transform: translate(170px, 9px);
		transform: translate(170px, 9px);
	}

	#arr3_l3_s9_info_3 {
		-webkit-transform: rotate(270deg) translate(715px, 80px);
		-ms-transform: rotate(270deg) translate(715px, 80px);
		transform: rotate(270deg) translate(715px, 80px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-530px, -205px);
		-ms-transform: rotate(90deg) translate(-530px, -205px);
		transform: rotate(90deg) translate(-530px, -205px);
	}

	#person_l3_s9_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#person_l3_s9_finish_1 > div > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	#person_l3_s10_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#person_l3_s10_finish_1 > div > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	#person_l3_s11_finish_1 > div > div.character > img {
		max-width: 260px;
		width: 100%;
	}

	#person_l3_s11_finish_1 > div > div.message {
		padding: 30px 50px;
		max-width: 600px;
		width: 100%;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 25px;
		min-width: 10vw;
		margin-left: 10px;
	}

	.longCongrat > div > #shareP40 {
		padding: 120px 10px 0px;
	}

	.longCongrat > .Level > #h1Level2 {
		padding: 0px;
	}

	#person_l1_s6_finish_1 {
		-webkit-transform: translate(10px, -80px);
		-ms-transform: translate(10px, -80px);
		transform: translate(10px, -80px);
	}

	.Level > h1 {
		padding: 45px;
	}


	.gapTable_description_6_m {
		-webkit-transform: translate(905px, -235px);
		-ms-transform: translate(905px, -235px);
		transform: translate(905px, -235px);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(912px, -230px);
		-ms-transform: translate(912px, -230px);
		transform: translate(912px, -230px);
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(370px, 10px);
		-ms-transform: translate(370px, 10px);
		transform: translate(370px, 10px);
		width: 29%;
	}

	#arr1_descr_7 {
		-webkit-transform: translate(-90px, -385px) rotate(270deg);
		-ms-transform: translate(-90px, -385px) rotate(270deg);
		transform: translate(-90px, -385px) rotate(270deg);
	}

	#descr_ch_7 {
		-webkit-transform: translate(550px, -170px);
		-ms-transform: translate(550px, -170px);
		transform: translate(550px, -170px);
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(385px, 658px);
		-ms-transform: rotate(270deg) translate(385px, 658px);
		transform: rotate(270deg) translate(385px, 658px);
	}

	#arr1_descr_3 {
		-webkit-transform: translate(375px, -149px);
		-ms-transform: translate(375px, -149px);
		transform: translate(375px, -149px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-320px, -455px);
		-ms-transform: rotate(90deg) translate(-320px, -455px);
		transform: rotate(90deg) translate(-320px, -455px);
	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-460px, 65px);
		-ms-transform: rotate(180deg) translate(-460px, 65px);
		transform: rotate(180deg) translate(-460px, 65px);
	}

	#descr_ch_6 {
		-webkit-transform: translate(460px, -170px);
		-ms-transform: translate(460px, -170px);
		transform: translate(460px, -170px);
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(379px, 10px);
		-ms-transform: translate(379px, 10px);
		transform: translate(379px, 10px);
		width: 26%;
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(75px, -170px);
		-ms-transform: rotate(270deg) translate(75px, -170px);
		transform: rotate(270deg) translate(75px, -170px);
	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-400px, -340px);
		-ms-transform: rotate(90deg) translate(-400px, -340px);
		transform: rotate(90deg) translate(-400px, -340px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-400px, -315px);
		-ms-transform: rotate(90deg) translate(-400px, -315px);
		transform: rotate(90deg) translate(-400px, -315px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-400px, -290px);
		-ms-transform: rotate(90deg) translate(-400px, -290px);
		transform: rotate(90deg) translate(-400px, -290px)
	}

	#descr_ch_10 > div.message {
		min-height: 280px;
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(385px, 555px);
		-ms-transform: rotate(270deg) translate(385px, 555px);
		transform: rotate(270deg) translate(385px, 555px);
	}

	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-400px, -270px);
		-ms-transform: rotate(90deg) translate(-400px, -270px);
		transform: rotate(90deg) translate(-400px, -270px);
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(30px, 95px);
		-ms-transform: translate(30px, 95px);
		transform: translate(30px, 95px);
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(112px, 11px);
		-ms-transform: translate(112px, 11px);
		transform: translate(112px, 11px);
		width: 31%;
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg)translate(385px, -290px);
		-ms-transform: rotate(270deg)translate(385px, -290px);
		transform: rotate(270deg)translate(385px, -290px);
	}

	.circleProgress_description_7_m {
		-webkit-transform: translate(-30px, 80px);
		-ms-transform: translate(-30px, 80px);
		transform: translate(-30px, 80px);
	}

	.message > p {
		line-height: 1;
	}

	#person_l1_s1_info_2 {
		-webkit-transform: translate(36px, 45px);
		-ms-transform: translate(36px, 45px);
		transform: translate(36px, 45px);
	}

	.fullscr {
		-webkit-transform: translate(40px, -156px);
		-ms-transform: translate(40px, -156px);
		transform: translate(40px, -156px);
		height: 700px;
	}

	descr_ch_10 > .arrowsDiagram {
		margin-top: 40px;
	}

	.cd-table ul > li.inputLi {
		padding: 2px 5px 5px;
	}

	.resultColumn3 {
		max-width: 630px;
		width: 100%;
	}

	.headerColumn3 {
		font-size: 20px;
	}

	.headerColumn2 {
		font-size: 20px;
	}

	.resultColumn1 {
		padding: 5px 5px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 500px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh2 {
		width: 18px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(7) {
		width: 113px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
		font-size: 14px;
	}

	div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th {
		font-size: 25px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		padding: 2px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		font-size: 16px;
	}

	.numResult > ul {
		font-size: 30px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 18px;
	}


	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
		font-size: 15px;
		width: 130px;
	}

	#modalWiz > #descr_ch_7 > .message {
		max-width: 550px;
	}

	.share {
		font-size: 35px;
		padding: 10px 65px;
	}

	.InputHello {
		height: 200px !important;
	}

	.leftSideP7 {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	#swal2-content > div > div.feedContent {
		max-width: 600px;
		width: 100%;
		padding: 0px 50px 40px;
	}

	#swal2-content > div > div.feedContent > button {
		padding: 18px 30px;
		-webkit-transform: translate(170px, 30px);
		-ms-transform: translate(170px, 30px);
		transform: translate(170px, 30px);
	}

	.btn-si {
		font-size: 0.6em;
	}

	body > div.container > div.right > div.login > .switch {
		width: 350px;
	}

	.switch-label {
		font-size: 20px;
		width: 170px;
	}

	.switch-selection {
		max-width: 180px;
		width: 100%;
	}

	.switch-input:checked + .switch-label-off ~ .switch-selection {
		left: 164px;
	}

	#globeLevel10 > img {
		max-width: 80px;
		width: 100%;

	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-445px, -121px);
		-ms-transform: rotate(90deg)translate(-445px, -121px);
		transform: rotate(90deg)translate(-445px, -121px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-445px, -396px);
		-ms-transform: rotate(90deg)translate(-445px, -396px);
		transform: rotate(90deg)translate(-445px, -396px);
	}

	.competition > div > div.rightsideP11 {
		max-width: 900px;
		width: 100%;
	}


	.p7 {
		max-width: 600px;
		width: 100%;
		top: 6%;
	}

	.submitInput {
		height: 70px;
		max-width: 300px;
		width: 100%;
		margin-top: 22px;
	}

	input[type="button"] {
		height: 150px;
	}

	.buttonNext {
		padding: 10px 100px
	}

	.accordion_trigger:before {
		margin-top: 25px;
	}

	.competition > div.container > div.leftsideH11 {
		max-width: 650px;
		width: 100%;
	}

	.buttonResetHolder {
		right: 7%;
	}

	.period > ul > li {
		padding: 15px 80px;
	}

	.period {
		margin: 10px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 20px;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack > img {
		max-width: 250px !important;
		width: 100%;
	}

	.contentChangePass {
		max-width: 1200px;
		width: 100%;
	}

	.contentContainer2 > form {
		max-width: 600px;
		width: 100%;
	}

	.contentChangePass > button {
		padding: 10px 150px;
		-webkit-transform: translate(290px, 60px);
		-ms-transform: translate(290px, 60px);
		transform: translate(290px, 60px);
	}

	body > div > div.rightsideP11 > div > form > .error > .roundBlock {
		max-width: 45px;
		width: 100%;
		max-height: 45px;
		height: 100%;
	}

	.performancePop {
		max-width: 1450px;
		width: 100%;
		margin-top: 3%;
	}

	.performancePop > .message {
		margin-right: 40px;
		min-height: 500px;
	}

	.small {
		min-height: 150px;
		margin-right: 11%;
		margin-top: -19%;
	}

	.Erklarung > .small {
		min-height: 150px;
		margin-right: 22%;
		margin-top: -12%;
	}

	.zinsumfeld {
		max-width: 1450px;
		width: 100%;
		margin-top: -6%;
	}

	.zinsumfeld > .message {
		margin-right: 40px;
		max-width: 700px;
		width: 100%;
		min-height: 500px;
	}



}

@media screen and (max-width:1440px) {

	.personMessageScenarioPop > .character > img {
		max-width: 200px;
	}

	.personMessageScenarioPop > .message {
		max-width: 400px;
		min-height: 150px;
	}

	body > div > div.introWrapper > div.rightsideP11 > div.accordion > section > h1 > a {
		right: -30px;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(449px, 46px);
		-ms-transform: rotate(270deg) translate(449px, 46px);
		transform: rotate(270deg) translate(449px, 46px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-10px, -105px);
		-ms-transform: translate(-10px, -105px);
		transform: translate(-10px, -105px);
	}

	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(530px, 115px);
		-ms-transform: rotate(270deg) translate(530px, 115px);
		transform: rotate(270deg) translate(530px, 115px);
	}

	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(530px, 85px);
		-ms-transform: rotate(270deg) translate(530px, 85px);
		transform: rotate(270deg) translate(530px, 85px);
	}

	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(530px, 60px);
		-ms-transform: rotate(270deg) translate(530px, 60px);
		transform: rotate(270deg) translate(530px, 60px);
	}

	.scenListBlockNum {
		width: 45px;
		font-size: 3.5em;
	}

	.profMode > #gapTable > .GapContribution {
		height: 200px;
	}

	.cockpitProf > .cockpit > a {
		padding: 15px 81px 35px 81px;
	}

	.scenListBlockContent {
		margin-left: 0px;
	}

	.profMode > #gapTable {
		height: 210px;
		margin: 0px 6.5% !important;
		max-width: 475px;
	}

	.cupLogo > img {
		max-width: 24px;
		width: 100%;
		transform: translate(26px, 2px);
	}

	.containerTextLogo > .compMode {
		-webkit-transform: translate(130px, -23px) !important;
		-ms-transform: translate(130px, -23px) !important;
		transform: translate(130px, -23px) !important;
	}

	.SimBlock > a > img {
		width: 20px;
		height: 20px;
	}

	.profTitle {
		-webkit-transform: translate(130px, -30px) !important;
		-ms-transform: translate(130px, -30px) !important;
		transform: translate(130px, -30px) !important;
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child {
		-webkit-transform: translate(100px, 38px) !important;
		-ms-transform: translate(100px, 38px) !important;
		transform: translate(100px, 38px) !important;
	}

	span.youtube-link {
		transform: scale(1.2) translate(-46px, 436px);
	}

	#gapTable > .wrapperDescription {
		height: 230px;
	}

	#forecast > div.wrapperDescription {
		height: 240px;
	}

	#actions > div.wrapperDescription {
		height: 250px;
	}

	#circleProgress > .tableLabel {
		right: 43px;
		top: -21px;
	}

	#actions {
		margin-top: 30px !important;
	}

	.certWrapper {
		max-width: 850px;
		width: 100%;
		margin-bottom: -20px;
	}

	.bkgr {
		max-width: 1000px;
		width: 100%;
	}

	center {
		max-width: 850px;
		width: 100%;
	}

	.certDividerBig {
		height: 30px !important;
	}

	.certDividerMiddle {
		height: 20px !important;
	}

	.certUl {
		max-width: 500px;
		width: 100%;
		margin-left: 12%;
	}

	.certDividerSmall {
		height: 15px !important;
	}

	.certTbl {
		max-width: 650px;
		width: 100%;
	}



	.socialIconsBig {
		margin-left: 43%;
	}

	#swal2-content > div > #modalWiz > .level7 > .feedBackMes > button {
		top: 35px;
		right: 35px;
		width: 35px;
		height: 35px;
	}

	#arr2_descr_8 {
		-webkit-transform: rotate(180deg) translate(-61px, 136px);
		-ms-transform: rotate(180deg) translate(-61px, 136px);
		transform: rotate(180deg) translate(-61px, 136px);
	}

	.logoText {
		padding: 5px 110px 5px 10px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		-webkit-transform: translate(100px, 44px);
		-ms-transform: translate(100px, 44px);
		transform: translate(100px, 44px);
		border: 1px solid;
	}

	.logoText > #globeLevel10 > img {
		max-width: 30px;
		width: 100%;
		border: 2px solid red;
	}

	.page6 > div.container > div.leftSideP6 > div > input[type="button"] {
		height: 110px;
		width: 170px;
	}

	body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section.accordion-item > h1 > a > img {
		width: 40px;
	}

	.formCompetition {
		max-width: 480px;
		width: 100%;
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {

		bottom: 20px;
	}

	#logoutMenu {
		bottom: 25px;
	}

	.show {
		margin-left: -150px;

	}

	.numberRank {
		padding: 24px;
	}

	.page6 > header {

		background: -o-linear-gradient(left, #fff 24.6%, #fffba0 11%);
		background: -webkit-gradient(linear, left top, right top, color-stop(24.6%, #fff), color-stop(11%, #fffba0));
		background: linear-gradient(90deg, #fff 24.6%, #fffba0 11%);
		border-bottom: none;
	}

	.page6 .tabs > .tab {
		font-size: 1.5em;
	}

	.logoP6 {
		max-width: 400px;
		width: 100%;
	}

	body > div > div.rightsideP11 > div > form > .error > .roundBlock {
		max-width: 40px;
		width: 100%;
		max-height: 40px;
		height: 100%;
	}

	.buttonResetHolder {
		right: 7%;
		top: -12px;
	}

	.slideshow-container {
		margin-top: 25%;
	}

	#res_pic {
		max-width: 160px;
		width: 100%;
	}

	.inputFile {
		left: 35px;
		max-width: 150px;
		width: 100%;
		font-size: 0.9vw;
	}

	.login {
		max-width: 350px;
		width: 100%;
		margin-bottom: 0px;
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 14px;
	}

	#ajaxContent > div.personIcon > a > img {
		width: 25px;
	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 288px;
		width: 100%;
	}

	.GapContribution {
		line-height: 2;
		height: 210px;
	}

	.GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 16px;
	}

	.registration {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		font-size: 12px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		font-size: 12px;
	}

	.btn-si {
		font-size: 0.5em;
	}

	#forecast {
		margin-bottom: 5px;
	}

	.GapContribution > tbody > tr > td {
		font-size: 14px;
	}

	#risikochart > svg {
		height: 230px;
		margin-top: 0px;
	}

	#risikochart {
		height: 200px;
	}

	#performancechart {
		height: 200px;
	}

	#circleProgress {
		height: 200px;
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		width: 54px;
		padding: 18px 0px;
	}

	#performancechart > svg {
		height: 230px;
		margin-top: 0px;
	}

	#performancechart {
		-webkit-transform: translate(0px, -2px);
		-ms-transform: translate(0px, -2px);
		transform: translate(0px, -2px);
	}

	.homepage > div > .holder > #dropMenu {
		bottom: 0px;
		left: 0px;
		-webkit-transform: translate(-6px, 11px);
		-ms-transform: translate(-6px, 11px);
		transform: translate(-6px, 11px);
	}

	.homepage > div > .holder > #dropMenu > input[type="button"] {
		height: 100px;
		width: 100px;
		background-size: 100%;
	}

	.buttonLevel {
		margin-bottom: 15px;
	}

	#forecast > .tableLabel {
		margin-left: 0px;
	}

	.resultColumn2 {
		margin-left: 120px;
	}


	.cd-table {
		max-width: 370px;
		width: 100%;
		margin-left: 0px;
		margin-top: 0px;
	}

	.contentChangePass {
		max-width: 1000px;
		width: 100%;
	}

	.contentContainer2 > form {
		max-width: 500px;
		width: 100%;
	}

	.infoChangePassword {
		margin-right: 0px;
	}

	.contentChangePass > button {
		padding: 10px 100px;
		-webkit-transform: translate(290px, 50px);
		-ms-transform: translate(290px, 50px);
		transform: translate(290px, 50px);
	}

	.trianguleSlide {
		width: 30px;
		padding-left: 20px;
	}

	.headerSelect > h1 {
		font-size: 1.5vw;
	}

	.leftSideP3 > div > input[type="button"] {
		height: 87px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > a {
		font-size: 30px;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-left > img {
		width: 40px;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-right > img {
		width: 40px;
	}

	.futureInterestRate > tbody > tr:nth-child(1) > th {
		font-size: 14px;
		line-height: 1;
	}


	.cd-table h2,
	.cd-table ul > li {
		height: 18px;
		line-height: 20px;
		font-size: 11px;
	}

	.intro > div > .leftSideP3 > div > input[type="button"] {
		height: 85px;
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
		left: 16%;
	}

	.cd-table ul > li.inputLi {
		padding: 2px 5px 5px;
	}

	.p7 > span > .inputShort {
		margin-bottom: 15px;
		height: 45px !important;
	}

	.p7 > .inputLong {
		margin-bottom: 15px;
		height: 45px !important;
	}

	body > div.container > div.leftSideP7 > form > span > select {
		height: 49px !important;
	}

	.inputLongLink {
		height: 45px;
	}

	body > div.container > div.leftSideP7 > form > input.submitInput {
		height: 45px;
		max-width: 250px;
		width: 100%;
	}

	.accordion_trigger:before {
		margin-top: 15px;
	}

	body > div > div.leftsideH11 > div.slideshow-container > div:nth-child(1) > div.headerSelect > h1 > p {
		margin-top: 15px;
	}

	#actionlist > br {
		display: none;
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-68px, 13px);
		-ms-transform: translate(-68px, 13px);
		transform: translate(-68px, 13px);
		width: 160px;
		font-size: 1vw;
		padding-right: 60px;
		padding-left: 5px;
	}

	#gapTable {
		max-width: 500px;
		width: 100%;
		margin-top: 10px;
		height: auto;
		margin-bottom: 0px;
	}

	.listResult > ul {
		line-height: 2;
		font-size: 12px;
	}

	.numResult > ul {
		line-height: 2.2;
		font-size: 25px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table {
		line-height: 1.9;
	}

	.headerColumn3 {
		font-size: 16px;
		max-width: 385px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 400px;
		width: 100%;
		font-size: 16px;
	}

	#forecast {
		height: 235px;
		margin-bottom: 5px;
	}

	div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr > th {
		font-size: 15px;
		height: 55px;
	}

	.futureInterestRate > tbody > tr > td {
		line-height: 0.9;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		width: 17%;
	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		height: 49px !important;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
		font-size: 12px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		padding: 2px;
	}

	body > div > div.right > div.login > form > input[type=checkbox]:nth-child(3) {
		margin-left: -35%;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 13px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		font-size: 10px;
		width: 13%;
	}

	.tableEvaluation {
		height: 80%;
	}

	.wrapTableEvaluation {
		height: 245px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th:first-child {
		margin-left: 0px;
		font-size: 26px;
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-10px, -255px) rotate(90deg);
		-ms-transform: translate(--10px, -255px) rotate(90deg);
		transform: translate(-10px, -255px) rotate(90deg);
	}

	.futureInterestRate > tbody > tr > td:nth-child(1) {
		font-size: 14px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		font-size: 16px;
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(35px, 210px);
		-ms-transform: rotate(180deg)translate(35px, 210px);
		transform: rotate(180deg)translate(35px, 210px);
	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(700px, 10px);
		-ms-transform: translate(700px, 10px);
		transform: translate(700px, 10px);
	}

	.futureInterestRate > tbody > .littleNum td {
		font-size: 12px;
	}

	.futureInterestRate > tbody > tr > td {
		font-size: 12px;
		padding: 0px;
	}

	.tableFutureInterest {
		margin-top: 10px;
	}

	#forecast > span > h3 {
		right: 44px;
		top: -15px;
		font-size: 20px;
	}

	.futureInterest {
		max-width: 400px;
		width: 100%;
		height: 212px;
	}

	#actionlist > span > p {
		right: -30px;
		top: -32px;
	}

	#actionlist > span > h3 {
		right: -30px;
		top: -38px;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		margin-top: 15px;
	}


	.right {
		padding: 0px 80px 0px 150px;
	}

	.futureInterestRate {
		max-width: 400px;
		width: 100%;
		height: 220px;
	}

	button.log {
		height: 48px;
		line-height: 20px;
	}

	a.in > img {
		width: 50px;
		margin-bottom: -22px;
	}

	.titleP3 {
		margin-top: 115px;

	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		padding: 10px 5px;
	}

	.titleP3 h2 {
		font-size: 60px;
	}

	.logoP6 > a > img {
		max-width: 400px;
		width: 100%;
	}


	.socialIconsBigShare {
		top: -65px;
	}

	.socialIconsBigShare .fa {
		width: 25px;
		height: 26px;
		font-size: 28px;
		line-height: 0.5;
	}

	body > div > div.rightSideP6 > table > tbody > tr > td:nth-child(1) {
		font-size: 24px;
	}

	.page6 .tab_content > .tab_item > div.rightSideP6 > table > tbody > tr {
		font-size: 24px;
	}

	#rankingTR {
		font-size: 26px;
	}

	.socialIconsBigShare {
		font-size: 1vw;
		top: -85px;
		padding-right: 40px;
	}

	.globalRank {
		font-size: 4vw;
		margin-left: 30%;
	}

	.dotstyle ul {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	#actions {
		margin-top: 0px;
		margin-bottom: 0px;
		height: 250px;
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
	}

	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 60px;
		padding-right: 80px;
	}

	.levelTR > td > img {
		width: 100px;
	}

	.proceed {
		padding: 35px;
	}

	.completedTutorial {
		padding: 35px;
	}

	#myDropdownR {
		margin-top: -76px;
		margin-left: 88px;
	}

	.leftsideH11 > ul > li {
		line-height: 2;
	}

	.tutorial > h2 {
		margin-top: 100px;
	}

	#actionlist {
		margin-top: -30px;
		margin-bottom: 0px;
	}

	.progressButton li img {
		width: 45px;
		margin-top: -9px;
		margin-left: 1px;
	}

	.enterWorld > h2 {
		margin-top: 90px;
	}

	.tutorial > p {
		max-width: 600px;
	}

	.enterWorld > p {
		max-width: 600px;
	}

	.logoSmall > a > img {
		width: 130px;
		height: 130px;
		margin-left: 0px;
	}

	.diagramm {
		height: 500px;
		max-width: 670px;
		width: 100%;
	}

	.personIcon {
		min-width: 550px;
		max-width: 43vw;
	}

	#dashboard-graph {
		max-height: 450px;
		height: 100%;
		margin-top: 30px;
	}

	.topHorizon > .wrapperDescription {
		margin-bottom: -60px;
	}

	#dashboard-graph > svg {
		max-height: 450px;
		height: 100%;
	}

	.personText {
		min-width: 350px;
		max-width: 650px;
		width: 100%;
		padding: 0px 30px 18px;
	}

	#circleProgress {
		width: 100%;
	}

	.personIconP > p {
		padding: 8px 10px 0px 40px;
		line-height: 1.1;
	}

	.logo > img {
		max-width: 450px;
		width: 100%;
	}

	.logoP3 > img {
		max-width: 390px;
		-webkit-transform: translate(-35%, 40%);
		-ms-transform: translate(-35%, 40%);
		transform: translate(-35%, 40%)
	}

	.titleP3 > h1 {
		font-size: 6vw;
	}

	.titleP3 > h2 {
		font-size: 50px;
	}

	.titleP3 > h3 {
		font-size: 40px;
	}

	#levels {
		width: 80px;
		height: 80px;
		margin-right: 170px;
	}

	.levelsText {
		-webkit-transform: translate(0px, 10px);
		-ms-transform: translate(0px, 10px);
		transform: translate(0px, 10px);
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		padding: 6px 15px;
	}

	#progressBlockWhite > div.progress-bar {
		margin-top: -20px;
	}

	.progressButton > li {
		margin: 5px;
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 595px;
		width: 100%;
	}

	body > div > div.topPage14 > div.progressBlock {
		max-width: 650px;
		width: 100%;
	}

	.progress-bar {
		height: 30px;
	}

	.budgetPoints {
		padding: 10px 50px 40px 50px;
	}

	body > div.container > div.topPage14 > div > div.p14Logos > div#levels > p > a {
		font-size: 20px;
	}


	body > div > div.horizontalMenu > div > a {
		font-size: 18px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > p {
		font-size: 18px;
	}

	.cockpit > a {
		padding: 15px 81px 15px 81px;
	}

	.cockpit {
		-webkit-transform: translate(-2%, 62%);
		-ms-transform: translate(-2%, 62%);
		transform: translate(-2%, 62%);
	}

	.evaluation > a {
		padding: 15px 46px;
	}

	.evaluation {
		-webkit-transform: translate(-4%, 62%);
		-ms-transform: translate(-4%, 62%);
		transform: translate(-4%, 62%);
	}

	.results > a {
		padding: 15px 34px;
	}

	.results {
		-webkit-transform: translate(-6%, 62%);
		-ms-transform: translate(-6%, 62%);
		transform: translate(-6%, 62%);
	}

	.description > a {
		padding: 15px 28px;
	}

	.description {
		-webkit-transform: translate(-8%, 62%);
		-ms-transform: translate(-8%, 62%);
		transform: translate(-8%, 62%);
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		margin-left: -20px;
	}

	.progress-bar {
		width: 690px;
	}

	.progress {
		height: 30px;
	}

	#progressBlockWhite {
		max-width: 660px;
	}

	#inPage11 {
		width: 50px;
		height: 50px;
	}

	#socialIconsSmallP11 > a.googleIcon > img {
		width: 50px;
	}

	.topPage13 > .logoSmall > a > img {
		width: 180px;
		height: 180px;
	}

	body > div > div.topPage13 > div.progressBlock {
		max-width: 700px;
		width: 100%;
	}

	.level {
		padding-right: 100px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		margin-left: 10px;
		margin-top: 14px;
	}

	#person_l3_s9_info_1 {
		-webkit-transform: translate(689px, 10px);
		-ms-transform: translate(689px, 10px);
		transform: translate(689px, 10px);
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		margin-left: 30px;
		margin-top: 20px;
	}

	#person_l1_s6_finish_1 > div.character {
		max-width: 200px;
		width: 100%;
	}

	#person_l1_s6_finish_1 > div.message {
		min-height: 200px;
	}

	#circleProgress > div.performance {
		-webkit-transform: translate(-115px, 210px);
		-ms-transform: translate(-115px, 210px);
		transform: translate(-115px, 210px);
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		-webkit-transform: translate(48%, -8%);
		-ms-transform: translate(48%, -8%);
		transform: translate(48%, -8%);
	}

	#circleProgress > div.risk {
		-webkit-transform: translate(115px, 210px);
		-ms-transform: translate(115px, 210px);
		transform: translate(115px, 210px);
	}

	#row_empty {
		max-width: 300px;
		width: 100%;
	}

	#circleProgress {
		margin-top: -10px;
		margin-bottom: 15px;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 180px;
	}

	#person_l1_s1_info_1 > div.character > img {
		max-width: 200px;
		width: 100%;
		margin-left: 100px;
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 480px;
		min-height: 180px;
		border-radius: 40px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 480px;

	}

	#modalWiz > #person_l1_s1_info_4 > .message {
		min-height: 140px;

	}

	#modalWiz > #person_l1_s1_info_4 > div.character > img {
		max-width: 150px;
		width: 100%;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(-399px, -103px);
		-ms-transform: translate(-399px, -103px);
		transform: translate(-399px, -103px);
		padding: 10px 100px;
		font-size: 24px;
	}

	/*#modalWiz > div.arrowsDiagram {
		-webkit-transform: translate(73px, 95px);
		-ms-transform: translate(73px, 95px);
		transform: translate(73px, 95px);
	}*/

	#dropMenu input {
		background-size: 100%;
		width: 100px;
		height: 100px;
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(500px, -60px);
		-ms-transform: rotate(270deg) translate(500px, -60px);
		transform: rotate(270deg) translate(500px, -55px);
	}

	.feedBackMes > .backMesText {
		-webkit-transform: translate(0px, -320px);
		-ms-transform: translate(0px, -320px);
		transform: translate(0px, -320px);
		font-size: 35px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_info_1.swal2-styled {
		-webkit-transform: translate(-384px, -164px);
		-ms-transform: translate(-384px, -164px);
		transform: translate(-384px, -164px);
		padding: 10px 120px;
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(100px, -465px);
		-ms-transform: rotate(270deg) translate(100px, -465px);
		transform: rotate(270deg) translate(100px, -465px);
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(100px, -520px);
		-ms-transform: rotate(270deg) translate(100px, -520px);
		transform: rotate(270deg) translate(100px, -520px);
	}

	#person_l3_s9_info_2 {
		-webkit-transform: translate(680px, -25px);
		-ms-transform: translate(680px, -25px);
		transform: translate(680px, -25px);
	}

	#person_l3_s9_info_2 {
		-webkit-transform: translate(40px, 55px);
		-ms-transform: translate(40px, 55px);
		transform: translate(40px, 55px);
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(580px, 90px);
		-ms-transform: rotate(270deg) translate(580px, 90px);
		transform: rotate(270deg) translate(580px, 90px);
	}

	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(580px, 65px);
		-ms-transform: rotate(270deg) translate(580px, 65px);
		transform: rotate(270deg) translate(580px, 65px);
	}

	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(580px, 35px);
		-ms-transform: rotate(270deg) translate(580px, 35px);
		transform: rotate(270deg) translate(580px, 35px);
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 16px;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 0px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
		font-size: 16px;
	}

	.longCongrat > div > #shareP40 {
		padding: 120px 0px 30px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 16px;
		width: 50px;
	}

	.yourRank {
		font-size: 30px;
	}

	.yourRank {
		max-width: 600px;
		width: 100%;
	}

	.numberRank {
		font-size: 90px;
	}

	.period > ul > li {
		padding: 10px 80px;
		font-size: 20px;
	}

	.period {
		padding: 10px;
		margin: 10px;
	}

	.fullscr {
		zoom: 1.4;
		-webkit-transform: translate(40px, -130px);
		-ms-transform: translate(40px, -130px);
		transform: translate(40px, -130px);
		height: 500px;
	}

	.share {
		font-size: 30px;
		padding: 30px;
	}

	.horizontalMenu {
		margin-top: -58px;
		height: 63px;
	}

	.p14Logos > .logoSmall > a > img {
		margin-top: -10px;
		margin-bottom: 10px;
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(110px, 70px);
		-ms-transform: rotate(180deg) translate(110px, 70px);
		transform: rotate(180deg) translate(110px, 70px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-175px, -305px) rotate(225deg);
		-ms-transform: translate(-175px, -305px) rotate(225deg);
		transform: translate(-175px, -305px) rotate(225deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(75deg) translate(-140px, 175px);
		-ms-transform: rotate(75deg) translate(-140px, 175px);
		transform: rotate(75deg) translate(-140px, 175px);
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(80px, -938px);
		-ms-transform: rotate(270deg) translate(80px, -938px);
		transform: rotate(270deg) translate(80px, -938px);
	}

	#modalWiz > #person_l1_s1_info_3 {
		-webkit-transform: translate(40px, 85px);
		-ms-transform: translate(40px, 85px);
		transform: translate(40px, 85px);

	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(5px, -144px);
		-ms-transform: translate(5px, -144px);
		transform: translate(5px, -144px);
	}

	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(0px, 160px);
		-ms-transform: rotate(180deg) translate(0px, 160px);
		transform: rotate(180deg) translate(0px, 160px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(115px, 215px);
		-ms-transform: rotate(180deg) translate(115px, 215px);
		transform: rotate(180deg) translate(115px, 215px);
	}

	#person_l1_s2_info_1 {
		-webkit-transform: translate(825px, 40px);
		-ms-transform: translate(825px, 40px);
		transform: translate(825px, 40px);
	}

	.buttonNext {
		font-size: 1.5vw;
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(-180px, 160px);
		-ms-transform: rotate(180deg) translate(-180px, 160px);
		transform: rotate(180deg) translate(-180px, 160px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(515px, 120px);
		-ms-transform: rotate(270deg) translate(515px, 120px);
		transform: rotate(270deg) translate(515px, 120px);
	}

	#person_l1_s1_finish_1 > div.character {
		max-width: 200px;
		width: 100%;
	}

	#person_l1_s1_finish_1 > div.message {
		padding: 20px 40px;
		max-width: 550px;
		width: 100%;
	}

	.gapTable_finish_1_m {
		-webkit-transform: translate(655px, -500px);
		-ms-transform: translate(655px, -500px);
		transform: translate(655px, -500px);
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(650px, -10px);
		-ms-transform: translate(650px, -10px);
		transform: translate(650px, -10px);
	}

	#shareP40 {
		padding: 0px 10px 25px;
	}


	body > .yellow_finish_modal > div > div.swal2-actions > button.swal2-confirm.swal2-styled {
		font-size: 60px;
		padding: 32px 51px;
	}

	.Level > h1 {
		padding: 35px;
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(-5px, 150px);
		-ms-transform: rotate(180deg) translate(-5px, 150px);
		transform: rotate(180deg) translate(-5px, 150px);
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(40px, -495px);
		-ms-transform: rotate(270deg) translate(40px, -495px);
		transform: rotate(270deg) translate(40px, -495px);
	}

	.feedBackMes > div:first-child {
		max-height: 400px;
		height: 100%;
	}

	.feedBackMes {
		max-height: 400px;
		height: 100%;
		max-width: 700px;
		width: 100%;
	}

	.feedBackMes > div > a > img {
		max-width: 140px;
		width: 100%;
	}

	.feedBackMes > div > a:first-child > img {
		-webkit-transform: translate(-77px, 149px);
		-ms-transform: translate(-77px, 149px);
		transform: translate(-77px, 149px);
	}

	.feedBackMes > div > a:nth-child(2) > img {
		-webkit-transform: translate(11px, 145px);
		-ms-transform: translate(11px, 145px);
		transform: translate(11px, 145px);
	}

	.feedBackMes > div > a:nth-child(3) > img {
		-webkit-transform: translate(83px, 147px);
		-ms-transform: translate(83px, 147px);
		transform: translate(83px, 147px);
	}

	#swal2-content > div > div.topFeedBack > div.logoFeedBack > img {
		max-width: 200px;
		width: 100%;
	}

	#swal2-content > div > div.topFeedBack > div.topRightFeedback > div > a > img {
		max-width: 100px;
		width: 100%;
	}

	#modalWiz > .modalPersonMesTabDia > div.personMessageCircleDiagramTab > div.character > img {
		max-width: 180px;
		width: 100%;
	}

	#person_l1_s2_finish_1 > div > div.message {
		padding: 20px 40px;
		max-width: 550px;
		width: 100%;
	}

	.menuLi {
		font-size: 3vw;
	}

	.p7 {
		max-width: 650px;
		width: 100%;
	}


	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		max-width: 350px;
		width: 100%;
		margin: 0px 135px 0px;
	}

	.menuLi {
		font-size: 3vw;
	}

	.submitInput {
		margin-top: 25px;
	}

	.InputHello {
		height: 150px !important;
	}


	.page3 > .container > .right > div > form > div > input[type="text"],
	input[type="password"],
	input[type="email"] {
		height: 54px;
	}

	.selectCountry {
		height: 58px;
	}

	.functionArea {
		height: 90px;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack > img {
		max-width: 175px !important;
		width: 100%;
		-webkit-transform: translate(-105px, -10px);
		-ms-transform: translate(-105px, -10px);
		transform: translate(-105px, -10px);
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div.emojiFeed > a > img {
		max-width: 80px;
		padding: 10px;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
		max-width: 180px;
		font-size: 1vw;
		width: 100%;
	}

	#swal2-content > div > div.footerFeed > div.rightFooterFeed > div > img {
		max-width: 160px;
		width: 100%;
	}

	.quiz_inp {
		width: 200px !important;
		-webkit-transform: translate(-103px, 15px);
		-ms-transform: translate(-103px, 15px);
		transform: translate(-103px, 15px);
		height: 17px !important;
	}

	#swal2-content > div > div.feedContent > div > form {
		max-width: 500px;
		width: 100%;
	}

	#swal2-content > div > div.feedContent > button {
		padding: 10px 20px;
		font-size: 18px;
		-webkit-transform: translate(130px, 23px);
		-ms-transform: translate(130px, 23px);
		transform: translate(130px, 23px);
	}

	#swal2-content > div > div.feedContent {
		padding: 0px 50px 0px;
		margin-top: -51px;
		margin-bottom: 62px;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed {
		-webkit-transform: translate(8px, -40px);
		-ms-transform: translate(8px, -40px);
		transform: translate(8px, -40px);
		padding: 0px;
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram:before {
		font-size: 28px;
		padding: 5px 7px;
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-linkedin {
		font-size: 27px;
		height: 34px;
		width: 34px;
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram {
		margin-right: 30px;
		margin-top: 12px
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack {
		max-height: 245px;
		height: 100%;
	}

	#modalWiz > #descr_ch_7 > .message {
		max-width: 500px;
	}

	#descr_ch_7 {
		-webkit-transform: translate(540px, -115px);
		-ms-transform: translate(540px, -115px);
		transform: translate(540px, -115px);
	}

	#arr1_descr_7 {
		-webkit-transform: translate(-35px, -300px) rotate(270deg);
		-ms-transform: translate(-35px, -300px) rotate(270deg);
		transform: translate(-35px, -300px) rotate(270deg);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(785px, -120px);
		-ms-transform: translate(785px, -120px);
		transform: translate(785px, -120px);
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(300px, 605px);
		-ms-transform: rotate(270deg) translate(300px, 605px);
		transform: rotate(270deg) translate(300px, 605px);
	}

	#modalWiz > #descr_ch_6 > .message {
		max-width: 500px;
	}

	#modalWiz > .personMessageCircleDiagram > div.character > img {
		max-width: 165px;
		width: 100%;
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(285px, 515px);
		-ms-transform: rotate(270deg) translate(285px, 515px);
		transform: rotate(270deg) translate(285px, 515px);
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(285px, -265px);
		-ms-transform: rotate(270deg) translate(285px, -265px);
		transform: rotate(270deg) translate(285px, -265px);
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(-35px, 55px);
		-ms-transform: translate(-35px, 55px);
		transform: translate(-35px, 55px);
	}

	#swal2-content > div > div.footerFeed {
		height: 110px;
		padding: 0px 170px 0px 40px;
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(115px, -280px);
		-ms-transform: rotate(270deg) translate(115px, -280px);
		transform: rotate(270deg) translate(115px, -280px);
	}

	#descr_ch_11 {
		-webkit-transform: translate(680px, 170px);
		-ms-transform: translate(680px, 170px);
		transform: translate(680px, 170px);
		margin-top: -140px;
	}

	#descr_ch_2 {
		-webkit-transform: translate(0px, 80px);
		-ms-transform: translate(0px, 80px);
		transform: translate(0px, 80px);
	}

	#modalWiz > #descr_ch_2 > .message {
		max-width: 430px;
		max-height: 150px;
	}

	#descr_ch_2 > .message > .buttonNext {
		margin-top: 0px;
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(-215px, 185px);
		-ms-transform: rotate(180deg) translate(-215px, 185px);
		transform: rotate(180deg) translate(-215px, 185px);
	}

	#descr_ch_10 > div.message {
		min-height: 175px !important;
	}

	#descr_ch_10 {
		-webkit-transform: translate(0px, 110px);
		-ms-transform: translate(0px, 110px);
		transform: translate(0px, 110px);
	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-320px, -305px);
		-ms-transform: rotate(90deg) translate(-320px, -305px);
		transform: rotate(90deg) translate(-320px, -305px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-320px, -290px);
		-ms-transform: rotate(90deg) translate(-320px, -290px);
		transform: rotate(90deg) translate(-320px, -290px);

	}

	.gapTable_description_8_m {
		-webkit-transform: translate(8712px, -50px);
		-ms-transform: translate(712px, -50px);
		transform: translate(712px, -50px);
	}

	#descr_ch_8 {
		-webkit-transform: translate(-5px, 20px);
		-ms-transform: translate(-5px, 20px);
		transform: translate(-5px, 20px);
	}

	#arr1_descr_8 {
		-webkit-transform: rotate(180deg) translate(-240px, 195px);
		-ms-transform: rotate(180deg) translate(-240px, 195px);
		transform: rotate(180deg) translate(-240px, 195px);
	}

	#arr3_descr_8 {
		-webkit-transform: rotate(180deg) translate(118px, 70px);
		-ms-transform: rotate(180deg) translate(118px, 70px);
		transform: rotate(180deg) translate(118px, 70px);
	}

	#descr_ch_12 {
		-webkit-transform: translate(752px, 58px);
		-ms-transform: translate(752px, 58px);
		transform: translate(752px, 58px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-320px, -280px);
		-ms-transform: rotate(90deg) translate(-320px, -280px);
		transform: rotate(90deg) translate(-320px, -280px);
	}

	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-320px, -270px);
		-ms-transform: rotate(90deg) translate(-320px, -270px);
		transform: rotate(90deg) translate(-320px, -270px);
	}

	#arr1_descr_12 {
		-webkit-transform: rotate(270deg)translate(380px, -200px);
		-ms-transform: rotate(270deg)translate(380px, -200px);
		transform: rotate(270deg)translate(380px, -200px);
	}

	#descr_ch_13 {
		-webkit-transform: translate(740px, 58px);
		-ms-transform: translate(740px, 58px);
		transform: translate(740px, 58px);
	}

	#arr1_descr_13 {
		/* -webkit-transform: rotate(270deg)translate(458px, -155px); */
		-ms-transform: rotate(270deg)translate(365px, -155px);
		-webkit-transform: rotate(270deg)translate(365px, -155px);
		transform: rotate(270deg)translate(365px, -155px);
	}

	#descr_ch_3 {
		-webkit-transform: translate(0px, 76px);
		-ms-transform: translate(0px, 76px);
		transform: translate(0px, 76px);
		margin-top: 60px;
	}

	#arr1_descr_3 {
		-webkit-transform: translate(405px, -185px);
		-ms-transform: translate(405px, -185px);
		transform: translate(405px, -185px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-283px, -365px);
		-ms-transform: rotate(90deg) translate(-283px, -365px);
		transform: rotate(90deg) translate(-283px, -365px);
	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-365px, 105px);
		-ms-transform: rotate(180deg) translate(-365px, 105px);
		transform: rotate(180deg) translate(-365px, 105px);
	}

	#swal2-content > div > div.feedContent > div > form {
		font-size: 1vw;
	}

	#swal2-content > div > div.footerFeed > div.rightFooterFeed {
		margin-top: 35px;
	}

	#swal2-content > div > div.feedContent > h6 {
		margin-bottom: -8px;
		font-size: 1.2vw;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
		line-height: 1;
	}

	#globeLevel10 > img {
		max-width: 70px;
		width: 100%;
	}

	#modalWiz > #person_l1_s1_info_1 {
		margin-top: 0px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 620px;
		width: 100%;
	}

	#modalWiz > #descr_ch_7 > .character {
		max-width: 140px;
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(20px, -200px);
		-ms-transform: translate(20px, -200px);
		transform: translate(20px, -200px);
	}

	#person_l1_s1_info_2 {
		-webkit-transform: translate(25px, 150px);
		-ms-transform: translate(25px, 150px);
		transform: translate(25px, 150px);

	}

	.gapTable_description_6_m {
		-webkit-transform: translate(780px, -100px);
		-ms-transform: translate(780px, -100px);
		transform: translate(780px, -100px);
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(-35px, 105px);
		-ms-transform: translate(-35px, 105px);
		transform: translate(-35px, 105px);
	}

	#descr_ch_6 {
		-webkit-transform: translate(420px, -105px);
		-ms-transform: translate(420px, -105px);
		transform: translate(420px, -105px);
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(108px, 50px);
		-ms-transform: translate(108px, 50px);
		transform: translate(108px, 50px);
		width: 31%;
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(340px, 40px);
		-ms-transform: translate(340px, 40px);
		transform: translate(340px, 40px);
		width: 31%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
		font-size: 13px;
	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-345px, -95px);
		-ms-transform: rotate(90deg)translate(-345px, -95px);
		transform: rotate(90deg)translate(-345px, -95px);
	}

	#descr_ch_14 {
		-webkit-transform: translate(10px, 90px);
		-ms-transform: translate(10px, 90px);
		transform: translate(10px, 90px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-350px, -318px);
		-ms-transform: rotate(90deg)translate(-350px, -318px);
		transform: rotate(90deg)translate(-350px, -318px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-390px, -205px);
		-ms-transform: rotate(90deg) translate(-390px, -205px);
		transform: rotate(90deg) translate(-390px, -205px);
	}

	.resetButton {
		margin-left: 5%;
	}

	.competition > div.container > div.leftsideH11 {
		max-width: 510px;
		width: 100%;
		margin-top: 10%;
	}

	.competition > div > div.rightsideP11 {
		max-width: 750px;
		width: 100%;
	}

	.formCompetition > input[type="submit"] {
		max-width: 140px;
		width: 100%;
		max-height: 140px;
		height: 100%;
		-webkit-transform: translate(530px, -50px);
		-ms-transform: translate(530px, -50px);
		transform: translate(530px, -50px);
	}

	.scenarioDiv {
		top: 20%;
	}

	.scenarioDiv > a {
		padding: 30px 10px;
	}

}


@media screen and (max-width:1366px) {
	.login {
		max-width: 100%;
	}

	.swal2-container > .titleGamePopup_scen1Pop_de,
	.swal2-container > .titleGamePopup_scen1Pop_en,
	.swal2-container > .titleGamePopup_scen2Pop_de,
	.swal2-container > .titleGamePopup_scen2Pop_en,
	.swal2-container > .titleGamePopup_scen3Pop_de,
	.swal2-container > .titleGamePopup_scen3Pop_en {
		background-size: 96% 100%;
	}

	.swal2-container > .titleGamePopup_RealWorld_de,
	.swal2-container > .titleGamePopup_RealWorld_en {
		background-size: 97% 105% !important;
		background-position: center !important;
	}

	.emoji > a > img {
		width: 60px;
	}

	.personMessageScenarioPop > .character > img {
		max-width: 150px;
	}

	.personMessageScenarioPop > .message {
		max-width: 350px;
	}

	.rateEmoji > h2 {
		margin-top: 9%;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(405px, 145px);
		-ms-transform: rotate(270deg) translate(405px, 145px);
		transform: rotate(270deg) translate(405px, 145px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(150px, -100px);
		-ms-transform: translate(150px, -100px);
		transform: translate(150px, -100px);
	}

	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(475px, 210px);
		-ms-transform: rotate(270deg) translate(475px, 210px);
		transform: rotate(270deg) translate(475px, 210px);
	}

	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(475px, 220px);
		-ms-transform: rotate(270deg) translate(475px, 220px);
		transform: rotate(270deg) translate(475px, 220px);
	}

	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(475px, 230px);
		-ms-transform: rotate(270deg) translate(475px, 230px);
		transform: rotate(270deg) translate(475px, 230px);
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 13px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 13px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		height: 37px;
	}

	.profMode > #gapTable > .GapContribution {
		height: 170px;
	}

	.cockpitProf {
		transform: translate(6px, 0px);
	}

	.cockpitProf > .cockpit > a {
		padding: 10px 57px 34px 57px;
	}

	.scenListBlockContent > p {
		max-width: 500px;
	}

	.scenListBlockNum {
		font-size: 2em;
		padding: 10px 17px;
		left: -33px;
		width: 18px;
	}

	.scenList > .scenListBlock:first-child > .scenListBlockNum {
		padding: 10px 21px !important;
	}

	scenListBlockContent {
		margin-left: 0px;
	}

	.scenListBlock {
		padding: 10px 40px;
		min-height: 5em;
	}

	.scenListBlockContent > h4 {
		font-size: 1em;
	}

	.scenListBlockContent > a > h4 {
		font-size: 1em;
	}

	.scenListBlockContent > p {
		font-size: 0.5em;
	}

	.scenListBlockScore > span {
		font-size: 3em;
	}


	.page6 > header {
		background: -o-linear-gradient(left, #fff 20.6%, #fffba0 11%);
		background: -webkit-gradient(linear, left top, right top, color-stop(20.6%, #fff), color-stop(11%, #fffba0));
		background: linear-gradient(90deg, #fff 20.6%, #fffba0 11%);
	}

	.labelNewReal {
		transform: translate(80px, 30px);
		padding: 10px 100px 10px 50px;
	}

	.vertComp {
		font-size: 8px;
		left: 5px;
		top: 31px;
	}

	.p7 {
		margin-top: 0%;
	}

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

	.gameComp > input[type="text"] {
		height: 45px;
		max-width: 315px;
		width: 100%;
	}

	.gameComp > a {
		max-width: 315px;
		width: 100%;
	}

	.cupLogo > img {
		max-width: 20px;
		width: 100%;
		transform: translate(26px, 2px);
	}

	.containerTextLogo > .compMode {
		-webkit-transform: translate(139px, -33px) !important;
		-ms-transform: translate(139px, -33px) !important;
		transform: translate(139px, -33px) !important;
	}

	.scenarioDiv > a {
		padding: 20px 10px;
	}

	.SimBlock > a > img {
		width: 18px;
		height: 18px;
	}

	span.youtube-link {
		transform: scale(1) translate(-53px, 420px);
	}

	.profTitle {
		-webkit-transform: translate(93px, -35px) !important;
		-ms-transform: translate(93px, -35px) !important;
		transform: translate(93px, -35px) !important;
		padding: 5px 45px 0px 8px !important;
	}

	.profMode > #gapTable {
		margin: -4px 6.4% !important;
		height: 167px;
		max-width: 460px;
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child {
		-webkit-transform: translate(50px, 38px);
		-ms-transform: translate(50px, 38px);
		transform: translate(50px, 38px) !important;
	}

	#forecast > div.wrapperDescription {
		height: 210px;
	}

	#actions > div.wrapperDescription {
		height: 220px;
	}

	#gapTable > .tableLabel {
		right: -55px;
		top: -40px;
	}

	#circleProgress > .tableLabel {
		right: 21px;
		top: -14px;
	}

	.bkgr {
		max-width: 900px;
		width: 100%;
	}

	.logo > img {
		max-width: 400px;
		width: 100%;
	}

	.certWrapper {
		max-width: 1000px;
		width: 100%;
	}

	center {
		max-width: 600px;
		width: 100%;
	}

	.certTbl {
		max-width: 850px;
		width: 100%;
	}

	.certDividerBig {
		height: 2%;
	}

	.certUser {
		font-size: 1vw;
	}

	.ajax:before {
		width: 300px;
		height: 300px;
		top: 30%;
		left: 40%;

	}

	#swal2-content > div > #modalWiz > .level7 > button {
		top: 30px;
	}

	.level7 {
		height: 600px;
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
		left: 15%;
	}

	.rightSideP7 {
		max-width: 23vw;
		width: 100%;
	}

	.inputFileFoto {
		max-width: 120px;
		width: 100%;
	}

	.levels > div > div > #progressBlockWhite > div.progress-bar > .progress {
		height: 24px;
		font-size: 20px;
	}

	body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section.accordion-item > h1 > a > img {
		margin-top: 20px;
	}

	body > div > div.right > div.login > form > div:nth-child(6) > label {
		font-size: 1.5vw;
	}

	.logoP3 > img {
		max-width: 330px;
		width: 100%;
	}

	.OldManIcon {
		max-width: 10vw;
		width: 100%;
	}

	.logoP6 {
		max-width: 350px;
		width: 100%;
		left: 7%;
	}


	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 292px;
		width: 100%;
	}

	.intro > div > .leftSideP3 > div > input[type="button"] {
		height: 70px;
	}

	.tableEvaluation {
		height: 100%;
		line-height: 1 !important;
	}

	.show {
		margin-left: -100px;
	}

	.hRightCompetition {
		margin-top: 9%;
	}

	.slider:before {
		height: 22px;
		width: 33px;
		line-height: 23px !important;
	}


	.showR {
		display: inline-block;
		margin-top: -75px;
		margin-left: 84px;
	}

	#descr_ch_8 {
		-webkit-transform: translate(24px, -15px);
		-ms-transform: translate(24px, -15px);
		transform: translate(24px, -15px);
	}

	.inputFile {
		left: 35px;
		max-width: 130px;
		width: 100%;
		font-size: 0.9vw;
		padding: 10px 5px;
		margin-top: 0px;
	}

	input[type="button"] {
		width: 160px;
		height: 90px;
	}

	a.in > img {
		width: 45px;
		margin-bottom: -18px;
	}

	button.log {
		height: 40px;
		font-size: 1.5vw;
		line-height: 15px;
	}

	.buttons {
		margin-top: 10px;
	}

	#levels {
		width: 60px;
		height: 60px;
		margin-right: 135px;
	}

	.page3 > .container > .right > div > form > div > input[type="text"],
	input[type="password"],
	input[type="email"] {
		height: 40px;
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		font-size: 22px;
	}

	body > div.container > div.topPage14 > div > div.p14Logos > div#levels > p > a {
		font-size: 16px;
	}

	.Erklarung > .small {
		min-height: 125px;
		margin-right: 17%;
		margin-top: -12%;
	}

	.socialIconsBig .fa {
		width: 30px;
		height: 30px;
		font-size: 25px;
		line-height: 30px;
	}

	.accordion_trigger:before {
		margin-top: 20px;
		background-size: 50%;
	}

	#dashboard-graph {
		margin-top: 10px;
		margin-left: 17px !important;
	}

	#actionlist > span > p {
		right: -30px;
		top: -30px;
	}

	#actionlist > span > h3 {
		right: -30px;
		top: -34px;
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(85px, -388px);
		-ms-transform: rotate(270deg) translate(85px, -388px);
		transform: rotate(270deg) translate(85px, -388px);
	}


	#forecast > span > h3 {
		font-size: 16px;
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-35px, 17px);
		-ms-transform: translate(-35px, 17px);
		transform: translate(-35px, 17px);
		line-height: 0.8;

	}

	#performancechart {
		height: 200px;
	}

	#risikochart {
		height: 200px;
	}

	.swal2-container > .titleIntroPopup_zinsumfeld_de,
	.titleIntroPopup_zinsumfeld_en {
		background-size: 97% !important;
	}

	.swal2-container > .titleIntroPopup_Erklarung_de,
	.titleIntroPopup_Erklarung_en {
		background-size: 100% !important;
		background-position: top !important;
	}

	#swal2-content > .Erklarung > div.arr1 > img {
		max-width: 140px;
		width: 100%;
	}

	#swal2-content > .Erklarung > div.arr1 {
		-webkit-transform: rotate(180deg)translate(-90px, 280px);
		-ms-transform: rotate(180deg)translate(-90px, 280px);
		transform: rotate(180deg)translate(-90px, 280px);
	}

	body > div.container > div.topPage14 > div.newLogoRealWorld > div.logoSmall > a > img {
		width: 100px;
		height: 100px;
		margin-top: -6px;
	}

	#holderWrap > div.resultDetailed > div > div > div:nth-child(3) > table {
		line-height: 1.5;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		width: 70px;
	}

	/*
	.newLogoRealWorld {
		margin-bottom: 18px;
	}
*/

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th:first-child {
		margin-left: 0px;
		font-size: 24px;
	}

	.logoText {
		padding: 5px 65px 5px 12px;
		-webkit-transform: translate(57px, 28px);
		-ms-transform: translate(57px, 28px);
		transform: translate(57px, 28px);
	}

	.newLogoRealWorld > .containerTextLogo > .logoText > span {
		margin-left: 15px;
	}

	.logoText > #globeLevel10 > img {
		max-width: 28px;
		width: 100%;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > span > img {
		max-width: 100px;
		width: 100%;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > img {
		max-width: 100px;
		width: 100%;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > .backImageIntro {
		max-width: 100px;
		width: 100%;
		max-height: 100px;
		height: 100%;
		min-height: 100px;
	}

	.titleP3 {
		margin-top: 100px;
	}

	.titleP3 > h2 {
		font-size: 4vw;
	}

	.levelsText {
		-webkit-transform: translate(0px, 15px);
		-ms-transform: translate(0px, 15px);
		transform: translate(0px, 15px);
		line-height: 0.5;
	}


	.titleP3 > h3 {
		font-size: 3vw;
	}

	.right {
		padding: 10px 80px 0px 150px;
	}

	.selectCountry {
		height: 39px;
	}

	.functionArea {
		height: 110px;
	}

	.functionArea > textarea {
		margin-top: 10px;
	}

	.page6 {
		background: -o-linear-gradient(left, #fff 21%, #fffba0 10%);
		background: -webkit-gradient(linear, left top, right top, color-stop(21%, #fff), color-stop(10%, #fffba0));
		background: linear-gradient(90deg, #fff 21%, #fffba0 10%);
	}

	.logoP6 > a > img {
		max-width: 400px;
		width: 100%;
	}

	.tutorial > h2 {
		margin-top: 55px;
	}

	.enterWorld > h2 {
		margin-top: 55px;
	}

	.inputFileFoto > img {
		max-width: 120px !important;
		width: 100%;
	}

	.CurrentRank {
		top: 54%;
	}

	.globalRank {
		margin-left: 25%;
	}

	.share {
		padding: 5px;
	}

	.login {
		margin-bottom: 10px;
	}

	.logoSmall > a > img {
		width: 100px;
		height: 100px;
	}

	.socialIconsBigShare .fa {
		width: 35px;
		height: 35px;
	}

	.proceed {
		padding: 15px;
	}

	.completedTutorial {
		padding: 55px;
	}

	.dropdown-content {
		min-width: 250px;
	}

	.diagramm {
		height: auto;
		max-width: 600px;
		width: 100%;
	}

	.fullscr {
		zoom: 1.3;
		-webkit-transform: translate(20px, -98px);
		-ms-transform: translate(20px, -98px);
		transform: translate(20px, -98px);
		height: 480px;
		max-width: 650px;
		width: 100%;
	}

	.dotstyle ul {
		margin-top: 10px;
	}

	body > div.container > div.leftSideP7 > form > span > select {
		margin-left: 20px;
	}

	body > div.container > div.leftSideP7 > form > div:nth-child(7) > a:nth-child(2) {
		margin-left: 20px;
	}

	#actions {
		height: 180px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 35px !important;
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		margin-top: 0px;
		max-width: 9vw;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 7px;
		min-width: 9vw;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		min-width: 130px;
		margin-left: 44px !important;
		margin-top: 0px;
		max-width: 9vw;
	}


	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		min-width: 130px;
		margin-left: 34px;
		margin-top: 0px;
		max-width: 9vw;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-left > img {
		width: 25px;

	}

	.topPage14 {
		margin-top: -5px;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-right > img {
		width: 25px;
	}

	.trianguleSlide {
		padding-left: 0px;
		margin-top: 38px;

	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(42px, -448px);
		-ms-transform: rotate(270deg) translate(42px, -448px);
		transform: rotate(270deg) translate(42px, -448px);
	}

	.cd-table > div > div > div > ul > li.inputLi {
		padding: 10px 10px 20px 10px;
	}

	.cd-table h2,
	.cd-table ul > li {
		height: 17px;
		line-height: 17px;
		font-size: 10px;
	}

	#submit_sublevel {
		font-size: 12px;
	}

	#reset {
		font-size: 12px;
	}

	.cd-table {
		margin-top: 0px;
		max-width: 400px;
		width: 100%;
	}

	.cd-table ul > li.inputLi {
		padding: 0px;
	}

	.personIconP > p {
		padding: 8px 8px 0px 12px;
		font-size: 12.5px;
	}


	#forecast_el {
		height: 185px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow: hidden;
		margin-bottom: 0px;
		-webkit-transform: translate(15px, 6px);
		-ms-transform: translate(15px, 6px);
		transform: translate(15px, 6px);

	}

	.homepage > div > .holder > #dropMenu > input[type="button"] {
		height: 80px;
		width: 80px;
		background-size: 100%;
	}

	.dotstyle-smalldotstroke li.current a {
		-webkit-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}

	.homepage > div > .holder > #dropMenu {
		-webkit-transform: translate(-5px, 10px);
		-ms-transform: translate(-5px, 10px);
		transform: translate(-5px, 10px);
	}

	.cd-table .cd-table-column {
		width: 70px;
	}

	input:checked + .slider:before {
		height: 22px;
		width: 33px;
		line-height: 20px;
	}

	.switch {
		width: 50px;
		height: 25px;
	}

	#dropMenu {
		bottom: 0px;
		left: 0px;
	}

	.personIcon {
		min-width: 480px;
	}

	.futureInterestRate > tbody > tr > td {
		font-size: 10px;
		padding: 3px 15px;
	}

	.futureInterestRate > tbody > tr > td:nth-child(1) {
		font-size: 12px;
	}

	#progressBlockWhite {
		max-width: 520px;
		width: 100%;
	}

	body > div > div.horizontalMenu > div > a {
		font-size: 16px;
	}

	.cockpit > a {
		padding: 10px 57px;
		border-radius: 35px 35px 0px 0px;
	}

	.evaluation > a {
		padding: 10px 26px;
		border-radius: 35px 35px 0px 0px;
	}

	cockpit {
		-webkit-transform: translate(-2%, 56%);
		-ms-transform: translate(-2%, 56%);
		transform: translate(-2%, 56%);
	}

	.results > a {
		padding: 10px 15px;
		border-radius: 35px 35px 0px 0px;

	}

	.description > a {
		padding: 10px 11px;
		border-radius: 35px 35px 0px 0px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh2 {
		width: 430px;
	}

	.buttonResetHolder {
		right: 9%;
	}

	body > div > div.horizontalMenu > div.budgetPoints > a {
		font-size: 20px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > p {
		font-size: 16px;
	}

	.horizontalMenu {
		margin-top: -50px;
		height: 50px;
	}

	.dotstyle li {
		width: 30px;
		height: 30px;
	}


	.progressButton > li > a {
		font-size: 25px;
	}

	.progressButton li img {
		width: 38px;
	}

	#risikochart > svg {
		height: 200px;
		-webkit-transform: translate(1px, 7px);
		-ms-transform: translate(1px, 7px);
		transform: translate(1px, 7px);
	}

	#risikochart {
		-webkit-transform: translate(15px, -1px);
		-ms-transform: translate(15px, -1px);
		transform: translate(15px, -1px);
	}

	#performancechart > svg {
		height: 200px;
	}

	#circleProgress > div.performance {
		-webkit-transform: translate(-85px, 190px);
		-ms-transform: translate(-85px, 190px);
		transform: translate(-85px, 190px);
	}

	#performancechart {
		-webkit-transform: translate(16px, 7px);
		-ms-transform: translate(16px, 7px);
		transform: translate(16px, 7px);
	}

	#circleProgress > div.risk {
		-webkit-transform: translate(115px, 190px);
		-ms-transform: translate(115px, 190px);
		transform: translate(115px, 190px);
	}


	.personText {
		padding: 5px 30px 20px;
		min-width: 500px;
		max-width: 600px;
		width: 100%;
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 500px;
		width: 100%;
		margin-top: -33px;
		height: 20px;
	}

	#pYellowP11 {
		font-size: 50px;
		padding: 10px 26px;
		margin-left: 10px;
	}

	#socialIconsSmallP11 > a.googleIcon > img {
		width: 40px;
	}

	#inPage11 {
		width: 40px;
		height: 40px;
	}

	#progressBlockWhite > div.progress-bar > div {
		height: 23px;
		font-size: 18px;
		line-height: 1.3;
	}


	#progressBlockWhite > div.buttonLevel > ul > li > a {
		padding: 5px 12px;
		font-size: 22px;
	}

	.dotstyle-smalldotstroke li a {
		border: 3px solid #81d2ff;
	}

	.dotstyle-smalldotstroke li.current {
		-webkit-box-shadow: 0 0 0 3px #81d2ff;
		box-shadow: 0 0 0 3px #81d2ff;
	}

	.radioDiagram > #zinsentw > input {
		width: 16px;
		height: 16px;
	}


	.radioDiagram > #zinsentw > label {
		font-size: 14px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > input {
		width: 16px;
		height: 16px;
	}


	#horizon > .wrapperDescription > .radioDiagramAll > div > label {
		font-size: 14px;
	}

	.LangLinks {
		font-size: 20px;
	}

	body > div.container > div.topPage14 > div.LangSocRtop > div.langSoc > div.LangLinks > span {
		margin-right: 6px;
		margin-left: 6px;
	}

	.socialIconsSmall > a:before {
		font-size: 16px;
	}

	.fa {
		padding: 3px;
		width: 16px;
		height: 16px;
		margin: 3px 0px;
	}

	.futureInterestRate > tbody > tr > td:nth-child(2) {
		padding: 0px 15px;
	}

	#gapTable {
		margin-bottom: 10px;
		max-width: 450px;
		width: 100%;
		height: 185px;
	}

	#gapTableM {
		margin-top: 10px;
		height: 240px;
	}

	.futureInterestRate > tbody > .littleNum td {
		font-size: 9px;
	}

	.GapContribution {
		max-width: 700px;
		width: 100%;
		line-height: 2;
	}

	.gapTable_finish_1_m {
		-webkit-transform: translate(703px, -500px);
		-ms-transform: translate(703px, -500px);
		transform: translate(703px, -500px);
	}

	#forecast > span > h3 {
		right: 24px;
		top: -8px;
	}

	.GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 12px;
	}

	.Level > h1 {
		padding: 10px;
	}

	.GapContribution > tbody > tr > td {
		font-size: 10px;
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 12px;
	}

	#circleProgress {
		height: 215px;
		margin-bottom: 0px;
	}


	.tableFutureInterest {
		height: 250px;
	}

	.tableLabel {
		margin-left: 0px;
		font-size: 16px;
	}

	.futureInterest {
		max-width: 455px;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.futureInterestRate {
		height: 180px;
	}

	.dotstyle ul {
		margin-bottom: 5px;
	}

	.levelLink > a {
		font-size: 3vw;
	}

	.levelLink {
		width: 250px;
	}

	.level {
		padding-right: 60px;
	}

	.levelTR > td > img {
		width: 60px;
	}

	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 60px;
		padding-right: 60px;
	}

	#dashboard-graph > svg {
		max-height: 420px;
		/*800px*/
		height: 100%;
	}

	#forecast {
		height: 210px;
		margin-bottom: 0px;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 140px;
	}

	#person_l1_s1_info_1 > div.character > img {
		max-width: 180px;
		width: 100%;
	}

	#person_l3_s9_finish_1 > div > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l3_s9_finish_1 > div > div.message {
		padding: 14px 35px;
		max-width: 500px;
		width: 100%;
		min-height: 180px;
	}

	#person_l3_s10_finish_1 > div > div.message {
		padding: 14px 35px;
		max-width: 500px;
		width: 100%;
		min-height: 180px;
	}

	#person_l3_s10_finish_1 > div > div.character {
		max-width: 140px;
		width: 100%;
	}

	.infoI {
		-webkit-transform: translate(-57px, 75px);
		-ms-transform: translate(-57px, 75px);
		transform: translate(-57px, 75px);
	}


	.numberRank {
		font-size: 70px;
	}

	#descr_ch_11 {
		-webkit-transform: translate(680px, 100px);
		-ms-transform: translate(680px, 100px);
		transform: translate(680px, 100px);
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 450px;
		width: 100%;
		min-height: 160px;
		border-radius: 60px;
		padding: 20px 30px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 450px;
	}

	#person_l2_s8_finish_1 > div > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l2_s8_finish_1 > div > div.message {
		padding: 14px 35px;
		max-width: 500px;
		width: 100%;
		min-height: 180px;
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(485px, 180px);
		-ms-transform: rotate(270deg) translate(485px, 180px);
		transform: rotate(270deg) translate(485px, 180px);
	}

	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(485px, 195px);
		-ms-transform: rotate(270deg) translate(485px, 195px);
		transform: rotate(270deg) translate(485px, 195px);
	}

	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(485px, 205px);
		-ms-transform: rotate(270deg) translate(485px, 205px);
		transform: rotate(270deg) translate(485px, 205px);
	}

	#modalWiz > #person_l1_s1_info_1 {
		-webkit-transform: translate(83px, 35px);
		-ms-transform: translate(83px, 35px);
		transform: translate(83px, 35px);
		margin-top: 0px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 665px;
		width: 100%;
	}

	#person_l1_s1_info_4 > div.character > img {
		max-width: 140px !important;
		width: 100%;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(-386px, -106px);
		-ms-transform: translate(-386px, -106px);
		transform: translate(-386px, -106px);
		padding: 5px 60px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_2.swal2-styled {
		padding: 5px 60px;
		font-size: 22px;
		-webkit-transform: translate(-295px, -80px);
		-ms-transform: translate(-295px, -80px);
		transform: translate(-295px, -80px);
	}

	.buttonNext {
		font-size: 20px;
		padding: 10px 80px;
		margin-top: 0px;
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(-135px, 180px);
		-ms-transform: rotate(180deg)translate(-135px, 180px);
		transform: rotate(180deg)translate(-135px, 180px);
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(-10px, 107px);
		-ms-transform: rotate(180deg) translate(-10px, 107px);
		transform: rotate(180deg) translate(-10px, 107px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(130px, -140px) rotate(417deg);
		-ms-transform: translate(130px, -140px) rotate(417deg);
		transform: translate(130px, -140px) rotate(417deg);
	}

	.circleProgress_description_7_m {
		-webkit-transform: translate(-30px, 35px);
		-ms-transform: translate(-30px, 35px);
		transform: translate(-30px, 35px);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(710px, -160px);
		-ms-transform: translate(710px, -160px);
		transform: translate(710px, -160px);
	}

	#arr1_descr_7 {
		-webkit-transform: translate(30px, -220px) rotate(270deg);
		-ms-transform: translate(30px, -220px) rotate(270deg);
		transform: translate(30px, -220px) rotate(270deg);
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		width: 66px;
		padding: 24px 0px;

	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-285px, -360px);
		-ms-transform: rotate(90deg) translate(-285px, -360px);
		transform: rotate(90deg) translate(-285px, -360px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-285px, -365px);
		-ms-transform: rotate(90deg) translate(-285px, -365px);
		transform: rotate(90deg) translate(-285px, -365px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-285px, -377px);
		-ms-transform: rotate(90deg) translate(-285px, -377px);
		transform: rotate(90deg) translate(-285px, -377px);
	}

	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-285px, -393px);
		-ms-transform: rotate(90deg) translate(-285px, -393px);
		transform: rotate(90deg) translate(-285px, -393px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-525px, -205px);
		-ms-transform: rotate(90deg) translate(-525px, -205px);
		transform: rotate(90deg) translate(-525px, -205px);
	}

	#modalWiz > #descr_ch_6 > .character {
		max-width: 155px;
		min-height: 170px;
	}

	#descr_ch_6 {
		-webkit-transform: translate(420px, -140px);
		-ms-transform: translate(420px, -140px);
		transform: translate(420px, -140px);
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(-20px, 55px);
		-ms-transform: translate(-20px, 55px);
		transform: translate(-20px, 55px);
	}

	.gapTable_description_6_m {
		-webkit-transform: translate(762px, -170px);
		-ms-transform: translate(762px, -170px);
		transform: translate(762px, -170px);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(200deg) translate(252px, 220px);
		-ms-transform: rotate(200deg) translate(252px, 220px);
		transform: rotate(200deg) translate(252px, 220px);
	}

	#person_l1_s1_info_2 {
		-webkit-transform: translate(57px, 80px);
		-ms-transform: translate(57px, 80px);
		transform: translate(57px, 80px);
		margin-top: -40px;
	}

	#modalWiz > #person_l1_s1_info_3 {
		-webkit-transform: translate(37px, 25px);
		-ms-transform: translate(37px, 25px);
		transform: translate(37px, 25px);
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(-295px, 145px);
		-ms-transform: rotate(180deg) translate(-295px, 145px);
		transform: rotate(180deg) translate(-295px, 145px);
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(675px, 2px);
		-ms-transform: translate(675px, 2px);
		transform: translate(675px, 2px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(460px, 245px);
		-ms-transform: rotate(270deg) translate(460px, 245px);
		transform: rotate(270deg) translate(460px, 245px);
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(70px, -714px);
		-ms-transform: rotate(270deg) translate(70px, -714px);
		transform: rotate(270deg) translate(70px, -714px);

	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(15px, -115px);
		-ms-transform: translate(15px, -115px);
		transform: translate(15px, -115px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_3.swal2-styled {
		padding: 5px 60px;
		font-size: 22px;
		-webkit-transform: translate(-425px, -80px);
		-ms-transform: translate(-425px, -80px);
		transform: translate(-425px, -80px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(-10px, 200px);
		-ms-transform: rotate(180deg) translate(-10px, 200px);
		transform: rotate(180deg) translate(-10px, 200px);

	}

	#person_l1_s1_info_4 > div.character {
		max-width: 140px;
	}


	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(-150px, 140px);
		-ms-transform: rotate(180deg) translate(-150px, 140px);
		transform: rotate(180deg) translate(-150px, 140px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_4.swal2-styled {
		padding: 5px 60px;
		font-size: 22px;
		-webkit-transform: translate(-427px, -80px);
		-ms-transform: translate(-427px, -80px);
		transform: translate(-427px, -80px);
	}

	#modalWiz > .personMessageCircleDiagram > div.character > img {
		max-width: 240px;
		width: 100%;
		margin-left: 190px;
	}

	#swal2-content > div > div.footerFeed {
		height: 83px;
	}

	#person_l1_s2_info_1 {
		-webkit-transform: translate(700px, 40px);
		-ms-transform: translate(700px, 40px);
		transform: translate(700px, 40px);
		margin-top: -15px;
	}

	#shareP40 {
		padding: 20px 10px 40px;
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 180px;
		padding: 14px 35px;
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(65px, -342px);
		-ms-transform: rotate(270deg) translate(65px, -342px);
		transform: rotate(270deg) translate(65px, -342px);
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(115px, -180px);
		-ms-transform: translate(115px, -180px);
		transform: translate(115px, -180px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(125px, -240px) rotate(90deg);
		-ms-transform: translate(125px, -240px) rotate(90deg);
		transform: translate(125px, -240px) rotate(90deg);
	}

	#arr1_l1_s1_info_4 {
		-webkit-transform: rotate(180deg) translate(243px, 375px);
		-ms-transform: rotate(180deg) translate(243px, 375px);
		transform: rotate(180deg) translate(243px, 375px);
	}

	#arr2_l1_s1_info_4 {
		-webkit-transform: translate(-553px, -379px) rotate(225deg);
		-ms-transform: translate(-553px, -379px) rotate(225deg);
		transform: translate(-553px, -379px) rotate(225deg);
	}

	#arr3_l1_s1_info_4 {
		-webkit-transform: rotate(90deg) translate(-183px, 631px);
		-ms-transform: rotate(90deg) translate(-183px, 631px);
		transform: rotate(90deg) translate(-183px, 631px);
	}

	#modalWiz > div.personMessageCircleDiagram > .character {
		max-width: 160px;
		margin-left: -50px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_info_1.swal2-styled {
		-webkit-transform: translate(-384px, -95px);
		-ms-transform: translate(-384px, -95px);
		transform: translate(-384px, -95px);
		padding: 10px 80px;
		font-size: 22px;
	}

	#zinsentw > span > label {
		font-size: 10px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > span > label {
		font-size: 10px;
	}

	.radioDiagramButton {
		padding: 0px 0px;
	}

	#modalWiz > .personMessageCenterBig > div.character > img {
		max-width: 150px;
		width: 100%;
	}

	#modalWiz > .personMessageCenterBig > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 180px;
		padding: 25px 50px;
	}

	#person_l1_s1_finish_1 {
		-webkit-transform: translate(405px, -223px);
		-ms-transform: translate(405px, -223px);
		transform: translate(405px, -223px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_finish_1.swal2-styled {
		-webkit-transform: translate(-192px, -382px);
		-ms-transform: translate(-192px, -382px);
		transform: translate(-192px, -382px);
		padding: 10px 80px;
		font-size: 22px;
	}

	#arr1_l1_s1_finish_1 {
		-webkit-transform: translate(-1058px, -329px);
		-ms-transform: translate(-1058px, -329px);
		transform: translate(-1058px, -329px);
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(-155px, 117px);
		-ms-transform: rotate(180deg) translate(-155px, 117px);
		transform: rotate(180deg) translate(-155px, 117px);
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div.emojiFeed {
		margin: -22px 91px;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div.emojiFeed > a > img {
		max-width: 65px;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack {
		padding: 11px 25px !important;
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(435px, 106px);
		-ms-transform: rotate(270deg) translate(435px, 106px);
		transform: rotate(270deg) translate(435px, 106px);
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(65px, -360px);
		-ms-transform: rotate(270deg) translate(65px, -360px);
		transform: rotate(270deg) translate(65px, -360px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_finish_1.swal2-styled {
		-webkit-transform: translate(-345px, -246px);
		-ms-transform: translate(-345px, -246px);
		transform: translate(-345px, -246px);
		padding: 10px 80px;
		font-size: 22px;
	}

	#arr1_l1_s2_finish_1 {
		-webkit-transform: translate(-1050px, -237px);
		-ms-transform: translate(-1050px, -237px);
		transform: translate(-1050px, -237px);
	}

	#person_l1_s6_finish_1 > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l1_s6_finish_1 > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 180px;
		padding: 14px 35px;
	}

	#person_l1_s6_finish_1 {
		-webkit-transform: translate(30px, -4px);
		-ms-transform: translate(30px, -4px);
		transform: translate(30px, -4px);
	}

	#person_l1_s1_finish_1 > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l1_s1_finish_1 > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 180px;
		padding: 14px 35px;
	}


	#person_l1_s1_finish_1 {
		-webkit-transform: translate(0px, -4px);
		-ms-transform: translate(0px, -4px);
		transform: translate(0px, -4px);
	}

	#person_l1_s2_finish_1 > div > div.message {
		padding: 14px 35px;
		max-width: 500px;
		width: 100%;
		min-height: 180px;
	}

	#person_l1_s2_finish_1 > div > div.character {
		max-width: 140px;
		width: 100%;
	}

	.modalPersonMesTabDia > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(-300px, 115px);
		-ms-transform: translate(-300px, 115px);
		transform: translate(-300px, 115px);
	}

	.listResult > ul {
		font-size: 10px;
	}

	.numResult > ul {
		font-size: 12px;
		line-height: 1.5;
	}

	.resultColumn1 {
		padding: 5px 2px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		font-size: 12px;
		width: 12.8%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table {
		line-height: 1.45;
	}


	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 14px;
		font-weight: 400;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(3) {
		width: 125px;
	}

	.resultColumn2 {
		margin-left: 70px;
	}

	.headerColumn2 {
		font-size: 15px;
	}

	.headerColumn3 {
		font-size: 15px;
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(355px, 505px);
		-ms-transform: rotate(270deg) translate(355px, 505px);
		transform: rotate(270deg) translate(355px, 505px);
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(355px, -305px);
		-ms-transform: rotate(270deg) translate(355px, -305px);
		transform: rotate(270deg) translate(355px, -305px);
	}

	div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr > th {
		font-size: 14px;
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(80px, -250px);
		-ms-transform: rotate(270deg) translate(80px, -250px);
		transform: rotate(270deg) translate(80px, -250px);
	}


	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		padding: 1.2px;
		width: 17%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 405px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 > h3 {
		max-width: 450px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
		font-size: 12px;
	}

	.headerColumn3 {
		max-width: 360px;
		width: 100%;
	}


	div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th {
		font-size: 20px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td {
		font-size: 20px;
		font-weight: 400;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk > span {
		font-size: 20px;
		font-weight: 400;
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab > div.character {
		max-width: 190px;
		width: 100%;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		font-size: 14px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalLimit {
		font-size: 16px;
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 150px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton2_5_finish_1.swal2-styled {
		font-size: 20px;
		padding: 10px 80px;
		-webkit-transform: translate(-282px, -87px);
		-ms-transform: translate(-282px, -87px);
		transform: translate(-282px, -87px);
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 180px;
		padding: 14px 35px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton2_7_finish_1.swal2-styled {
		font-size: 20px;
		padding: 10px 80px;
		-webkit-transform: translate(-282px, -87px);
		-ms-transform: translate(-282px, -87px);
		transform: translate(-282px, -87px);
	}

	.dropdown-content a {
		font-size: 20px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 16px;
	}

	.wrapTableEvaluation {
		height: 200px;
		margin: 20px;
		padding: 15px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 15px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
		font-size: 16px;
		width: 7%;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 14px;
		width: 3%;

	}

	.period > ul > li {
		padding: 10px 50px;
		font-size: 18px;
	}

	.period {
		padding: 10px;
		margin: 10px;
	}

	.yourRank {
		font-size: 40px;
		margin: 20px;
	}

	.socialIconsBig {
		margin-left: 49%;
	}

	body > div > div.leftSideP3 > div.LangSocRtop > div.langSoc {
		width: 90px;
	}

	body > div.container > div.right > div.registration > form > div.checkbox > div > label {
		word-break: break-all;
	}

	body > div.container > div.right > div.registration > form > div.checkbox > div {
		margin-left: 0px;
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		height: 30px;
	}

	.GapContribution {
		height: 180px;
	}

	.dontWorry {
		padding: 10px 80px;
		min-width: 500px;
		width: 100%;
		font-size: 20px;
	}

	.swal2-container > .titleIntroPopup_Entscheidungen_en {
		background-size: 95%;
		background-position: top;
	}

	.dontWorry::after {
		left: 147px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.buttonClosedTab.swal2-styled {
		padding: 8px 15px;
		font-size: 20px;
		-webkit-transform: translate(215px, -68px);
		-ms-transform: translate(215px, -68px);
		transform: translate(215px, -68px);
	}

	.budgetPoints {
		padding: 7px 30px 40px 30px;
		border-radius: 30px 30px 0px 0px;
	}

	.listResult > ul {
		padding: 5px;
		line-height: 1.5;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh2 {
		width: 350px;
	}

	body > .yellow_finish_modal > div > div.swal2-actions > button.swal2-confirm.swal2-styled {
		font-size: 70px;
		padding: 20px 45px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh1 {
		width: 0px;
	}

	#holderWrap > div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr {
		line-height: 2;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		padding-top: 0px;
		padding-right: 15px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk {
		padding-right: 15px;
	}

	.aboutDiv > p {
		line-height: 1.5;
	}

	.user {
		margin-right: 40px;
	}

	.userLogo {
		margin-bottom: 5%;
		margin-top: 20px;
	}

	.user {
		margin-top: 0;
	}

	.yourRank {
		max-width: 500px;
		width: 100%;
		font-size: 30px;
		margin: 10px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr {
		height: 50px;
	}

	#descr_ch_1 {
		-webkit-transform: translate(97px, 8px);
		-ms-transform: translate(97px, 8px);
		transform: translate(97px, 8px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton20_description_1.swal2-styled {
		padding: 10px 100px;
		font-size: 20px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		-webkit-transform: translate(-285px, -151px);
		-ms-transform: translate(-285px, -151px);
		transform: translate(-285px, -151px);
	}

	#arr3_descr_1 {
		-webkit-transform: rotate(204deg) translate(136px, 396px);
		-ms-transform: rotate(204deg) translate(136px, 396px);
		transform: rotate(204deg) translate(136px, 396px);
	}

	#arr2_descr_1 {
		-webkit-transform: rotate(243deg) translate(317px, 259px);
		-ms-transform: rotate(243deg) translate(317px, 259px);
		transform: rotate(243deg) translate(317px, 259px);
	}

	#arr1_descr_1 {
		-webkit-transform: rotate(105deg) translate(-247px, -130px);
		-ms-transform: rotate(105deg) translate(-247px, -130px);
		transform: rotate(105deg) translate(-247px, -130px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton21_description_2.swal2-styled {
		padding: 10px 100px;
		font-size: 20px;
		-webkit-transform: translate(-290px, -165px);
		-ms-transform: translate(-290px, -165px);
		transform: translate(-290px, -165px);
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(-270px, 140px);
		-ms-transform: rotate(180deg) translate(-270px, 140px);
		transform: rotate(180deg) translate(-270px, 140px);
	}

	#descr_ch_7 > div.character > img {
		max-width: 120px !important;
		width: 100%;
	}

	#descr_ch_7 {
		-webkit-transform: translate(485px, -105px);
		-ms-transform: translate(485px, -105px);
		transform: translate(485px, -105px);
	}

	#arr1_descr_3 {
		-webkit-transform: translate(430px, -175px);
		-ms-transform: translate(430px, -175px);
		transform: translate(430px, -175px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-260px, -445px);
		-ms-transform: rotate(90deg) translate(-260px, -445px);
		transform: rotate(90deg) translate(-260px, -445px);
	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-470px, 95px);
		-ms-transform: rotate(180deg) translate(-470px, 95px);
		transform: rotate(180deg) translate(-470px, 95px);
	}

	#modalWiz > #descr_ch_7 > .message {
		max-width: 450px;
		min-height: 155px;
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(220px, 620px);
		-ms-transform: rotate(270deg) translate(220px, 620px);
		transform: rotate(270deg) translate(220px, 620px);
	}

	#descr_ch_6 > div.character > img {
		max-width: 140px !important;
		width: 100%;
	}

	#modalWiz > #descr_ch_6 > .message {
		min-height: 160px !important;
	}

	#descr_ch_6 {
		-webkit-transform: translate(420px, -85px);
		-ms-transform: translate(420px, -85px);
		transform: translate(420px, -85px);
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(-40px, 50px);
		-ms-transform: translate(-40px, 50px);
		transform: translate(-40px, 50px);
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(220px, -180px);
		-ms-transform: rotate(270deg) translate(220px, -180px);
		transform: rotate(270deg) translate(220px, -180px);
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(220px, 610px);
		-ms-transform: rotate(270deg) translate(220px, 610px);
		transform: rotate(270deg) translate(220px, 610px);
	}

	#row_empty {
		margin-bottom: 0px;
	}

	.gapTable_description_6_m {
		-webkit-transform: translate(775px, -150px);
		-ms-transform: translate(775px, -150px);
		transform: translate(775px, -150px);
	}

	#actionlist {
		margin-top: -30px;
	}

	.FinTrainer {
		margin-top: 10%;

	}

	.aboutDiv {
		max-width: 550px;
		width: 100%;
	}

	#modalWiz > div.personMessageCircleDiagram > .message > p {
		line-height: 1.2;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack > img {
		max-width: 180px !important;
		-webkit-transform: translate(-115px, -10px);
		-ms-transform: translate(-115px, -10px);
		transform: translate(-115px, -10px);
	}

	.quiz_inp {
		width: 200px !important;
		-webkit-transform: translate(-50px, 15px);
		-ms-transform: translate(-50px, 15px);
		transform: translate(-50px, 15px);
		height: 40px !important;
	}

	#swal2-content > div > div.footerFeed > div.rightFooterFeed {
		margin-top: 15px;
	}

	.slideshow-container {
		margin-top: 18%;
	}

	.welcomeH1 {
		margin-top: 0px;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h5 {
		font-size: 16px;
	}

	#swal2-content > div > div.feedContent {
		padding: 0px 50px 0px;
		margin-top: -65px;
		margin-bottom: 30px;
	}

	#globeLevel10 > img {
		max-width: 55px;
		width: 100%;
	}

	.level10Globe {
		right: -35%;
	}

	.progressButton li img {
		margin-top: -10px;
	}

	.yellowR > p {
		padding: 4px 17px;
		font-size: 42px;
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(120px, 25px);
		-ms-transform: translate(120px, 25px);
		transform: translate(120px, 25px);
		width: 33%;
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(315px, 25px);
		-ms-transform: translate(315px, 25px);
		transform: translate(315px, 25px);
		width: 33%;
	}

	.resultColumn3 {
		max-width: 535px;
		width: 100%;
	}

	#descr_ch_2 {
		-webkit-transform: translate(0px, 80px);
		-ms-transform: translate(0px, 80px);
		transform: translate(0px, 80px);
	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-335px, -53px);
		-ms-transform: rotate(90deg)translate(-335px, -53px);
		transform: rotate(90deg)translate(-335px, -53px);
	}

	#descr_ch_14 {
		-webkit-transform: translate(10px, 101px);
		-ms-transform: translate(10px, 101px);
		transform: translate(10px, 101px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-330px, -345px);
		-ms-transform: rotate(90deg) translate(-330px, -345px);
		transform: rotate(90deg) translate(-330px, -345px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-340px, -228px);
		-ms-transform: rotate(90deg)translate(-340px, -228px);
		transform: rotate(90deg)translate(-340px, -228px);
	}

	body > div.container > div.leftSideP7 > form > span > input:nth-child(2) {
		margin-left: 20px;
	}

	body > div.container > div.leftSideP7 > form > div.switchProfile {
		margin-top: -10px;
	}

	.dot {
		height: 35px;
		width: 35px;
	}

	.quiz_check:before {
		width: 25px;
		height: 25px;
		font-size: 20px;
	}

	.gapTable_description_8_m {
		-webkit-transform: translate(715px, -28px);
		-ms-transform: translate(715px, -28px);
		transform: translate(715px, -28px);
	}

	#arr1_descr_8 {
		-webkit-transform: rotate(180deg) translate(-293px, 205px);
		-ms-transform: rotate(180deg) translate(-293px, 205px);
		transform: rotate(180deg) translate(-293px, 205px);
	}

	#arr2_descr_8 {
		-webkit-transform: rotate(180deg) translate(-154px, 155px);
		-ms-transform: rotate(180deg) translate(-154px, 155px);
		transform: rotate(180deg) translate(-154px, 155px);
	}

	#arr3_descr_8 {
		-webkit-transform: rotate(180deg) translate(-15px, 105px);
		-ms-transform: rotate(180deg) translate(-15px, 105px);
		transform: rotate(180deg) translate(-15px, 105px);
	}

	#descr_ch_10 {
		-webkit-transform: translate(15px, 45px);
		-ms-transform: translate(15px, 45px);
		transform: translate(15px, 45px);
	}

	#descr_ch_12 {
		-webkit-transform: translate(715px, 58px);
		-ms-transform: translate(715px, 58px);
		transform: translate(715px, 58px);
	}

	#arr1_descr_12 {
		-webkit-transform: rotate(270deg)translate(339px, -50px);
		-ms-transform: rotate(270deg)translate(339px, -50px);
		transform: rotate(270deg)translate(339px, -50px);
	}

	#descr_ch_13 {
		-webkit-transform: translate(700px, 58px);
		-ms-transform: translate(700px, 58px);
		transform: translate(700px, 58px);
	}

	#arr1_descr_13 {
		-webkit-transform: rotate(270deg)translate(358px, -55px);
		-ms-transform: rotate(270deg)translate(358px, -55px);
		transform: rotate(270deg)translate(358px, -55px);
	}

	.leftsideH11 {
		max-width: 550px;
		width: 100%;
	}

	.stuffYoungWoman {
		margin-top: -50px;
	}

	.stuffOldMan {
		margin-top: -50px;
	}

	.mySelf {
		margin-top: -50px;
	}

	.stuff {
		margin-top: 10px;
	}

	div.text > div.stuff > .stuffYoungWoman > h6 {
		max-width: 29vw;
		width: 100%;
	}

	div.text > div.stuff > .mySelf > h6 {
		max-width: 29vw;
		width: 100%;
	}

	.logoRightP11 {
		margin-bottom: 10px;
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		margin-left: -34px;
		width: 50px;
		padding: 18px 3px;
	}

	.rightsideP11 {
		padding: 0px 40px;
	}

	.message > p {
		line-height: 1.3;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
		max-width: 225px;
	}

	body > div > div.introWrapper > div.rightsideP11 > div.accordion > section > h1 > a {
		margin-top: -20px;
	}

	.competition > div.container > div.leftsideH11 {
		margin-top: 70px;
	}

	.formCompetition > input[type="submit"] {
		max-width: 120px;
		width: 100%
	}

	.performancePop {
		max-width: 1000px;
		width: 100%;
		margin-top: 5%;
	}

	.performancePop > .DiagramImage > img {
		max-width: 500px;
		width: 100%;
	}

	.performancePop > .message {
		margin-right: 40px;
		min-height: 350px;
		max-width: 550px;
		width: 100%;
	}

	.swal2-container > .titleIntroPopup_performancePop_de,
	.titleIntroPopup_performancePop_en {
		background-size: 92% !important;
		background-position: center !important;
	}

	.small {
		min-height: 120px;
		margin-right: 9%;
		margin-top: -13%;
		max-width: 500px;
		width: 100%;
	}

	.zinsumfeld {
		max-width: 1000px;
		width: 100%;
		margin-top: 1%;
	}

	.zinsumfeld > .message {
		margin-right: 40px;
		max-width: 500px;
		width: 100%;
		min-height: 320px;
	}

	.swal2-container > .titleIntroPopup_zinsumfeld_de,
	.titleIntroPopup_zinsumfeld_en {
		background-size: 92% !important;
		background-position: center !important;
	}

	.zinsumfeld > .DiagramImage > img {
		max-width: 900px;
		width: 100%;
	}

	#descr_ch_10 > div.message {
		min-height: 190px !important;
	}


}

@media screen and (max-width:1280px) {
	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(580px, -350px);
		-ms-transform: rotate(270deg) translate(580px, -350px);
		transform: rotate(270deg) translate(580px, -350px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-350px, -275px);
		-ms-transform: translate(-350px, -275px);
		transform: translate(-350px, -275px);
	}

	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(635px, -295px);
		-ms-transform: rotate(270deg) translate(635px, -295px);
		transform: rotate(270deg) translate(635px, -295px);
	}

	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(635px, -285px);
		-ms-transform: rotate(270deg) translate(635px, -285px);
		transform: rotate(270deg) translate(635px, -285px);
	}

	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(6355px, -275px);
		-ms-transform: rotate(270deg) translate(635px, -275px);
		transform: rotate(270deg) translate(635px, -275px);
	}

	.scenListBlockContent > p {
		max-width: 450px;
	}


	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		margin-left: -16px;
	}

	span.youtube-link {
		transform: scale(1) translate(-53px, 340px);
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		padding: 0px;
		font-size: 12px;
	}

	.profMode > #gapTable > .GapContribution {
		line-height: 1;
		height: 165px;
	}

	.profMode > #gapTable {
		height: 155px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 11px;
	}

	#gapTable > .wrapperDescription {
		height: 210px;
	}

	#circleProgress > .tableLabel {
		right: 57px;
		top: -14px;
	}

	#actions {
		margin-top: 65px !important;
	}

	#forecast > span > h3 {
		right: 55px;
		top: -8px;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 140px !important;
	}

	#arr1_descr_8 {
		-webkit-transform: rotate(180deg) translate(0px, 355px);
		-ms-transform: rotate(180deg) translate(0px, 355px);
		transform: rotate(180deg) translate(0px, 355px);
	}

	#arr2_descr_8 {
		-webkit-transform: rotate(180deg) translate(139px, 305px);
		-ms-transform: rotate(180deg) translate(139px, 305px);
		transform: rotate(180deg) translate(139px, 305px);
	}

	#arr3_descr_8 {
		-webkit-transform: rotate(180deg) translate(277px, 250px);
		-ms-transform: rotate(180deg) translate(277px, 250px);
		transform: rotate(180deg) translate(277px, 250px);
	}

	.gapTable_description_8_m {
		-webkit-transform: translate(650px, -28px);
		-ms-transform: translate(650px, -28px);
		transform: translate(650px, -28px);
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-28px, 17px);
		-ms-transform: translate(-28px, 17px);
		transform: translate(-28px, 17px);
	}

	#person_l1_s1_info_1 > div.character > img {
		max-width: 180px;
		width: 100%;
	}

	.fullscr {
		height: 450px;
	}

	#dashboard-graph {
		margin-left: 0px !important;
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 400px;
		min-height: 160px;
		border-radius: 60px;
		padding: 20px 30px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 400px;

	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 272px;
		width: 100%;
	}

	#modalWiz > #person_l1_s1_info_1 {
		-webkit-transform: translate(45px, 22px);
		-ms-transform: translate(45px, 22px);
		transform: translate(45px, 22px);
		margin-top: 35px;
	}

	.GapContribution {
		line-height: 2;
		height: 195px;
	}

	#res_pic {
		max-width: 135px;
		width: 100%;
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(390px, -415px);
		-ms-transform: rotate(270deg) translate(390px, -415px);
		transform: rotate(270deg) translate(390px, -415px);
	}

	.competition > div > div.rightsideP11 {
		max-width: 650px;
		width: 100%;
	}

	.formCompetition {
		max-width: 400px;
		width: 100%;
	}

	.numResult > ul {
		line-height: 1.2;
		font-size: 16px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 17px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		font-size: 16px;
	}

	.formCompetition > input[type="submit"] {
		max-width: 110px;
		width: 100%;
		max-height: 110px;
		height: 100%;
		-webkit-transform: translate(430px, -60px);
		-ms-transform: translate(430px, -60px);
		transform: translate(430px, -60px);
	}

	#descr_ch_6 {
		-webkit-transform: translate(355px, -120px);
		-ms-transform: translate(355px, -120px);
		transform: translate(355px, -120px);
	}

	#person_l1_s1_info_2 {
		-webkit-transform: translate(49px, 55px);
		-ms-transform: translate(49px, 55px);
		transform: translate(49px, 55px);
		margin-top: 0px;
	}

	.selectCountryCompetition {
		height: 60px;
	}

	.formCompetition > input[type="text"] {
		height: 60px;
	}


	#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
		font-size: 1vw;
	}

	#holderWrap > div.resultDetailed > div > div > div:nth-child(3) > table {
		line-height: 1.3;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table {
		line-height: 1.3;
	}

	.headerColumn3 {
		max-width: 300px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh1 {
		width: 330px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td.totalRisk > span {
		font-size: 18px;
	}

	.gapTable_description_6_m {
		-webkit-transform: translate(695px, -170px);
		-ms-transform: translate(695px, -170px);
		transform: translate(695px, -170px);
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(390px, 290px);
		-ms-transform: rotate(270deg) translate(390px, 290px);
		transform: rotate(270deg) translate(390px, 290px);
	}

	#arr1_descr_7 {
		-webkit-transform: translate(-210px, -390px) rotate(270deg);
		-ms-transform: translate(-210px, -390px) rotate(270deg);
		transform: translate(-210px, -390px) rotate(270deg);
	}

	#swal2-content > div > div.footerFeed {
		height: 95px;
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(390px, 380px);
		-ms-transform: rotate(270deg) translate(390px, 380px);
		transform: rotate(270deg) translate(390px, 380px);
	}

	#descr_ch_10 {
		margin-top: -140px;
	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-370px, -79px);
		-ms-transform: rotate(90deg) translate(-370px, -79px);
		transform: rotate(90deg) translate(-370px, -79px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-370px, -82px);
		-ms-transform: rotate(90deg) translate(-370px, -82px);
		transform: rotate(90deg) translate(-370px, -82px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-370px, -94px);
		-ms-transform: rotate(90deg) translate(-370px, -94px);
		transform: rotate(90deg) translate(-370px, -94px);
	}

	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-370px, -107px);
		-ms-transform: rotate(90deg) translate(-370px, -107px);
		transform: rotate(90deg) translate(-370px, -107px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-525px, 0px);
		-ms-transform: rotate(90deg) translate(-525px, 0px);
		transform: rotate(90deg) translate(-525px, 0px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(-339px, -126px);
		-ms-transform: translate(-339px, -126px);
		transform: translate(-339px, -126px);
		padding: 5px 60px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_2.swal2-styled {
		padding: 5px 60px;
		font-size: 22px;
		-webkit-transform: translate(-254px, -80px);
		-ms-transform: translate(-254px, -80px);
		transform: translate(-254px, -80px);
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 140px;
		width: 100%;
		-webkit-transform: translate(0px, 157px);
		-ms-transform: translate(0px, 157px);
		transform: translate(0px, 157px);
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(360px, 340px);
		-ms-transform: rotate(180deg)translate(360px, 340px);
		transform: rotate(180deg)translate(360px, 340px);
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(515px, 285px);
		-ms-transform: rotate(180deg) translate(515px, 285px);
		transform: rotate(180deg) translate(515px, 285px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-395px, -305px) rotate(417deg);
		-ms-transform: translate(-395px, -305px) rotate(417deg);
		transform: translate(-395px, -305px) rotate(417deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(200deg) translate(815px, 205px);
		-ms-transform: rotate(200deg) translate(815px, 205px);
		transform: rotate(200deg) translate(815px, 205px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(510px, 355px);
		-ms-transform: rotate(180deg) translate(510px, 355px);
		transform: rotate(180deg) translate(510px, 355px);
	}

	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(365px, 300px);
		-ms-transform: rotate(180deg) translate(365px, 300px);
		transform: rotate(180deg) translate(365px, 300px);
	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(15px, -145px);
		-ms-transform: translate(15px, -145px);
		transform: translate(15px, -145px);
	}

	.buttonNext {
		font-size: 18px;
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(220px, 320px);
		-ms-transform: rotate(180deg) translate(220px, 320px);
		transform: rotate(180deg) translate(220px, 320px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(630px, -265px);
		-ms-transform: rotate(270deg) translate(630px, -265px);
		transform: rotate(270deg) translate(630px, -265px);
	}

	#modalWiz > .personMessageCircleDiagram > div.character > img {
		max-width: 140px;
		width: 100%;
		margin-left: 190px;
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(240px, -1153px);
		-ms-transform: rotate(270deg) translate(240px, -1153px);
		transform: rotate(270deg) translate(240px, -1153px);
	}


	#person_l1_s2_info_1 {
		-webkit-transform: translate(700px, 40px);
		-ms-transform: translate(700px, 40px);
		transform: translate(700px, 40px);
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(-430px, -365px);
		-ms-transform: translate(-430px, -365px);
		transform: translate(-430px, -365px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-390px, -410px) rotate(90deg);
		-ms-transform: translate(-390px, -410px) rotate(90deg);
		transform: translate(-390px, -410px) rotate(90deg);
	}

	#arr1_l1_s1_info_4 {
		-webkit-transform: rotate(180deg) translate(219px, 390px);
		-ms-transform: rotate(180deg) translate(219px, 390px);
		transform: rotate(180deg) translate(219px, 390px);
	}

	#arr2_l1_s1_info_4 {
		-webkit-transform: translate(-553px, -379px) rotate(225deg);
		-ms-transform: translate(-553px, -379px) rotate(225deg);
		transform: translate(-553px, -379px) rotate(225deg);
	}

	#arr3_l1_s1_info_4 {
		-webkit-transform: rotate(90deg) translate(-207px, 631px);
		-ms-transform: rotate(90deg) translate(-207px, 631px);
		transform: rotate(90deg) translate(-207px, 631px);
	}

	#modalWiz > div.personMessageCircleDiagram > .character {
		max-width: 160px;
		margin-left: -50px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_info_1.swal2-styled {
		-webkit-transform: translate(-340px, -130px);
		-ms-transform: translate(-340px, -130px);
		transform: translate(-340px, -130px);
		padding: 10px 80px;
		font-size: 22px;
	}

	#zinsentw > span > label {
		font-size: 10px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > span > label {
		font-size: 10px;
	}

	.radioDiagramButton {
		padding: 0px 0px;
	}

	#modalWiz > .personMessageCenterBig > div.character > img {
		max-width: 150px;
		width: 100%;
	}

	#modalWiz > .personMessageCenterBig > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 180px;
		padding: 25px 50px;
	}

	#person_l1_s1_finish_1 {
		-webkit-transform: translate(405px, -99px);
		-ms-transform: translate(405px, -99px);
		transform: translate(405px, -99px);
	}

	.page3 > div > .leftSideP3 > div > input[type="button"] {
		height: 69px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_finish_1.swal2-styled {
		-webkit-transform: translate(93px, -255px);
		-ms-transform: translate(93px, -255px);
		transform: translate(93px, -255px);
		padding: 10px 80px;
		font-size: 22px;
	}

	#arr1_l1_s1_finish_1 {
		-webkit-transform: translate(-540px, -240px);
		-ms-transform: translate(-540px, -240px);
		transform: translate(-540px, -240px);
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(365px, 280px);
		-ms-transform: rotate(180deg) translate(365px, 280px);
		transform: rotate(180deg) translate(365px, 280px);
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(595px, -415px);
		-ms-transform: rotate(270deg) translate(595px, -415px);
		transform: rotate(270deg) translate(595px, -415px);
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(225px, -798px);
		-ms-transform: rotate(270deg) translate(225px, -798px);
		transform: rotate(270deg) translate(225px, -798px);
	}

	#person_l1_s2_finish_1 > div > div.message {
		padding: 20px 33px;
		max-width: 400px;
		width: 100%;
		min-height: 150px;
	}

	#modalWiz > .modalPersonMesTabDia > div.personMessageCircleDiagramTab > div.character > img {
		max-width: 140px;
		width: 100%;
		margin-left: 23px !important;
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(219px, -826px);
		-ms-transform: rotate(270deg) translate(219px, -826px);
		transform: rotate(270deg) translate(219px, -826px);
	}

	#actionlist > span > p {
		right: 6px;
	}

	#actionlist > span > h3 {
		right: 6px;
	}

	#person_l3_s9_info_1 {
		-webkit-transform: translate(650px, 10px);
		-ms-transform: translate(650px, 10px);
		transform: translate(650px, 10px);
	}

	#person_l2_s5_info_2 {
		-webkit-transform: translate(710px, 14px);
		-ms-transform: translate(710px, 14px);
		transform: translate(710px, 14px);
	}

	#person_l2_s8_finish_1 > div > div.message {
		padding: 30px 30px;
		max-width: 500px;
		width: 100%;
		min-height: 150px;
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(230px, -828px);
		-ms-transform: rotate(270deg) translate(230px, -828px);
		transform: rotate(270deg) translate(230px, -828px);
	}

	#arr1_l1_s2_finish_1 {
		-webkit-transform: translate(-517px, -237px);
		-ms-transform: translate(-517px, -237px);
		transform: translate(-517px, -237px);
	}

	#swal2-content > div > div.feedContent {
		margin-bottom: 80px;
	}

	.quiz_inp {
		width: 200px;
		-webkit-transform: translate(-40px, 10px);
		-ms-transform: translate(-40px, 10px);
		transform: translate(-40px, 10px);
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-linkedin {
		margin-top: 8px;
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram:before {
		margin-bottom: 66px;
	}

	#person_l1_s6_finish_1 > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l1_s6_finish_1 > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 150px;
		padding: 30px 30px;
	}

	#person_l1_s6_finish_1 {
		-webkit-transform: translate(5px, -4px);
		-ms-transform: translate(5px, -4px);
		transform: translate(5px, -4px);
	}

	#person_l1_s1_finish_1 > div.character {
		max-width: 140px;
		width: 100%;
	}

	#person_l1_s1_finish_1 > div.message {
		max-width: 400px;
		width: 100%;
		min-height: 200px;
		padding: 20px 34px 10px;
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(655px, -325px);
		-ms-transform: rotate(270deg) translate(655px, -325px);
		transform: rotate(270deg) translate(655px, -325px);
	}

	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(655px, -315px);
		-ms-transform: rotate(270deg) translate(655px, -315px);
		transform: rotate(270deg) translate(655px, -315px);
	}

	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(655px, -300px);
		-ms-transform: rotate(270deg) translate(655px, -300px);
		transform: rotate(270deg) translate(655px, -300px);
	}

	#actionlist {
		margin-top: -60px;
	}

	.infoI {
		-webkit-transform: translate(-53px, 79px);
		-ms-transform: translate(-53px, 79px);
		transform: translate(-53px, 79px);
	}

	.futureInterestRate {
		max-width: 380px;
		width: 100%;
		height: 172px;
	}

	.futureInterest {
		max-width: 450px;
		width: 100%;
	}

	#person_l3_s9_finish_1 > div > div.message {
		padding: 30px 30px;
		max-width: 500px;
		width: 100%;
		min-height: 150px;
	}

	#person_l1_s1_finish_1 {
		-webkit-transform: translate(43px, -4px);
		-ms-transform: translate(43px, -4px);
		transform: translate(43px, -4px);
	}

	#person_l3_s10_finish_1 > div > div.message {
		padding: 30px 30px;
		max-width: 500px;
		width: 100%;
		min-height: 150px;
	}

	#person_l3_s11_finish_1 > div > div.message {
		padding: 30px 30px;
		max-width: 500px;
		width: 100%;
		min-height: 150px;
	}

	.level10Globe > div {
		-webkit-transform: translate(35px, 30px);
		-ms-transform: translate(35px, 30px);
		transform: translate(35px, 30px);
	}

	.GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 16px;
	}

	#gapTable {
		height: 190px;
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 14px;
	}

	.resetFont {
		font-size: 20px;
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(610px, -10px);
		-ms-transform: translate(610px, -10px);
		transform: translate(610px, -10px);
	}

	.Level > h1 {
		padding: 30px;
	}

	.proceed {
		padding: 30px;
	}

	body > div.container > div.topPage13 > div.resetButton > a {
		font-size: 14px;
	}

	.gapTable_finish_1_m {
		-webkit-transform: translate(630px, -490px);
		-ms-transform: translate(630px, -490px);
		transform: translate(630px, -490px);
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab > div.character {
		max-width: 190px;
		width: 100%;
	}


	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 150px;
		padding: 20px 35px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton2_5_finish_1.swal2-styled {
		font-size: 20px;
		padding: 10px 80px;
		-webkit-transform: translate(-282px, -87px);
		-ms-transform: translate(-282px, -87px);
		transform: translate(-282px, -87px);
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab > div.character {
		max-width: 190px;
		width: 100%;
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 500px;
		width: 100%;
		min-height: 150px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton2_7_finish_1.swal2-styled {
		font-size: 20px;
		padding: 10px 80px;
		-webkit-transform: translate(-282px, -87px);
		-ms-transform: translate(-282px, -87px);
		transform: translate(-282px, -87px);
	}

	.dropdown-content a {
		font-size: 20px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 16px;
	}

	.wrapTableEvaluation {
		height: 200px;
		margin: 20px;
	}

	.numberRank {
		font-size: 85px;
		padding: 40px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 15px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
		font-size: 16px;
		width: 7%;
	}

	#descr_ch_6 > div.character > img {
		max-width: 130px !important;
		width: 100%;
	}

	#modalWiz > #descr_ch_6 > .message {
		min-height: 150px !important;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 14px;
		width: 3%;

	}

	.logoP3 > img {
		max-width: 280px;
		width: 100%;
	}

	.period > ul > li {
		padding: 10px 50px;
		font-size: 18px;
	}

	.period {
		padding: 10px;
		margin: 10px;
	}

	.yourRank {
		font-size: 40px;
		margin: 20px;
	}

	.socialIconsBig {
		margin-left: 49%;
	}

	body > div > div.leftSideP3 > div.LangSocRtop > div.langSoc {
		width: 90px;
	}

	body > div.container > div.right > div.registration > form > div.checkbox > div > label {
		word-break: break-all;
	}

	body > div.container > div.right > div.registration > form > div.checkbox > div {
		margin-left: 0px;
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		height: 40px;
	}

	.dontWorry {
		padding: 10px 80px;
		min-width: 500px;
		width: 100%;
		font-size: 20px;
	}

	#gapTable > .tableLabel {
		right: -22px;
		top: -40px;
	}

	.dontWorry::after {
		left: 147px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.buttonClosedTab.swal2-styled {
		padding: 8px 15px;
		font-size: 20px;
		-webkit-transform: translate(215px, -70px);
		-ms-transform: translate(215px, -70px);
		transform: translate(215px, -70px);
	}

	.budgetPoints {
		padding: 10px 30px 40px 30px;
	}

	.listResult > ul {
		padding: 5px;
		line-height: 1.5;
	}


	.topPage13 > .progressBlock > div > .progressButton li img {
		margin-top: -10px;
		margin-left: 3px;
	}

	body > .yellow_finish_modal > div > div.swal2-actions > button.swal2-confirm.swal2-styled {
		font-size: 80px;
		padding: 20px 50px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 330px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
		font-size: 11px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(5) {
		width: 85px;
	}

	#holderWrap > div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr {
		line-height: 1;
	}

	.aboutDiv > h2 {
		font-size: 40px;
		margin-bottom: 30px;
	}

	.inputFile {
		padding: 15px;
	}

	.user {
		margin-right: 40px;
	}

	.userLogo {
		margin-bottom: 5%;
		margin-top: 20px;
	}

	.user {
		margin-top: 0;
	}

	.yourRank {
		max-width: 500px;
		width: 100%;
		font-size: 30px;
		margin: 10px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr {
		height: 50px;
	}

	#descr_ch_1 {
		-webkit-transform: translate(50px, 125px);
		-ms-transform: translate(50px, 125px);
		transform: translate(50px, 125px);
	}

	.levelsText {
		-webkit-transform: translate(0px, 15px);
		-ms-transform: translate(0px, 15px);
		transform: translate(0px, 15px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton20_description_1.swal2-styled {
		padding: 10px 100px;
		font-size: 20px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		-webkit-transform: translate(-285px, -151px);
		-ms-transform: translate(-285px, -151px);
		transform: translate(-285px, -151px);
	}

	#arr3_descr_1 {
		-webkit-transform: rotate(204deg) translate(136px, 396px);
		-ms-transform: rotate(204deg) translate(136px, 396px);
		transform: rotate(204deg) translate(136px, 396px);
	}

	#arr2_descr_1 {
		-webkit-transform: rotate(243deg) translate(317px, 259px);
		-ms-transform: rotate(243deg) translate(317px, 259px);
		transform: rotate(243deg) translate(317px, 259px);
	}

	#arr1_descr_1 {
		-webkit-transform: rotate(105deg) translate(-247px, -130px);
		-ms-transform: rotate(105deg) translate(-247px, -130px);
		transform: rotate(105deg) translate(-247px, -130px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton21_description_2.swal2-styled {
		padding: 10px 100px;
		font-size: 20px;
		-webkit-transform: translate(-290px, -165px);
		-ms-transform: translate(-290px, -165px);
		transform: translate(-290px, -165px);
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(20px, 300px);
		-ms-transform: rotate(180deg) translate(20px, 300px);
		transform: rotate(180deg) translate(20px, 300px);
	}

	#arr2_descr_2 {
		-webkit-transform: rotate(180deg) translate(50px, 348px);
		-ms-transform: rotate(180deg) translate(50px, 348px);
		transform: rotate(180deg) translate(50px, 348px);
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(165px, -275px);
		-ms-transform: rotate(270deg) translate(165px, -275px);
		transform: rotate(270deg) translate(165px, -275px);
	}

	#descr_ch_3 {
		margin-top: -75px;
	}

	#arr1_descr_3 {
		-webkit-transform: translate(135px, -265px);
		-ms-transform: translate(135px, -265px);
		transform: translate(135px, -265px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-355px, -155px);
		-ms-transform: rotate(90deg) translate(-355px, -155px);
		transform: rotate(90deg) translate(-355px, -155px);
	}


	.FinTrainer {
		margin-top: 10%;

	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-181px, 180px);
		-ms-transform: rotate(180deg) translate(-181px, 180px);
		transform: rotate(180deg) translate(-181px, 180px);
	}



	.aboutDiv {
		max-width: 550px;
		width: 100%;
		padding: 40px;
		line-height: 1.9;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.logoFeedBack > img {
		-webkit-transform: translate(-27px, -10px);
		-ms-transform: translate(-27px, -10px);
		transform: translate(-27px, -10px);
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack > div.topRightFeedback > h5 {
		font-size: 16px;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed {
		-webkit-transform: translate(62px, -35px);
		-ms-transform: translate(62px, -35px);
		transform: translate(62px, -35px);
	}

	#swal2-content > div > div.feedContent {
		max-width: 485px;
		width: 100%;
	}

	#swal2-content > div > div.feedContent > div > form {
		padding-left: 10px;
	}

	#swal2-content > div > div.feedContent > button {
		padding: 10px 20px;
		font-size: 16px;
		-webkit-transform: translate(89px, 23px);
		-ms-transform: translate(89px, 23px);
		transform: translate(89px, 23px);
	}

	#swal2-content > div > div.feedContent > div > form > input:before {
		width: 20px;
		height: 20px;
		font-size: 20px;
	}

	#swal2-content > div > div.feedContent > h6 {
		margin-top: 60px;
	}

	body > div > div.leftsideH11 > div:nth-child(3) > span.dot {
		width: 35px;
		height: 35px;
	}

	#swal2-content > div > .quiz1_survey1 {
		margin-bottom: 115px !important;
	}

	.mySlides > .text {
		height: 60vh;
	}

	body > div > div > div.rightsideP11 > ul > li > div > div > div {
		margin: 10px 0px 0px;
	}

	body > div > div.leftsideH11 > div.slideshow-container > div:nth-child(1) > div.headerSelect > a > img {
		width: 35px;
	}

	.hRightCompetition > hr {
		max-width: 200px;
		width: 100%;
	}

	.headerSelect {
		padding: 5px 30px;
	}

	body > div > div.rightsideP11 > ul > li > label::before {
		background-size: 50%;
		margin-top: 20px;
	}

	.level10Globe {
		right: -36%;
	}

	body > div > div.leftsideH11 > div.slideshow-container > div:nth-child(1) > div.headerSelect > h1 > p {
		margin-top: 8px;
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(120px, 30px);
		-ms-transform: translate(120px, 30px);
		transform: translate(120px, 30px);
		width: 33%;
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(315px, 30px);
		-ms-transform: translate(315px, 30px);
		transform: translate(315px, 30px);
		width: 33%;
	}


	.horizontalMenu {
		margin-top: -35px;
	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(650px, 10px);
		-ms-transform: translate(650px, 10px);
		transform: translate(650px, 10px);
	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-495px, 185px);
		-ms-transform: rotate(90deg)translate(-495px, 185px);
		transform: rotate(90deg)translate(-495px, 185px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-495px, 5px);
		-ms-transform: rotate(90deg)translate(-495px, 5px);
		transform: rotate(90deg)translate(-495px, 5px);
	}

	.rightsideP11 {
		padding: 0px 10px;
	}

	.emoji > a > img {
		width: 60px;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 22px;
		min-width: 8vw;
	}


}

@media screen and (max-width:1152px) {

	.budgetPoints {
		padding: 10px 40px 40px 40px;
	}

	.cockpit > a {
		padding: 15px 60px 16px 60px;
	}

	.results > a {
		padding: 15px 20px;
	}

	.description > a {
		padding: 15px;
	}

	.dotstyle ul {
		margin-top: -30px;
	}

	.registration {
		max-width: 270px;
		width: 100%;
	}

	.cd-table h2,
	.cd-table ul > li {
		height: 20px;
		line-height: 12px;
	}

	.futureInterest {
		max-width: 400px;
		width: 100%;
	}

	.right {
		padding: 30px 20px 0px 150px;
	}

	.logoP3 > img {
		max-width: 310px;
		width: 100%;
		-webkit-transform: translate(-30%, 40%);
		-ms-transform: translate(-30%, 40%);
		transform: translate(-30%, 40%);
	}

	.tutorial > h2 {
		font-size: 50px;
	}

	.enterWorld > h2 {
		font-size: 50px;
	}

	.personIcon {
		min-width: 500px;
	}

	body > div > div.level > table > tbody > tr > td:nth-child(3) {
		padding-left: 30px;
		padding-right: 30px;
	}


	.levelLink {
		width: 110px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(-276px, -126px);
		-ms-transform: translate(-276px, -126px);
		transform: translate(-276px, -126px);
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 100px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 650px;
		width: 100%;
		-webkit-transform: translate(252px, 36px);
		-ms-transform: translate(252px, 36px);
		transform: translate(252px, 36px);
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(-16px, 137px);
		-ms-transform: rotate(180deg)translate(-16px, 137px);
		transform: rotate(180deg)translate(-16px, 137px);
	}

	.aboutDiv {
		max-width: 500px;
		width: 100%;
	}

	#swal2-content > div > div.footerFeed > div.followFeed > div > a.fa.fa-instagram:before {
		font-size: 27px;
		padding: 5px 7px;

	}

	.competition > div.container > div.rightsideP11 > form > input[type="text"] {
		max-width: 300px;
		width: 100%;
	}

	.level10Globe {
		right: -34%;
	}
}

@media screen and (max-width:1080px) {
	.switch1 {
		flex-direction: column;
	}

	.log1 {
		max-width: 100% !important;
	}

	button.log {
		margin-right: 0px;
		width: 100%;
		margin-top: 20px;
	}

	.swal2-container > .titleGamePopup_scen1Pop_de,
	.swal2-container > .titleGamePopup_scen1Pop_en,
	.swal2-container > .titleGamePopup_scen2Pop_de,
	.swal2-container > .titleGamePopup_scen2Pop_en,
	.swal2-container > .titleGamePopup_scen3Pop_de,
	.swal2-container > .titleGamePopup_scen3Pop_en {
		background-size: 100% 83%;
	}

	.personMessageScenarioPop > .character > img {
		max-width: 100px;
	}

	.personMessageScenarioPop > .message {
		max-width: 250px;
		min-height: 100px;
	}

	.personMessageScenarioPop {
		bottom: 21%;
	}


	body > div > div.introWrapper > div.rightsideP11 > div.accordion > section > h1 > a {
		right: -20px;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(330px, -45px);
		-ms-transform: rotate(270deg) translate(330px, -45px);
		transform: rotate(270deg) translate(330px, -45px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-50px, -105px);
		-ms-transform: translate(-50px, -105px);
		transform: translate(-50px, -105px);
	}

	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(390px, 8px);
		-ms-transform: rotate(270deg) translate(390px, 8px);
		transform: rotate(270deg) translate(390px, 8px);
	}

	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(390px, 28px);
		-ms-transform: rotate(270deg) translate(390px, 28px);
		transform: rotate(270deg) translate(390px, 28px);
	}

	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(390px, 45px);
		-ms-transform: rotate(270deg) translate(390px, 45px);
		transform: rotate(270deg) translate(390px, 45px);
	}

	.cockpitProf > .cockpit > a {
		padding: 7px 53px 34px 53px;
	}

	.scenarioDiv {
		top: 16%;
		font-size: 15px;
	}

	.compMode {
		-webkit-transform: translate(120px, -33px) !important;
		-ms-transform: translate(120px, -33px) !important;
		transform: translate(120px, -33px) !important;
	}

	span.youtube-link {
		transform: scale(1) translate(-90px, 390px);
	}

	.newLogoRealWorld > .containerTextLogo > .logoText > span {
		top: 2px;
	}

	.profMode > #gapTable {
		height: 165px !important;
		max-width: 385px;
		margin: -4px 5% !important;
	}

	.profTitle {
		-webkit-transform: translate(93px, -39px) !important;
		-ms-transform: translate(93px, -39px) !important;
		transform: translate(93px, -39px) !important;
	}

	#gapTable > .tableLabel {
		right: -34px;
		top: -40px;
	}

	#circleProgress > .tableLabel {
		right: 28px;
		top: -14px;
	}

	#forecast > span > h3 {
		right: 31px;
		top: -8px;
	}

	.certUser {
		max-width: 300px;
		width: 100%;
	}

	.certUl {
		max-width: 400px;
		width: 100%;
		margin-left: 12%;
	}

	.certTbl {
		max-width: 550px;
		width: 100%;
	}

	body.cert {
		min-width: 320px !important;
	}

	.ajax:before {
		width: 200px;
		height: 200px;
		top: 32%;
	}


	.logo > img {
		max-width: 300px;
		width: 100%;
	}

	.gapTable_description_8_m {
		-webkit-transform: translate(520px, -43px);
		-ms-transform: translate(520px, -43px);
		transform: translate(520px, -43px);
	}

	.levels > div > div > #progressBlockWhite > div.progress-bar > .progress {
		height: 19px;
		font-size: 16.5px;
	}

	#person_l1_s1_info_2 {
		-webkit-transform: translate(57px, -27px);
		-ms-transform: translate(57px, -27px);
		transform: translate(57px, -27px);
		margin-top: 115px;
	}

	#arr1_descr_8 {
		-webkit-transform: rotate(180deg) translate(-165px, 155px);
		-ms-transform: rotate(180deg) translate(-165px, 155px);
		transform: rotate(180deg) translate(-165px, 155px);
	}

	#arr2_descr_8 {
		-webkit-transform: rotate(180deg) translate(-66px, 115px);
		-ms-transform: rotate(180deg) translate(-66px, 115px);
		transform: rotate(180deg) translate(-66px, 115px);
	}

	#arr3_descr_8 {
		-webkit-transform: rotate(180deg) translate(33px, 75px);
		-ms-transform: rotate(180deg) translate(33px, 75px);
		transform: rotate(180deg) translate(33px, 75px);
	}

	.langSoc > .LangLinks {
		font-size: 1.4vw;
	}

	body > div.container > div.introWrapper > div.rightsideP11 > div.accordion > section.accordion-item > h1 > a > img {
		margin-top: 15px;
	}

	.logoP3 > img {
		max-width: 300px;
		width: 100%;
		-webkit-transform: translate(-47%, 45%);
		-ms-transform: translate(-47%, 45%);
		transform: translate(-47%, 45%);
	}

	body > div > div.right > div.login > form > div.buttons {
		margin: 40px 0px;
	}

	#logoutMenu {
		bottom: 30px;
	}

	.resetFont {
		font-size: 1.3vw;
		margin-bottom: -5px;
	}

	.resetButton {
		margin-top: -2px;
	}

	body > div.container > div.topPage13 > div.resetButton > a {
		font-size: 0.8vw;
		margin-top: -3px;
	}

	body > div.container > div.right > div.login > .switch {
		width: 290px;
	}

	.switch-label {
		font-size: 20px;
		width: 140px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		padding: 1px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		font-size: 11px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 13px;
	}


	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 186px;
		width: 100%;
		padding: 10px;
	}

	.switch-selection {
		max-width: 140px;
		width: 100%;
	}

	.btn-si {
		font-size: 0.5em;
	}

	.leftsideH11 > ul > li {
		font-size: 36px;
	}

	.contentChangePass {
		max-width: 700px;
		width: 100%;
		left: 15%;
	}

	.topPage13 > .logoSmall > a > img {
		width: 150px;
		height: 150px;
		margin-left: 0px;
	}

	.topPage13 {
		padding: 0px;
	}

	.contentChangePass > button {
		-webkit-transform: translate(150px, 45px);
		-ms-transform: translate(150px, 45px);
		transform: translate(150px, 45px);
	}

	.CurrentRank {
		top: 47%;
		left: 5%;
		font-size: 20px;
		padding: 10px;
	}

	#circleProgress > div > h4 {
		font-size: 1.8vw;
	}

	.globalRank {
		margin-left: 24%;
		margin-top: 2%;
	}

	.share {
		padding: 10px;
	}

	.socialIconsBig {
		margin-left: 44%;
	}


	.diagramm {
		height: 400px;
		overflow: hidden;
	}

	#circleProgress > div.performance {
		-webkit-transform: translate(-105px, 180px);
		-ms-transform: translate(-105px, 180px);
		transform: translate(-105px, 180px);
	}

	body > div > div.horizontalMenu > div.budgetPoints > a {
		font-size: 18px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > p {
		font-size: 12px;
		width: 100px;
	}

	.budgetPoints {
		padding: 10px 25px 40px 25px;
	}

	.cockpit > a {
		padding: 7px 53px 15px 53px;
	}

	.competition > div.container > div.leftsideH11 {
		max-width: 400px;
		width: 100%;
	}

	.formCompetition {
		max-width: 300px;
		width: 100%;
		margin: auto 0 0 0;
	}

	.competition > div > div.rightsideP11 {
		max-width: 500px;
		width: 100%;
	}

	.formCompetition > input[type="submit"] {
		max-width: 100px;
		width: 100%;
		-webkit-transform: translate(310px, -48px);
		-ms-transform: translate(310px, -48px);
		transform: translate(310px, -48px);
	}

	.logoP6 {
		max-width: 250px;
		width: 100%;
	}

	.evaluation > a {
		padding: 7px 30px;
	}

	.results > a {
		padding: 7px 22px;
	}

	.description > a {
		padding: 7px 18px;
	}

	.cd-table ul > li {
		height: 15px;
		line-height: 12px;
	}


	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		min-width: 115px;
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-55px, 21px);
		-ms-transform: translate(-55px, 21px);
		transform: translate(-55px, 21px);
		width: 120px;
		line-height: 0.6;
	}

	.newLogoRealWorld > .containerTextLogo > .logoText > span {
		margin-left: 15px;
		position: relative;
		top: 0px;
	}

	#person_l3_s10_finish_1 > div > div.message {
		max-width: 400px;
		width: 100%;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		margin-top: 37px;
	}

	#person_l3_s11_finish_1 > div > div.message {
		max-width: 400px;
		width: 100%;
	}

	.numberRank {
		font-size: 60px;
		padding: 30px;
	}

	.period > ul > li {
		padding: 10px 50px;
		font-size: 15px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 13px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
		font-size: 13px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 9px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 225px;
		width: 100%;
		font-size: 13px;
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		min-width: 115px;
		margin-left: 30px;
	}

	body > .yellow_finish_modal > div > div.swal2-actions {
		padding: 22px 0px;
	}

	#person_l1_s6_finish_1 > div.message {
		max-width: 400px;
		width: 100%;
	}

	#actions {
		margin-bottom: 55px;
	}

	#actionlist > span > p {
		right: 30px;
	}

	#actionlist > span > h3 {
		right: 30px;
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 400px;
		width: 100%;
	}

	#person_l2_s8_finish_1 > div > div.message {
		max-width: 400px;
		width: 100%;
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(16px, -411px);
		-ms-transform: rotate(270deg) translate(16px, -411px);
		transform: rotate(270deg) translate(16px, -411px);
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(400px, -20px);
		-ms-transform: rotate(270deg) translate(400px, -20px);
		transform: rotate(270deg) translate(400px, -20px);
	}

	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(400px, 0px);
		-ms-transform: rotate(270deg) translate(400px, 0px);
		transform: rotate(270deg) translate(400px, 0px);
	}

	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(400px, 18px);
		-ms-transform: rotate(270deg) translate(400px, 18px);
		transform: rotate(270deg) translate(400px, 18px);
	}

	.futureInterestRate > tbody > tr:nth-child(1) > th {
		font-size: 12px;
		line-height: 1;
	}

	#person_l3_s9_info_1 {
		-webkit-transform: translate(550px, 10px);
		-ms-transform: translate(550px, 10px);
		transform: translate(550px, 10px);
	}

	#person_l3_s9_finish_1 > div > div.message {
		max-width: 400px;
		width: 100%;
	}

	body > div > div.horizontalMenu > div > a {
		font-size: 12px;
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		padding: 15px 2px;
		width: 40px;
	}

	#ajaxContent > div.personIcon > a > img {
		width: 25px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		min-width: 100px;
		margin-top: 40px;
	}

	.levelsText {
		-webkit-transform: translate(0px, 15px);
		-ms-transform: translate(0px, 15px);
		transform: translate(0px, 15px);
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 12px;
	}

	.GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 12px;
	}

	.GapContribution > tbody > tr > td {
		font-size: 9px;
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		font-size: 20px;
	}

	#dashboard-graph {
		margin-top: 40px;
		max-width: 500px;
		width: 100%;
	}

	#dashboard-graph > svg {
		max-height: 350px;
		height: 100%;
		max-width: 470px;
	}

	.fullscr > #dashboard-graph {
		max-width: 700px;
		width: 100%;

	}

	.fullscr > #dashboard-graph > svg {
		max-width: 700px;
		width: 100%;

	}

	#ajaxContent > div.personIcon > div.personIconP {
		max-width: 500px;
	}

	#socialIconsSmallP11 > a.googleIcon > img {
		width: 40px;
	}

	#inPage11 {
		width: 40px;
		height: 40px;
	}

	.personIcon {
		min-width: 450px;
	}

	.horizontalMenu {
		margin-top: -45px;
	}

	.personText {
		min-width: 400px;
	}

	.personIconP > p {
		padding: 10px 10px 0px 10px;
		line-height: 1;
		font-size: 10px;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 23px;
	}

	#ajaxContent > #circleProgress {
		margin-bottom: 10px;
	}

	#circleProgress {
		height: 240px;
	}

	#performancechart > svg {
		height: 200px;
		margin-top: 0px;
	}

	#risikochart > svg {
		height: 200px;
		margin-top: 7px;
	}

	.dotstyle li {
		width: 20px;
		height: 20px;
	}

	.dotstyle-smalldotstroke li.current a {
		-webkit-transform: scale(-0.6);
		-ms-transform: scale(-0.6);
		transform: scale(-0.6);
	}

	.dotstyle li a {
		top: -3px;
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		-webkit-transform: translate(30%, -6%);
		-ms-transform: translate(30%, -6%);
		transform: translate(30%, -6%);
	}

	.logoSmall > a > img {
		width: 100px;
		height: 100px;
	}

	#levels {
		width: 60px;
		height: 60px;
		margin-right: 140px;
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		font-size: 15px;
		padding: 5px 10px;
	}

	#modalWiz > #descr_ch_6 > .character {
		max-width: 110px;
	}

	.progressButton li img {
		width: 29px;
		margin-top: -8px;
		margin-left: 5px;
	}

	body > div > div.topPage14 > div.progressBlock {
		max-width: 420px;
		width: 100%;
	}

	.progress-bar {
		height: 20px;
	}

	#progressBlockWhite > div.progress-bar {
		margin-top: -40px;
		max-width: 410px;
		width: 100%;
		height: 15px;
	}

	#progressBlockWhite {
		max-width: 480px;
		width: 100%;
	}

	.levelTR > td > img {
		width: 50px;
	}

	#progressBlockWhite > div.progress-bar > div {
		height: 19px;
		font-size: 16px;
	}

	.svg-content {
		top: 14px;
		left: -12px;
	}

	.radioDiagram > #zinsentw > input {
		width: 14px;
		height: 14px;
	}

	.switch-input:checked + .switch-label-off ~ .switch-selection {
		left: 144px;
	}

	body > div > div.leftSideP3 > div.titleP3 {
		max-width: 400px;
		width: 100%;
	}

	.radioDiagram > #zinsentw > label {
		font-size: 12px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > input {
		width: 14px;
		height: 14px;
	}

	.radioDiagram > #zinsentw#horizon > .wrapperDescription > .radioDiagramAll > div > label {
		font-size: 12px;
	}


	#risikochart {
		-webkit-transform: translate(0px, -8px);
		-ms-transform: translate(0px, -8px);
		transform: translate(0px, -8px);
		height: 200px;
	}

	#performancechart {
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
		height: 200px;
	}

	#circleProgress > div.risk {
		-webkit-transform: translate(105px, 180px);
		-ms-transform: translate(105px, 180px);
		transform: translate(105px, 180px);
	}


	.logoP6 > a > img {
		max-width: 250px;
		width: 100%;
		-webkit-transform: translate(-65%, -75%);
		-ms-transform: translate(-65%, -75%);
		transform: translate(-65%, -75%);
	}

	body > div > div.rightSideP6 > table > tbody > tr > td:nth-child(1) {
		font-size: 18px;
	}

	#rankINtd > a > img {
		width: 50px;
		margin-top: 15px;
	}

	.socialIconsBigShare .fa {
		width: 40px;
		height: 40px;
		font-size: 30px;
	}

	.socialIconsBigShare {
		top: -90px;
		padding-right: 20px;
	}

	.page6 .tab_content > .tab_item > div.rightSideP6 > table > tbody > tr {
		font-size: 18px;
	}

	.tableFutureInterest {
		-webkit-transform: translate(2px, -10px);
		-ms-transform: translate(2px, -10px);
		transform: translate(2px, -10px);
	}

	.page6 .wrapper {
		width: 62%;
	}

	.ranking {
		max-width: 800px;
		width: 100%;
	}

	#rankingTR {
		font-size: 20px;
	}

	.futureInterest {
		max-width: 380px;
		width: 100%;
	}

	.GapContribution {
		height: 180px;
	}

	#gapTable {
		max-width: 350px;
		width: 100%;
		height: 185px;
		margin-bottom: 45px;
	}


	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 100px !important;
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(-90px, -275px);
		-ms-transform: translate(-90px, -275px);
		transform: translate(-90px, -275px);
	}

	.buttonNext {
		padding: 5px 60px;
	}

	#person_l1_s1_info_1 > div.character > img {
		max-width: 150px;
		width: 100%;
		margin-left: 50px;
	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(15px, -135px);
		-ms-transform: translate(15px, -135px);
		transform: translate(15px, -135px);
		margin-top: 150px;
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(72px, -645px);
		-ms-transform: rotate(270deg) translate(72px, -645px);
		transform: rotate(270deg) translate(72px, -645px);
	}

	#person_l1_s1_finish_1 > div.message {
		min-height: 165px;
	}

	#modalWiz > div.personMessageCircleDiagram > .message {
		max-width: 350px;
		padding: 10px 20px;
		border-radius: 50px;
		width: 100%;
		min-height: 135px;
	}

	#modalWiz > div.personRight > .message {
		min-width: 350px;
	}

	#modalWiz > #person_l1_s1_info_1 {
		-webkit-transform: translate(43px, -95px);
		-ms-transform: translate(43px, -95px);
		transform: translate(43px, -95px);
		margin-top: 260px;
	}

	#modalWiz > #person_l1_s1_info_3 {
		-webkit-transform: translate(37px, -30px);
		-ms-transform: translate(37px, -30px);
		transform: translate(37px, -30px);
		margin-top: 110px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 150px;
		width: 100%;
		-webkit-transform: translate(-194px, -25px);
		-ms-transform: translate(-194px, -25px);
		transform: translate(-194px, -25px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-64px, -326px) rotate(90deg);
		-ms-transform: translate(-64px, -326px) rotate(90deg);
		transform: translate(-64px, -326px) rotate(90deg);
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(40px, 280px);
		-ms-transform: rotate(180deg)translate(40px, 280px);
		transform: rotate(180deg)translate(40px, 280px);
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(175px, 175px);
		-ms-transform: rotate(180deg) translate(175px, 175px);
		transform: rotate(180deg) translate(175px, 175px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-75px, -195px) rotate(417deg);
		-ms-transform: translate(-75px, -195px) rotate(417deg);
		transform: translate(-75px, -195px) rotate(417deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(200deg) translate(365px, 185px);
		-ms-transform: rotate(200deg) translate(365px, 185px);
		transform: rotate(200deg) translate(365px, 185px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(155px, 220px);
		-ms-transform: rotate(180deg) translate(155px, 220px);
		transform: rotate(180deg) translate(155px, 220px);

	}

	#modalWiz > #person_l1_s1_info_4 > .message {
		min-height: 150px;
	}

	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(35px, 165px);
		-ms-transform: rotate(180deg) translate(35px, 165px);
		transform: rotate(180deg) translate(35px, 165px);
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(-80px, 250px);
		-ms-transform: rotate(180deg) translate(-80px, 250px);
		transform: rotate(180deg) translate(-80px, 250px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(480px, 50px);
		-ms-transform: rotate(270deg) translate(480px, 50px);
		transform: rotate(270deg) translate(480px, 50px);
	}

	.Level > h1 {
		padding: 5px;
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(105px, -383px);
		-ms-transform: rotate(270deg) translate(105px, -383px);
		transform: rotate(270deg) translate(105px, -383px);
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(40px, 210px);
		-ms-transform: rotate(180deg) translate(40px, 210px);
		transform: rotate(180deg) translate(40px, 210px);
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(440px, -70px);
		-ms-transform: rotate(270deg) translate(440px, -70px);
		transform: rotate(270deg) translate(440px, -70px);
	}

	.infoI {
		-webkit-transform: translate(-35px, 55px);
		-ms-transform: translate(-35px, 55px);
		transform: translate(-35px, 55px);
	}


	.gapTable_finish_1_m {
		-webkit-transform: translate(520px, -480px);
		-ms-transform: translate(520px, -480px);
		transform: translate(520px, -480px);
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(515px, 15px);
		-ms-transform: translate(515px, 15px);
		transform: translate(515px, 15px);
	}

	.messageInfo {
		padding: 40px;
	}

	#swal2-content > div > div.feedContent.quiz10_survey4 {
		margin-bottom: 29px !important;
	}

	#modalWiz > .personMessageCircleDiagram > div.character > img {
		max-width: 200px;
		width: 100%;
		margin-left: 100px;
	}

	#person_l1_s2_info_1 {
		-webkit-transform: translate(670px, 40px);
		-ms-transform: translate(670px, 40px);
		transform: translate(670px, 40px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_2_info_1.swal2-styled {
		-webkit-transform: translate(-246px, -205px);
		-ms-transform: translate(-246px, -205px);
		transform: translate(-246px, -205px);
		padding: 10px 60px;
		font-size: 20px;
	}


	.menuLi {
		font-size: 3vw;
	}

	.aboutDiv {
		max-width: 450px;
		width: 100%;
	}

	.aboutDiv > h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.fullscr {
		zoom: 0.9;
		-webkit-transform: translate(-11px, -155px);
		-ms-transform: translate(-11px, -155px);
		transform: translate(-11px, -155px);
		height: 700px;
	}

	#arr1_descr_12 {
		-webkit-transform: rotate(270deg)translate(220px, -50px);
		-ms-transform: rotate(270deg)translate(220px, -50px);
		transform: rotate(270deg)translate(220px, -50px);
	}

	#descr_ch_12 {
		-webkit-transform: translate(550px, 58px);
		-ms-transform: translate(550px, 58px);
		transform: translate(550px, 58px);
	}

	#arr1_descr_13 {
		-webkit-transform: rotate(270deg)translate(250px, -55px);
		-ms-transform: rotate(270deg)translate(250px, -55px);
		transform: rotate(270deg)translate(250px, -55px);
	}

	#descr_ch_13 {
		-webkit-transform: translate(550px, 58px);
		-ms-transform: translate(550px, 58px);
		transform: translate(550px, 58px);
	}

	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		max-width: 300px;
		width: 100%;
		margin: 0px 110px 0px;
		height: 50px;
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(50px, 11px);
		-ms-transform: translate(50px, 11px);
		transform: translate(50px, 11px);
		width: 33%;
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(250px, 10px);
		-ms-transform: translate(250px, 10px);
		transform: translate(250px, 10px);
		width: 33%;
	}

	.onoffswitch {
		width: 170px !important;
	}

	body > div.container > div.leftSideP7 > form > div.switchProfile > h4 {
		font-size: 1vw;
		padding-right: 0px;
	}

	.headerColumn3 {
		max-width: 245px;
		width: 100%;
		font-size: 13px;
	}

	.onoffswitch-switch {
		right: 73px !important;
	}

	.resultColumn3 {
		max-width: 450px;
		width: 100%;
	}

	.resultColumn2 {
		margin-left: 85px;
		margin-right: 27px;
	}

	.listResult > ul {
		font-size: 10px;
	}

	.numResult > ul {
		font-size: 16px;
	}

	#pic_title {
		max-width: 200px;
		width: 100%;
	}

	.onoffswitch-inner:after {
		width: 56% !important;
	}


	#modalWiz > div.personMessageCircleDiagram > .character {
		max-width: 135px;
		margin-left: -50px;
	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(550px, 10px);
		-ms-transform: translate(550px, 10px);
		transform: translate(550px, 10px);
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(-18px, -374px);
		-ms-transform: rotate(270deg) translate(-18px, -374px);
		transform: rotate(270deg) translate(-18px, -374px);
	}


	#row_empty {
		max-width: 250px;
		width: 100%;
		margin-left: -28px;
	}

	.cd-table header.cd-table-column {
		width: 90px;
	}

	#person_l2_s5_finish_1 > div.personMessageCircleDiagramTab > div.message {
		max-width: 400px;
		width: 100%;
		min-height: 150px;
	}

	#forecast {
		margin-top: 20px;
	}

	#forecast_el {
		-webkit-transform: translate(6px, 6px);
		-ms-transform: translate(6px, 6px);
		transform: translate(6px, 6px);
		height: 180px;
		padding-top: 5px;
	}

	.futureInterestRate {
		height: 160px;
	}


	.globalRank {
		margin-left: 41%;
	}

	#swal2-content > div > div.containerFeed > div.contentFeed > div:nth-child(1) {
		font-size: 1vw;
	}

	#swal2-content > div > div.feedContent {
		margin-bottom: 66px !important;
	}

	.quiz_inp {
		-webkit-transform: translate(-33px, 15px);
		-ms-transform: translate(-33px, 15px);
		transform: translate(-33px, 15px);
	}

	#swal2-content > div > div.feedContent > div > form > label:nth-child(13) {
		margin-left: 0px;
	}

	#modalWiz > #descr_ch_6 > .message {
		max-width: 350px;
		width: 100%;
		min-height: 150px;
	}

	.gapTable_description_6_m {
		-webkit-transform: translate(511px, -191px);
		-ms-transform: translate(511px, -191px);
		transform: translate(511px, -191px);
	}

	#descr_ch_6 {
		-webkit-transform: translate(320px, -130px);
		-ms-transform: translate(320px, -130px);
		transform: translate(320px, -130px);
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(150px, -150px);
		-ms-transform: rotate(270deg) translate(150px, -150px);
		transform: rotate(270deg) translate(150px, -150px);
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(150px, 425px);
		-ms-transform: rotate(270deg) translate(150px, 425px);
		transform: rotate(270deg) translate(150px, 425px);
	}

	#descr_ch_7 {
		-webkit-transform: translate(338px, -165px);
		-ms-transform: translate(338px, -165px);
		transform: translate(338px, -165px);
	}

	#descr_ch_7 > div > img {
		max-width: 150px;
	}

	#arr1_descr_7 {
		-webkit-transform: translate(45px, -290px) rotate(270deg);
		-ms-transform: translate(45px, -290px) rotate(270deg);
		transform: translate(45px, -290px) rotate(270deg);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(525px, -200px);
		-ms-transform: translate(525px, -200px);
		transform: translate(525px, -200px);
	}

	#modalWiz > #descr_ch_7 > .message {
		max-width: 400px;
		min-height: 155px;
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(280px, 500px);
		-ms-transform: rotate(270deg) translate(280px, 500px);
		transform: rotate(270deg) translate(280px, 500px);
	}

	#descr_ch_11 {
		-webkit-transform: translate(545px, 125px);
		-ms-transform: translate(545px, 125px);
		transform: translate(545px, 125px);
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(-8px, 8px);
		-ms-transform: rotate(270deg) translate(-8px, 8px);
		transform: rotate(270deg) translate(-8px, 8px);
	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-170px, -278px);
		-ms-transform: rotate(90deg) translate(-170px, -278px);
		transform: rotate(90deg) translate(-170px, -278px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-170px, -295px);
		-ms-transform: rotate(90deg) translate(-170px, -295px);
		transform: rotate(90deg) translate(-170px, -295px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-170px, -310px);
		-ms-transform: rotate(90deg) translate(-170px, -310px);
		transform: rotate(90deg) translate(-170px, -310px);
	}

	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-170px, -333px);
		-ms-transform: rotate(90deg) translate(-170px, -333px);
		transform: rotate(90deg) translate(-170px, -333px);
	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-384px, 0px);
		-ms-transform: rotate(180deg) translate(-384px, 0px);
		transform: rotate(180deg) translate(-384px, 0px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-135px, -375px);
		-ms-transform: rotate(90deg) translate(-135px, -375px);
		transform: rotate(90deg) translate(-135px, -375px);
	}

	#arr1_descr_3 {
		-webkit-transform: translate(315px, -105px);
		-ms-transform: translate(315px, -105px);
		transform: translate(315px, -105px);
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(-207px, 105px);
		-ms-transform: rotate(180deg) translate(-207px, 105px);
		transform: rotate(180deg) translate(-207px, 105px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-340px, -205px);
		-ms-transform: rotate(90deg) translate(-340px, -205px);
		transform: rotate(90deg) translate(-340px, -205px);
	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-280px, -105px);
		-ms-transform: rotate(90deg)translate(-280px, -105px);
		transform: rotate(90deg)translate(-280px, -105px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-280px, -255px);
		-ms-transform: rotate(90deg)translate(-280px, -255px);
		transform: rotate(90deg)translate(-280px, -255px);
	}

	.accordion_trigger {
		font-size: 3vw;
	}

	.switchProfile > h4 > p {
		max-width: 120px;
		width: 100%;
	}


}

@media screen and (max-width:980px) {

	.btn-si {
		font-size: 0.6em;
		width: 100%;
		margin-top: 10px;
	}

	.hrLogin {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(317px, -40px);
		-ms-transform: rotate(270deg) translate(317px, -40px);
		transform: rotate(270deg) translate(317px, -40px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-50px, -95px);
		-ms-transform: translate(-50px, -95px);
		transform: translate(-50px, -95px);
	}

	span.youtube-link {
		transform: scale(1) translate(-78px, 380px);
	}

	.logo > img {
		max-width: 250px;
		width: 100%;
	}

	.container {
		width: 100%;
	}

	.modalCongratulation {
		width: 100%;
	}

	.logoP3 > img {
		max-width: 270px;
		width: 100%;
		-webkit-transform: translate(-28%, 60%);
		-ms-transform: translate(-28%, 60%);
		transform: translate(-28%, 60%);
	}

	.liNum1 {
		margin: 2px;
	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 171px;
		width: 100%;
	}


	.socialIconsBig {
		margin-left: 40%;
	}

	.logoP3 {
		width: 95px;
	}

	.registration {
		max-width: 265px;
		width: 100%;
	}

	.right {
		padding: 30px 40px 0px 150px;
	}

	.titleP3 {
		margin-top: 95px;
	}


	.CurrentRank {
		top: 49%;
	}

	.logoP6 > a > img {
		max-width: 255px;
	}

	#rankINtd > a > img {
		width: 40px;
		margin-top: 20px;
	}

	#rankINtd > a {
		text-align: right;
	}

	body > div > div.rightSideP6 > table > tbody > tr > td > a {
		font-size: 3vw;
	}

	body > div > div.rightSideP6 > table > tbody > tr > td:nth-child(1) {
		font-size: 4vw;
	}

	.socialIconsBigShare {
		top: -85px;
	}

	.share {
		padding: 0px;
	}

	.globalRank {
		margin-top: 5%;
	}

	.Level {
		margin-bottom: 25px;

	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(490px, 10px);
		-ms-transform: translate(490px, 10px);
		transform: translate(490px, 10px);
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(95px, -320px);
		-ms-transform: rotate(270deg) translate(95px, -320px);
		transform: rotate(270deg) translate(95px, -320px);
	}

	#shareP40 {
		padding: 0px;
	}

	.numberPage > a {
		font-size: 100px;
		padding: 25px 60px;
	}

	.Level > h1 {
		margin-top: -35px;
	}

	.svg-content {
		top: 26px;
	}

	#modalWiz > div.arrowsDiagram > div > .arrow {
		max-width: 100px;
	}

	body > div > div.horizontalMenu > div > a {
		font-size: 15px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 10px;
		width: 30px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 12px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
		font-size: 12px;
	}

	.period > ul > li {
		font-size: 16px;
	}

	#levels {
		margin-right: 132px;
	}

	#progressBlockWhite > div.progress-bar > div {
		font-size: 14px;
	}

	.p7 > span > .inputShort {
		max-width: 205px;
	}

	.p7 > .inputLong {
		max-width: 440px;
		width: 100%;
	}

	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		max-width: 250px;
		width: 100%;
	}

	.aboutDiv {
		max-width: 400px;
		width: 100%;
	}

	.competition > div.container > div.rightsideP11 > form > input[type="text"] {
		max-width: 250px;
		width: 100%;
		height: 68px;
	}

	.competition > div.container > div.rightsideP11 > form > input[type="submit"] {
		width: 72px;
		height: 72px;
		background-size: 80px;
		-webkit-transform: translate(7px, 30px);
		-ms-transform: translate(7px, 30px);
		transform: translate(7px, 30px);

	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(50px, 11px);
		-ms-transform: translate(50px, 11px);
		transform: translate(50px, 11px);
		width: 33%;
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(250px, 10px);
		-ms-transform: translate(250px, 10px);
		transform: translate(250px, 10px);
		width: 33%;
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(250px, -120px);
		-ms-transform: rotate(270deg) translate(250px, -120px);
		transform: rotate(270deg) translate(250px, -120px);
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(255px, 435px);
		-ms-transform: rotate(270deg) translate(255px, 435px);
		transform: rotate(270deg) translate(255px, 435px);
	}

	#arr1_descr_7 {
		-webkit-transform: translate(65px, -290px) rotate(270deg);
		-ms-transform: translate(65px, -290px) rotate(270deg);
		transform: translate(65px, -290px) rotate(270deg);
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(280px, 510px);
		-ms-transform: rotate(270deg) translate(280px, 510px);
		transform: rotate(270deg) translate(280px, 510px);
	}

	body > div > div.introWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
	}

	.mySlides > .text {
		height: 25vh;
	}

	.logoRightP11 {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}

	.welcomeH1 {
		margin-top: 0px;
		padding: 20px;
	}

	.accordion_trigger {
		font-size: 2.5vw;
	}

	.rightsideP11 {
		padding: 35px 70px;
		height: 700px;
	}

	.accordion_trigger:before {
		margin-top: 8px;
	}

	.leftsideH11 {
		margin-top: 0;
		max-width: 900px;
		width: 100%;
		padding-left: 90px;
		padding-right: 40px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;
	}

	.accordion {
		margin-top: -6%;
		-webkit-transform: translate(10px, 65px);
		-ms-transform: translate(10px, 65px);
		transform: translate(10px, 65px);
	}

	.accordPerson {
		max-width: 100px;
		width: 100%;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > span > img {
		max-width: 100px;
		width: 100%;
		height: 150px;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > img {
		max-width: 100px;
		width: 100%;

	}

	.stuff {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 30px;
	}

	.headerSelect > h1 {
		font-size: 3vw;
		margin-top: 20px;
	}

	.introWrapper > div.leftsideH11 > div.slideshow-container > div:nth-child(3) > div.text > div > div {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}

	.stuff {
		margin-top: 30px;
	}


	.dot {
		height: 35px;
		width: 35px;
	}

	.competition > div.container > div.leftsideH11 {
		margin-top: 9%;
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(140px, 162px);
		-ms-transform: rotate(180deg) translate(140px, 162px);
		transform: rotate(180deg) translate(140px, 162px);
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(105px, -383px);
		-ms-transform: rotate(270deg) translate(105px, -383px);
		transform: rotate(270deg) translate(105px, -383px);
	}

	span.youtube-link {
		transform: scale(1) translate(-78px, 380px);
	}
}

@media screen and (max-width:900px) {
	.horizontalMenu {
		margin-top: -20px;
	}

	#holderWrap {
		display: block;
	}

	#holderWrap > div.rankTable {
		display: inline-block;
	}

	.right {
		padding: 30px 30px 0px 166px;
	}

	.titleP3 > h2 {
		font-size: 30px;
	}

	.titleP3 > h3 {
		font-size: 26px;
	}

	button.log {
		width: 70%;
	}

	.share {
		font-size: 20px;
	}

	.socialIconsBigShare {
		top: -95px;
		padding-right: 0px;
	}

	.logoP3 > img {
		max-width: 250px;
		width: 100%;
		-webkit-transform: translate(-23%, 65%);
		-ms-transform: translate(-23%, 65%);
		transform: translate(-23%, 65%);
	}

	.logoP3 {
		width: 70px;
	}

	.title3 {
		padding: 24px 0px;
	}

	.registration {
		max-width: 200px;
		width: 100%;
	}

	body > div > div.horizontalMenu > div > a {
		font-size: 13px;
	}

	.login {
		max-width: 265px;
		width: 100%;
	}

	.leftsideH11 > ul > li {
		line-height: 1.5;
		font-size: 34px;
	}

	.enterWorld > h2 {
		font-size: 46px;
		margin-top: 30px;
	}

	.enterWorld > p {
		font-size: 16px;
	}

	.tutorial > h2 {
		font-size: 46px;
		margin-top: 30px;
	}

	.tutorial > p {
		font-size: 16px;
	}


	.svg-content {
		top: 54px;
		left: -9px;
	}

	.radioDiagram > #zinsentw > input {
		width: 12px;
		height: 12px;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div > input {
		width: 12px;
		height: 12px;
	}

	.tableFutureInterest {
		-webkit-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}

	.radioDiagram > #zinsentw > label {
		font-size: 10px;
		margin-right: 5px;
	}

	.radioDiagram > #zinsentw#horizon > .wrapperDescription > .radioDiagramAll > div > label {
		font-size: 10px;
		margin-right: 5px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		min-width: 1px;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		min-width: 1px;
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		min-width: 1px;
	}


	.personIcon {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}

	.personIconP > p {
		font-size: 14px;
		padding: 5px 10px 0px 10px;
	}

	.personText {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}

	#ajaxContent > div.personIcon > div.personIconP {
		max-width: 650px;
		width: 100%;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		margin-left: 30px;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		margin-left: 30px;
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		margin-left: 30px;
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		font-size: 22px;
		margin-left: 50px;
	}

	#circleProgress {
		height: 200px;
		max-width: 650px;
		width: 100%;
	}

	#performancechart > svg {
		height: 180px;
	}

	#risikochart > svg {
		height: 180px;
	}

	.diagramm > div.horizon {
		margin-top: -32px;
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		-webkit-transform: translate(77%, -6%);
		-ms-transform: translate(77%, -6%);
		transform: translate(77%, -6%);
	}

	.diagramm > div.horizon {
		max-width: 850px;
		width: 100%;
	}

	#circleProgress > div > h4 {
		font-size: 20px;
	}

	#dashboard-graph > svg {
		max-height: 400px;
		-webkit-transform: translate(157px, -2px);
		-ms-transform: translate(157px, -2px);
		transform: translate(157px, -2px);
	}

	.cd-table {
		max-width: 300px;
		width: 100%;
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		max-width: 400px;
		width: 100%;
		-webkit-transform: translate(60%, -6%);
		-ms-transform: translate(60%, -6%);
		transform: translate(60%, -6%);
	}

	#progressBlockWhite {
		max-width: 475px;
		width: 100%;
	}

	.logoSmall > a > img {
		width: 80px;
		height: 80px;
	}

	body > div.container > div.topPage14 > div > div.p14Logos > div#levels > p > a {
		font-size: 12px;
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 400px;
		width: 100%;
	}

	.progressButton > li {
		margin: 4px;
	}

	#levels {
		width: 50px;
		height: 50px;
		margin-right: 115px;
	}

	.levelsText {
		-webkit-transform: translate(0px, 4px);
		-ms-transform: translate(0px, 4px);
		transform: translate(0px, 4px);
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-left > img {
		width: 40px;
	}

	.topPage14 {
		height: 95px;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-right > img {
		width: 40px;
	}

	.tableLabel {
		font-size: 20px;
	}

	#actions {
		margin-top: 5px;
		height: 200px;
		max-width: 600px;
		width: 100%;
	}

	#dashboard-graph {
		max-height: 350px;
		height: 100%;
		margin-top: -20px;
	}

	#dashboard-graph > svg {
		max-height: 300px;
		-webkit-transform: translate(209px, 8px);
		-ms-transform: translate(209px, 8px);
		transform: translate(209px, 8px);
	}


	.cd-table h2,
	.cd-table ul > li {
		height: 23px;
		line-height: 25px;
		font-size: 13px;
	}

	.levelLink > a {
		font-size: 40px;
	}

	.levelLink {
		width: 150px;
	}

	.tdTextP13 {
		line-height: 1;
	}

	.level {
		padding-right: 20px;
		padding-left: 40px;
	}

	.CurrentRank {
		padding: 10px;
	}

	.cockpit > a {
		padding: 10px 20px 15px 20px;
	}

	.budgetPoints {
		padding: 10px 20px 40px 20px;
	}


	.socialIconsBig .fa {
		line-height: 30px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		font-size: 21px;
	}

	#zinsentw {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
	}

	#horizon > .wrapperDescription > .radioDiagramAll > div {
		max-width: 600px;
		width: 100%;
		margin: 0 auto;
	}

	body > div.container > div.right > div.registration > form > div.buttons > button {
		padding: 10px;
	}

	.dropdown-content a {
		font-size: 16px;
	}

	.dropdown-content a {
		padding: 10px 10px;
	}

	.show {
		margin-left: -75px;
		margin-top: -120px;
	}

	.FinTrainer {
		padding: 20px;
		margin-top: 15%;
		margin-left: -20%;
	}

	.FinTrainer > p {
		font-size: 14px;
	}

	.aboutDiv {
		padding: 20px;
		max-width: 350px;
		width: 100%;
	}

	.aboutDiv > p {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.deviderP7 {
		margin: 0px 10px;
	}

	.period > ul > li {
		padding: 10px 45px;
		font-size: 14px;
	}

	.emoji > a > img {
		width: 50px;
	}

	.leftSideP7 {
		max-width: 500px;
		width: 100%;
	}

	.rateEmoji {
		max-width: 800px;
		width: 100%;
	}

	#globeLevel10 > img {
		max-width: 45px;
		width: 100%;
	}

	element.style {}

	.level10Globe > div {
		-webkit-transform: translate(26px, 30px);
		-ms-transform: translate(26px, 30px);
		transform: translate(26px, 30px);
	}

	.onoffswitch-switch {
		right: 76px !important;
	}


}

@media screen and (max-width:768px) {
	.right > div.login > form > .error {
		font-size: 2vw;
	}
	button.log {
		width: 100%;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {

		max-width: 11vw;
	}

	.swal2-container > .titleGamePopup_scen1Pop_de,
	.swal2-container > .titleGamePopup_scen1Pop_en,
	.swal2-container > .titleGamePopup_scen2Pop_de,
	.swal2-container > .titleGamePopup_scen2Pop_en,
	.swal2-container > .titleGamePopup_scen3Pop_de,
	.swal2-container > .titleGamePopup_scen3Pop_en {
		background-size: contain;
	}

	.personMessageScenarioPop {
		bottom: 36%;
	}

	.personMessageScenarioPop > .message {
		max-width: 150px;
	}

	.personMessageScenarioPop > .character > img {
		margin-left: -11%;
	}


	#person_l1_s2_info_1 {
		-webkit-transform: translate(136px, -285px);
		-ms-transform: translate(136px, -285px);
		transform: translate(136px, -285px);
		margin-top: 55px;
	}

	#arr1_l1_s2_info_3 {
		-webkit-transform: rotate(270deg) translate(364px, 181px);
		-ms-transform: rotate(270deg) translate(364px, 181px);
		transform: rotate(270deg) translate(364px, 181px);
	}

	#arr2_l1_s2_info_3 {
		-webkit-transform: translate(-50px, -140px);
		-ms-transform: translate(-50px, -140px);
		transform: translate(-50px, -140px);
	}

	#arr1_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(440px, -35px);
		-ms-transform: rotate(270deg) translate(440px, -35px);
		transform: rotate(270deg) translate(440px, -35px);
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(100px, 66px);
		-ms-transform: rotate(270deg) translate(100px, 66px);
		transform: rotate(270deg) translate(100px, 66px);
	}

	#arr2_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(440px, -5px);
		-ms-transform: rotate(270deg) translate(440px, -5px);
		transform: rotate(270deg) translate(440px, -5px);
	}

	#arr3_l1_s2_info_2 {
		-webkit-transform: rotate(270deg) translate(440px, 20px);
		-ms-transform: rotate(270deg) translate(440px, 20px);
		transform: rotate(270deg) translate(440px, 20px);
	}

	.scenListBlockNum {
		width: 30px;
	}

	.diagramm {
		max-width: 100%;
	}

	#dashboard-graph {
		max-width: 100%;
	}

	.cockpitProf > .cockpit > a {
		padding: 6px 45px 29px 45px;
	}

	.scenListBlockContent {
		margin-left: 0px;
	}

	.profMode > #gapTable {
		height: 135px !important;
		max-width: 385px;
		margin: -4px 19% !important;
	}

	.profMode > #gapTable > .GapContribution {
		height: 135px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 11px;
		height: 37px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 11px;
	}

	#forecast > span > h3 {
		right: 1px;
		top: -13px;
	}

	.holderGame {
		flex-direction: column;
	}

	.scenListBlockNum {
		font-size: 3.5em;
		padding: 10px 23px;
		left: -7%;
	}

	.scenListBlockScore > span {
		font-size: 5em;
	}

	.scenListBlock {
		width: 100%;
		padding: 10px 170px 10px 40px;
		min-height: 9em;
	}

	.scenListBlockContent > h4 {
		font-size: 2em;
	}

	.scenListBlockContent > p {
		font-size: 1em;
	}

	.scenIntro {
		border-left: none;
		width: 100%;
	}

	.page6 .tabs > .tab {
		font-size: 1em;
	}

	.profTitle {
		-webkit-transform: translate(93px, -39px) !important;
		-ms-transform: translate(93px, -39px) !important;
		transform: translate(93px, -60px) !important;
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child {
		-webkit-transform: translate(62px, 20px) !important;
		-ms-transform: translate(62px, 20px) !important;
		transform: translate(62px, 20px) !important;
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-24px, 8px);
		-ms-transform: translate(-24px, 8px);
		transform: translate(-24px, 8px);
		width: 99px;
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		padding: 22px 2px;
	}

	.scenarioDiv {
		top: 8%;
	}

	.cupLogo > img {
		-webkit-transform: translate(10px, 1px) !important;
		-ms-transform: translate(10px, 1px) !important;
		transform: translate(10px, 1px) !important;
	}

	.compMode {
		-webkit-transform: translate(83px, -50px) !important;
		-ms-transform: translate(83px, -50px) !important;
		transform: translate(83px, -50px) !important;
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		padding: 18px 2px;
	}

	.SimBlock {
		left: 33px;
	}

	span.youtube-link {
		transform: scale(0.8) translate(-150px, 385px);
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child {
		-webkit-transform: translate(65px, 28px) !important;
		-ms-transform: translate(65px, 28px) !important;
		transform: translate(65px, 28px) !important;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr:nth-child(1) > th {
		height: 24px;
		font-size: 12px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 12px;
	}

	.profMode > #gapTable > .GapContribution > tbody > tr > td {
		font-size: 10px;
	}

	.profMode > #gapTable > .GapContribution {
		height: 150px;
	}

	.profMode > #gapTable {
		height: 150px;
		margin: -4px 16.4% !important;
	}

	.profTitle {
		-webkit-transform: translate(83px, -55px) !important;
		-ms-transform: translate(83px, -55px) !important;
		transform: translate(83px, -55px) !important;
	}

	body > div.container > div.contentLoadGame > div > table.tableBody > tbody > tr:nth-child(1) > td:nth-child(1) {
		width: 22%;
	}

	#gapTable > .tableLabel {
		right: -103px;
		top: -38px;
	}

	#circleProgress > .tableLabel {
		right: 7px;
		top: -24px;
	}

	.logoP3 > img {
		max-width: 210px;
		width: 100%;
		-webkit-transform: translate(-19%, 69%);
		-ms-transform: translate(-19%, 69%);
		transform: translate(-19%, 69%);
	}

	titleP3 > h2 {
		font-size: 28px;
	}

	.right {
		padding: 10px 30px 0px 150px;
	}

	.logoP3 {
		width: 60px;
	}

	.titleP3 > h2 {
		font-size: 28px;
	}

	.logo > img {
		max-width: 200px;
		width: 100%;
		padding: 80px 10px;
		margin-left: -100px;
	}


	#rankINtd {
		text-align: right;
	}

	#rankINtd > a > img {
		margin-top: 20px;
	}

	.accordion_trigger {
		min-height: 65px;
	}

	.leftsideH11 > ul > li {
		line-height: 1.5;
		font-size: 20px;
	}

	.tutorial > h2 {
		font-size: 45px;
		margin-top: 30px;
	}

	.enterWorld > h2 {
		font-size: 45px;
		margin-top: 30px;
	}

	.tutorial > p {
		font-size: 18px;
	}

	.enterWorld > p {
		font-size: 18px;
	}

	.logoSmall > a > img {
		width: 80px;
		height: 80px;
	}

	div.container > div.topPage14 > div > div.p14Logos > div#levels > p > a {
		font-size: 16px;
	}

	#levels {
		width: 50px;
		height: 50px;
		margin-right: 120px;
	}

	.levelsText {
		-webkit-transform: translate(0px, 8px);
		-ms-transform: translate(0px, 8px);
		transform: translate(0px, 8px);
	}

	.LangLinks {
		font-size: 16px;
		margin-left: 0px;
	}

	.socialIconsSmall > a:before {
		font-size: 16px;
	}

	.fa {
		width: 15px;
		height: 15px;
	}

	.yellowR > p {
		font-size: 30px;
		padding: 1px 11px;
	}

	.LangSocRtop {
		margin-top: 0px;
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		font-size: 10px;

	}

	.progressButton > li {
		margin: 2px;
	}

	body > div > div.horizontalMenu > div > a {
		font-size: 12px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > p {
		font-size: 12px;
	}

	body > div > div.horizontalMenu > div.budgetPoints > a {
		font-size: 16px;
	}

	.budgetPoints {
		padding: 13px 20px 30px 20px;
	}

	.cockpit > a {
		padding: 3px 40px 10px;
	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		max-width: 139px;
		width: 100%;
	}

	.evaluation {
		-webkit-transform: translate(-6%, 62%);
		-ms-transform: translate(-6%, 62%);
		transform: translate(-6%, 62%);
	}

	.evaluation > a {
		padding: 3px 10px;
	}

	.results > a {
		padding: 3px 10px;
	}

	.description > a {
		padding: 3px 10px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		min-width: 100px;
		margin-left: -10px;
	}

	body > div > div.holder > div > div > div.personIcon > div.YoungManIcon > img {
		min-width: 100px;
		margin-left: -25px;
	}

	#arr1_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(450px, -60px);
		-ms-transform: rotate(270deg) translate(450px, -60px);
		transform: rotate(270deg) translate(450px, -60px);
	}

	#arr1_l3_s9_info_1 {
		-webkit-transform: rotate(270deg) translate(100px, 66px);
		-ms-transform: rotate(270deg) translate(100px, 66px);
		transform: rotate(270deg) translate(100px, 66px);
	}

	#arr2_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(450px, -35px);
		-ms-transform: rotate(270deg) translate(450px, -35px);
		transform: rotate(270deg) translate(450px, -35px);
	}

	#arr3_l3_s9_info_2 {
		-webkit-transform: rotate(270deg) translate(450px, -5px);
		-ms-transform: rotate(270deg) translate(450px, -5px);
		transform: rotate(270deg) translate(450px, -5px);
	}

	#actionlist {
		margin-top: -75px;
	}

	#actionlist > span > p {
		right: -80px;
		top: -43px;
	}

	#actionlist > span > h3 {
		right: -80px;
		top: -46px;
	}

	#person_l3_s9_info_2 {
		-webkit-transform: translate(175px, -265px);
		-ms-transform: translate(175px, -265px);
		transform: translate(175px, -265px);
	}

	body > div > div.holder > div > div > div.personIcon > div.GirlIcon > img {
		min-width: 100px;
		margin-left: 10px;
	}

	#person_l3_s9_info_1 {
		-webkit-transform: translate(150px, 10px);
		-ms-transform: translate(150px, 10px);
		transform: translate(150px, 10px);
	}

	body > div.container > div.holder > div:nth-child(2) > div.personText > div.personIcon > a {
		margin-left: -40px;
	}

	#ajaxContent > div.personIcon > div.personIconP > div {
		font-size: 18px;
		margin-left: 20px;
	}

	.personText {
		min-width: 300px;
		padding: 10px 37px;
	}

	.personIconP > p {
		padding: 5px 5px 0px 5px;
		line-height: 1;
		font-size: 12px;
	}

	.dashboard-graph {
		width: 100%;
		height: 300px;
	}

	.svg-content {
		top: 67px;
		left: -14px;
	}

	.futureInterestRate > tbody > tr:nth-child(1) > th {
		font-size: 14px;
	}

	.futureInterestRate {
		max-width: 320px;
		width: 100%;
	}

	.futureInterestRate > tbody > tr > td:nth-child(2) {
		padding: 0px 10px;
	}

	#forecast > span > h3 {
		font-size: 20px;
		right: 7px;
		top: -24px;

	}

	.tableFutureInterest {
		padding: 0px;
	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 16px;
		padding: 10px 0px;
	}

	.GapContribution > tbody > tr > td:nth-child(1) {
		font-size: 15px;
	}

	.GapContribution > tbody > tr > td {
		font-size: 11px;
	}

	.GapContribution > tbody > tr > td {
		font-size: 14px;
	}

	#dashboard-graph > svg {
		max-height: 450px;
		-webkit-transform: translate(150px, -21px);
		-ms-transform: translate(150px, -21px);
		transform: translate(150px, -21px);
	}

	#risikochart > svg {
		margin-top: 0px;
	}

	#performancechart {
		-webkit-transform: translate(10px, -10px);
		-ms-transform: translate(10px, -10px);
		transform: translate(10px, -10px);
	}

	.accordPerson {
		max-width: 80px;
		width: 100%;
	}

	.diagramm {
		max-width: 768px;
		width: 100%;
		height: 400px;
	}

	#ajaxContent > #circleProgress {
		margin-top: 0px;
	}

	#circleProgress > div.performance {
		-webkit-transform: translate(-81px, 162px);
		-ms-transform: translate(-81px, 162px);
		transform: translate(-81px, 162px);
	}


	#circleProgress > div > h4 {
		font-size: 20px;
	}

	#circleProgress > div.risk {
		-webkit-transform: translate(90px, 161px);
		-ms-transform: translate(90px, 161px);
		transform: translate(90px, 161px);
	}

	#risikochart {
		-webkit-transform: translate(0px, -16px);
		-ms-transform: translate(0px, -16px);
		transform: translate(0px, -16px);
	}

	#dashboard-graph {
		margin-left: 17px !important;
	}


	#actions > div.trianguleSlide > button.w3-button.w3-display-left > img {
		width: 30px;
	}

	#actions > div.trianguleSlide > button.w3-button.w3-display-right > img {
		width: 30px;
	}

	.tableLabel {
		font-size: 16px;
	}

	.cd-table h2,
	.cd-table ul > li {
		height: 16px;
		line-height: 16px;
	}

	#actions {
		margin-top: 20px;
	}

	#progressBlockWhite > div.progress-bar {
		max-width: 283px;
		width: 100%;
	}

	#actions {
		margin-bottom: 55px;
	}


	body > div.container > div.topPage14 > div > div.p14Logos > div#levels > p > a {
		font-size: 14px;
	}

	.topPage14 > #progressBlockWhite {
		max-width: 350px;
		width: 100%;
	}

	#progressBlockWhite > div.buttonLevel > ul > li > a {
		padding: 5px 8px;
	}

	.topPage13 > .progressBlock > div > .progressButton li img {
		width: 22px;
		margin-top: -4px;
		margin-left: 7px;
	}

	#progressBlockWhite > div.progress-bar > div {
		font-size: 14px;
	}

	.rightSideP6 {
		width: 59%;

	}

	body > div > div.rightSideP6 > table > tbody > tr {
		font-size: 16px;
	}

	body > div.container > div.holder > div:nth-child(1) {
		display: block;
	}

	#circleProgress {
		max-width: 650px;
		width: 100%;
	}

	.yellowR {
		margin-top: 0px;
	}

	#modalWiz > #person_l1_s1_info_1 {
		-webkit-transform: translate(157px, -248px);
		-ms-transform: translate(157px, -248px);
		transform: translate(157px, -248px);
		margin-top: 175px;
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.nextButton1_1_info_1.swal2-styled {
		-webkit-transform: translate(4px, -350px);
		-ms-transform: translate(4px, -350px);
		transform: translate(4px, -350px);
		font-size: 18px;
	}

	#modalWiz > div.arrowsDiagram {
		max-width: 280px;
		width: 100%;
		-webkit-transform: translate(-163px, 224px);
		-ms-transform: translate(-163px, 224px);
		transform: translate(-163px, 224px);
	}

	#arr3_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(160px, -170px);
		-ms-transform: rotate(270deg) translate(160px, -170px);
		transform: rotate(270deg) translate(160px, -170px);
	}

	#modalWiz > div.personMessageCircleDiagram > .character {
		max-width: 140px;
		margin-left: 20px;
	}

	#person_l1_s2_finish_1 {
		-webkit-transform: translate(417px, -400px);
		-ms-transform: translate(417px, -400px);
		transform: translate(417px, -400px);
	}

	#person_l1_s6_finish_1 {
		-webkit-transform: translate(124px, -272px);
		-ms-transform: translate(124px, -272px);
		transform: translate(124px, -272px);
	}

	.gapTable_finish_1_m {
		-webkit-transform: translate(0px, 220px);
		-ms-transform: translate(0px, 220px);
		transform: translate(0px, 220px);
	}

	#person_l2_s5_finish_1 {
		-webkit-transform: translate(100px, -200px);
		-ms-transform: translate(100px, -200px);
		transform: translate(100px, -200px);
	}

	#person_l2_s7_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(100px, -220px);
		-ms-transform: translate(100px, -220px);
		transform: translate(100px, -220px);
	}

	#person_l3_s10_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(120px, -220px);
		-ms-transform: translate(120px, -220px);
		transform: translate(120px, -220px);
	}

	#person_l3_s9_finish_1 > div.personMessageCircleDiagramTab {
		-webkit-transform: translate(120px, -240px);
		-ms-transform: translate(120px, -240px);
		transform: translate(120px, -240px);
	}

	#person_l2_s5_info_1 {
		-webkit-transform: translate(150px, -200px);
		-ms-transform: translate(150px, -200px);
		transform: translate(150px, -200px);
	}

	#arr1_l2_s5_info_1 {
		-webkit-transform: rotate(270deg) translate(75px, 100px);
		-ms-transform: rotate(270deg) translate(75px, 100px);
		transform: rotate(270deg) translate(75px, 100px);
	}

	#actions {
		-webkit-transform: translate(10px, 27px);
		-ms-transform: translate(10px, 27px);
		transform: translate(10px, 27px);
		max-width: 450px;
		width: 100%;
		height: 180px;
	}

	.OldManIcon {
		margin-right: 30px;
	}

	.YoungManIcon {
		margin-right: 30px;
	}

	.GirlIcon {
		margin-right: 30px;
	}

	.liNum1 {
		margin: 2px;
	}

	body > div > div.holder > div.dotstyle.dotstyle-smalldotstroke {
		max-width: 350px;
		width: 100%;
	}

	body > div > div.leftsideH11 > ul {
		padding: 0px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		font-size: 20px;
		height: 50px;
	}

	.selectCountry {
		height: 50px;
	}

	.menuLi {
		font-size: 3vw;
	}

	.deviderP7 {
		-webkit-transform: translate(-10px, 10px);
		-ms-transform: translate(-10px, 10px);
		transform: translate(-10px, 10px);
	}

	.aboutDiv > p {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.aboutDiv > h2 {
		font-size: 30px;
	}

	.aboutDiv {
		-webkit-transform: translate(25px, 40px);
		-ms-transform: translate(25px, 40px);
		transform: translate(25px, 40px);
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > td {
		font-size: 8px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > thead > tr > th {
		font-size: 12px;
	}

	#holderWrap > div.rankTable > div.wrapTableEvaluation > table > tbody > tr > th {
		font-size: 12px;
	}

	.period > ul > li {
		padding: 10px 30px;
		font-size: 16px;
	}

	.yourRank {
		max-width: 350px;
		width: 100%;
		font-size: 20px;
	}

	.yourRankCurrent {
		padding: 30px;
	}

	.horizontalMenu {
		margin-top: -30px;
		height: 49px;
	}

	.aboutDiv {
		max-width: 360px;
		width: 100%;
		margin: 0px;
		margin-top: 30px;
	}

	.page6 {
		background: -o-linear-gradient(left, #fff 25%, #fffba0 11%);
		background: -webkit-gradient(linear, left top, right top, color-stop(25%, #fff), color-stop(11%, #fffba0));
		background: linear-gradient(90deg, #fff 25%, #fffba0 11%);
	}

	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		max-width: 250px;
		width: 100%;
		margin: 25px 93px 0px;
	}

	.p7 > span > .inputShort {
		height: 50px !important;
	}

	.p7 > .inputLong {
		height: 50px !important;
		margin-top: 20px;
		margin-left: 0;
		max-width: 400px;
	}

	.p7 > span > input[type=text],
	.p7 > span > input[type=password] {
		max-width: 400px;
		width: 100%;
		margin: 20px 0px;
	}

	.emoji > a > img {
		width: 55px;
	}

	body > div.container > div.leftSideP7 > div.rateEmoji > form > input.InputHello {
		height: 160px;
	}

	.submitInput {
		margin-top: 40px;
		width: 355px;
		height: 50px;
	}

	.CurrentRank {
		top: 46%;
	}

	body > div > div.rightSideP6 > table > tbody > tr > td:nth-child(1) {
		font-size: 2vw;
	}

	.socialIconsBigShare .fa {
		width: 30px;
		height: 30px;
		font-size: 20px;
	}

	#rankingTR {
		font-size: 16px;
	}

	.resetFont {
		font-size: 14px;
	}

	.resetButton {
		margin-left: 10px;
		padding: 0px 20px;
		margin-top: 0px;
	}

	body > div.container > div.topPage13 > div.LangSocRtop > div.langSoc > div.socialIconsSmall {
		min-width: 85px;
	}

	.topPage13 > .logoSmall > a > img {
		width: 100px;
		height: 100px;
		margin-left: 50px;
	}

	.topPage13 {
		padding: 10px;
	}

	body > div.container > div.topPage13 > div.resetButton > a {
		font-size: 12px;
	}

	.topPage13 > #progressBlockWhite {
		max-width: 300px;
		width: 100%;
		margin-right: 0px;
	}

	.levelLink > a {
		font-size: 28px;
	}

	.tdTextP13 {
		font-size: 14px;
	}

	#gapTable {
		height: 195px;
		margin-bottom: 15px;

	}

	.trianguleSlide {
		margin-top: 9%;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > th {
		font-size: 12px;
	}

	body > div > div.holder > div > div > div.personIcon > div.OldManIcon > img {
		margin-top: 0px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr > td {
		font-size: 9px;
	}

	div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr > th {
		font-size: 10px;
	}

	#ajaxContent > div.personIcon > a > img {
		width: 20px;
	}

	.topPage14 > div > div > .progressButton li img {
		width: 23px;
		margin-top: -4px;
		margin-left: 6px;
	}

	.listResult > ul {
		font-size: 10px;
	}

	.numResult > ul {
		font-size: 18px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(6) {
		font-size: 8px;
	}

	div.resultDetailed > div > div.resultColumn2 > div:nth-child(3) > table > tbody > tr.row-summe > th {
		font-size: 17px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe > td {
		font-size: 13px;
	}

	.headerColumn2 {
		font-size: 11px;
	}

	.headerColumn3 {
		font-size: 11px;
		padding: 5px 50px;
	}

	#holderWrap > div.resultDetailed > div {
		display: block;
	}

	.resultColumn2 {
		margin-left: 0px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh1 {
		width: 200px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div.headerColumn2 {
		max-width: 425px;
		width: 100%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(3) {
		width: 85px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(4) {
		width: 80px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(5) {
		width: 95px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(3) > table > tbody > tr > td {
		padding: 2px;
		width: 17%;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn3 > div:nth-child(2) > table > tbody > tr > th {
		height: 35px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe {
		line-height: 20px;
	}

	div.resultDetailed > div > div > div:nth-child(3) > table > tbody > tr.row-summe {
		line-height: 20px;
	}

	div.resultDetailed > div > div > div:nth-child(2) > table > tbody > tr > th {
		height: 40px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh2 {
		width: 150px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th.emptyTh1 {
		width: 0px;
	}

	#holderWrap > div.resultDetailed > div > div.resultColumn2 > div:nth-child(2) > table > tbody > tr > th:nth-child(7) {
		width: 200px;
	}

	.buttonNext {
		font-size: 18px;
		padding: 5px 70px;
		margin-top: 0px;
	}

	#arr1_l1_s1_info_1 {
		-webkit-transform: translate(-116px, -235px);
		-ms-transform: translate(-116px, -235px);
		transform: translate(-116px, -235px);
	}

	#arr2_l1_s1_info_1 {
		-webkit-transform: translate(-75px, -330px) rotate(90deg);
		-ms-transform: translate(-75px, -330px) rotate(90deg);
		transform: translate(-75px, -330px) rotate(90deg);
	}

	#person_l1_s1_info_2 {
		-webkit-transform: translate(136px, -138px);
		-ms-transform: translate(136px, -138px);
		transform: translate(136px, -138px);
		margin-top: -195px;
	}

	#arr3_l1_s1_info_1 {
		-webkit-transform: rotate(180deg)translate(35px, 200px);
		-ms-transform: rotate(180deg)translate(35px, 200px);
		transform: rotate(180deg)translate(35px, 200px);
	}

	#arr1_l1_s1_info_2 {
		-webkit-transform: rotate(180deg) translate(170px, 68px);
		-ms-transform: rotate(180deg) translate(170px, 68px);
		transform: rotate(180deg) translate(170px, 68px);
	}

	#arr2_l1_s1_info_2 {
		-webkit-transform: translate(-89px, -104px) rotate(417deg);
		-ms-transform: translate(-89px, -104px) rotate(417deg);
		transform: translate(-89px, -104px) rotate(417deg);
	}

	#arr3_l1_s1_info_2 {
		-webkit-transform: rotate(200deg) translate(353px, 72px);
		-ms-transform: rotate(200deg) translate(353px, 72px);
		transform: rotate(200deg) translate(353px, 72px);
	}

	#modalWiz > #person_l1_s1_info_3 {
		-webkit-transform: translate(160px, -191px);
		-ms-transform: translate(160px, -191px);
		transform: translate(160px, -191px);
		margin-top: 100px;
	}

	input[type="text"]::-moz-placeholder {
		font-size: 12px;
	}

	input[type="text"]::-webkit-input-placeholder {
		font-size: 12px;
	}

	input[type="text"]:-ms-input-placeholder {
		font-size: 12px;
	}

	input[type="text"]::-ms-input-placeholder {
		font-size: 12px;
	}

	input[type="text"]::placeholder {
		font-size: 12px;
	}

	input[type="password"]::-moz-placeholder {
		font-size: 12px;
	}

	input[type="password"]::-webkit-input-placeholder {
		font-size: 12px;
	}

	input[type="password"]:-ms-input-placeholder {
		font-size: 12px;
	}

	input[type="password"]::-ms-input-placeholder {
		font-size: 12px;
	}

	input[type="password"]::placeholder {
		font-size: 12px;
	}

	input[type="email"]::-moz-placeholder {
		font-size: 12px;
	}

	input[type="email"]::-webkit-input-placeholder {
		font-size: 12px;
	}

	input[type="email"]:-ms-input-placeholder {
		font-size: 12px;
	}

	input[type="email"]::-ms-input-placeholder {
		font-size: 12px;
	}

	input[type="email"]::placeholder {
		font-size: 12px;
	}

	.p7 > span > .inputShort {
		max-width: 175px;
		margin-top: 15%;
	}

	.p7 > .inputLong {
		max-width: 400px;
		width: 100%;
	}

	body > div.container > div.leftSideP3 > form > span:nth-child(3) > input {
		max-width: 200px;
		width: 100%;
		margin: 0px 105px 0px;
	}

	.aboutDiv {
		max-width: 300px;
		width: 100%;
	}

	.rateEmoji > h2 {
		margin-top: 30%;
	}

	.FinTrainer {
		margin-top: 30%;
		max-width: 350px;
		width: 100%;
	}

	.show {
		margin-left: -110px;
		margin-top: -85px;
	}

	#arr2_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(40px, 220px);
		-ms-transform: rotate(180deg) translate(40px, 220px);
		transform: rotate(180deg) translate(40px, 220px);
	}

	#arr1_l1_s1_info_3 {
		-webkit-transform: rotate(180deg) translate(170px, 265px);
		-ms-transform: rotate(180deg) translate(170px, 265px);
		transform: rotate(180deg) translate(170px, 265px);
	}

	#person_l1_s1_info_4 {
		-webkit-transform: translate(135px, -305px);
		-ms-transform: translate(135px, -305px);
		transform: translate(135px, -305px);
	}

	#arr1_l1_s1_info_5 {
		-webkit-transform: rotate(180deg) translate(-58px, 217px);
		-ms-transform: rotate(180deg) translate(-58px, 217px);
		transform: rotate(180deg) translate(-58px, 217px);
	}

	#person_l1_s1_finish_1 {
		-webkit-transform: translate(115px, -600px);
		-ms-transform: translate(115px, -600px);
		transform: translate(115px, -600px);
	}

	#arr2_l1_s1_info_5 {
		-webkit-transform: rotate(270deg) translate(469px, 29px);
		-ms-transform: rotate(270deg) translate(469px, 29px);
		transform: rotate(270deg) translate(469px, 29px);
	}

	.circleProgress_finish_1_m {
		-webkit-transform: translate(-9px, 206px);
		-ms-transform: translate(-9px, 206px);
		transform: translate(-9px, 206px);
	}

	#person_l1_s2_info_1 {
		-webkit-transform: translate(500px, -70px);
		-ms-transform: translate(500px, -70px);
		transform: translate(500px, -70px);
		margin-top: 200px;
	}

	#arr1_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(85px, 92px);
		-ms-transform: rotate(270deg) translate(85px, 92px);
		transform: rotate(270deg) translate(85px, 92px);
	}

	#arr2_l1_s2_info_1 {
		-webkit-transform: rotate(180deg) translate(41px, 185px);
		-ms-transform: rotate(180deg) translate(41px, 185px);
		transform: rotate(180deg) translate(41px, 185px);
	}

	#arr3_l1_s2_info_1 {
		-webkit-transform: rotate(270deg) translate(435px, -78px);
		-ms-transform: rotate(270deg) translate(435px, -78px);
		transform: rotate(270deg) translate(435px, -78px);
	}

	#person_l1_s1_finish_1 {
		-webkit-transform: translate(115px, -280px);
		-ms-transform: translate(115px, -280px);
		transform: translate(115px, -280px);
	}

	.feedBackMes {
		max-height: 300px;
		height: 100%;
		max-width: 500px;
		width: 100%;
		-webkit-transform: translate(-100px, 155px);
		-ms-transform: translate(-100px, 155px);
		transform: translate(-100px, 155px);
	}

	#shareP40 {
		padding: 40px;
	}

	.Level > h1 {
		padding: 80px;
	}

	.proceed {
		padding: 82px;
	}

	body > .yellow_finish_modal > div > div.swal2-actions {
		padding: 122px 0px;
	}

	.feedBackMes > div:first-child {
		max-height: 300px;
		height: 100%;
	}

	.feedBackMes > div > a > img {
		max-width: 100px;
		width: 100%;
	}

	.feedBackMes > div > a:first-child > img {
		-webkit-transform: translate(-54px, 107px);
		-ms-transform: translate(-54px, 107px);
		transform: translate(-54px, 107px);
	}

	.feedBackMes > div > a:nth-child(2) > img {
		-webkit-transform: translate(7px, 104px);
		-ms-transform: translate(7px, 104px);
		transform: translate(7px, 104px);
	}

	.feedBackMes > div > a:nth-child(3) > img {
		-webkit-transform: translate(59px, 104px);
		-ms-transform: translate(59px, 104px);
		transform: translate(59px, 104px);
	}

	.page3 > .container > .right > div > form > div > input[type="text"],
	input[type="password"],
	input[type="email"] {
		height: 30px;
	}

	.login {
		max-width: 210px;
		width: 100%;
	}

	body > div.container > div.right > div.login > .switch {
		width: 208px;
	}

	.switch-label {
		font-size: 19px;
		width: 96px;
	}

	.switch-selection {
		max-width: 102px;
		width: 100%;
	}

	.btn-si {
		font-size: 0.3em;
	}

	#socialIconsSmallP11 > a.googleIcon > img {
		width: 30px;
		height: 30px;

	}

	#inPage11 {
		width: 30px;
		height: 30px;
	}

	#loginForm > div.buttons > button {
		width: 100%;
	}

	.competition > div.container > div.rightsideP11 > form > input[type="text"] {
		max-width: 180px;
		width: 100%;
	}

	.level10Globe {
		right: -41%;
	}

	.formCompetition > input[type="submit"] {
		margin-left: 110px;
	}

	body > div.container > div.topPage14 > div.level10Globe > div {
		width: 100%;
	}

	.SaveLoadDiv {
		padding: 2px 10px 2px 20px;
	}

	.hRightCompetition {
		margin-top: 5%;
	}

	.leftsideH11 > p {
		font-size: 1.6vw;
	}

	.level10Globe > div {
		-webkit-transform: translate(11px, 20px);
		-ms-transform: translate(11px, 20px);
		transform: translate(11px, 20px);
	}

	.wrapperDescription.perfchart {
		-webkit-transform: translate(180px, 11px);
		-ms-transform: translate(180px, 11px);
		transform: translate(180px, 11px);
		width: 20%;
	}

	.wrapperDescription.riskchart {
		-webkit-transform: translate(360px, 10px);
		-ms-transform: translate(360px, 10px);
		transform: translate(360px, 10px);
		width: 21%;
	}

	.diagramm > div.horizon {
		margin-top: -15px;
	}

	.resultColumn3 {
		max-width: 650px;
		width: 100%;
		margin: 0 auto;
	}

	#modalWiz > #descr_ch_6 > .message {
		max-width: 300px;
		min-height: 120px;
	}

	#modalWiz > #descr_ch_6 > .character {
		max-width: 120px;
	}

	#descr_ch_6 {
		-webkit-transform: translate(185px, -288px);
		-ms-transform: translate(185px, -288px);
		transform: translate(185px, -288px);
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(-20px, 205px);
		-ms-transform: translate(-20px, 205px);
		transform: translate(-20px, 205px);
	}

	.buttonResetHolder {
		right: 2%;
		top: -11px;
	}

	#reset {
		padding: 2px 10px;

	}

	.GapContribution > tbody > tr:nth-child(1) > th {
		font-size: 15px;
		padding: 5px 0px;
	}

	#dashboard-graph {
		height: 100%;
		margin-top: -25px;
	}

	.diagramm > div.horizon {
		margin-top: -30px;
		margin-bottom: 10px;
	}

	.dontWorry {
		padding: 10px 70px;
		-webkit-transform: translate(-85px, 10px);
		-ms-transform: translate(-85px, 10px);
		transform: translate(-85px, 10px);
	}

	body > div.swal2-container.swal2-center.swal2-backdrop-show > div > div.swal2-actions > button.swal2-confirm.confirm-button-class.buttonClosedTab.swal2-styled {
		-webkit-transform: translate(255px, -80px);
		-ms-transform: translate(255px, -80px);
		transform: translate(255px, -80px);
	}

	#descr_ch_6 {
		-webkit-transform: translate(195px, -305px);
		-ms-transform: translate(195px, -305px);
		transform: translate(195px, -305px);
	}

	.gapTable_description_6_m {
		-webkit-transform: translate(0px, 240px);
		-ms-transform: translate(0px, 240px);
		transform: translate(0px, 240px);
	}

	#modalWiz > #descr_ch_6 > .message {
		min-height: 120px !important;
	}

	.circleProgress_description_6_m {
		-webkit-transform: translate(0px, 160px);
		-ms-transform: translate(0px, 160px);
		transform: translate(0px, 160px);
	}

	#arr1_descr_6 {
		-webkit-transform: rotate(270deg) translate(485px, 177px);
		-ms-transform: rotate(270deg) translate(485px, 177px);
		transform: rotate(270deg) translate(485px, 177px);
	}

	#arr2_descr_6 {
		-webkit-transform: rotate(270deg) translate(225px, 193px);
		-ms-transform: rotate(270deg) translate(225px, 193px);
		transform: rotate(270deg) translate(225px, 193px);
	}

	#modalWiz > #descr_ch_7 > .character {
		max-width: 130px;
	}

	#modalWiz > #descr_ch_7 > .message {
		max-width: 400px;
		min-height: 100px;
	}

	#descr_ch_7 {
		-webkit-transform: translate(115px, -325px);
		-ms-transform: translate(115px, -325px);
		transform: translate(115px, -325px);
	}

	.circleProgress_description_7_m {
		-webkit-transform: translate(-20px, 115px);
		-ms-transform: translate(-20px, 115px);
		transform: translate(-20px, 115px);
	}

	#arr1_descr_7 {
		-webkit-transform: translate(325px, -520px) rotate(270deg);
		-ms-transform: translate(325px, -520px) rotate(270deg);
		transform: translate(325px, -520px) rotate(270deg);
	}

	#arr2_descr_7 {
		-webkit-transform: rotate(270deg) translate(210px, 255px);
		-ms-transform: rotate(270deg) translate(210px, 255px);
		transform: rotate(270deg) translate(210px, 255px);
	}

	.topHorizon > .wrapperDescription > form {
		margin-top: 15px;
	}

	#descr_ch_10 {
		-webkit-transform: translate(168px, -170px);
		-ms-transform: translate(168px, -170px);
		transform: translate(168px, -170px);
	}

	.gapTable_description_7_m {
		-webkit-transform: translate(-10px, 230px);
		-ms-transform: translate(-10px, 230px);
		transform: translate(-10px, 230px);
	}

	#arr1_descr_10 {
		-webkit-transform: rotate(90deg) translate(-200px, 0px);
		-ms-transform: rotate(90deg) translate(-200px, 0px);
		transform: rotate(90deg) translate(-200px, 0px);
	}

	#arr2_descr_10 {
		-webkit-transform: rotate(90deg) translate(-200px, -45px);
		-ms-transform: rotate(90deg) translate(-200px, -45px);
		transform: rotate(90deg) translate(-200px, -45px);
	}

	#arr3_descr_10 {
		-webkit-transform: rotate(90deg) translate(-200px, -95px);
		-ms-transform: rotate(90deg) translate(-200px, -95px);
		transform: rotate(90deg) translate(-200px, -95px);
	}


	#arr4_descr_10 {
		-webkit-transform: rotate(90deg) translate(-200px, -150px);
		-ms-transform: rotate(90deg) translate(-200px, -150px);
		transform: rotate(90deg) translate(-200px, -150px);
	}

	#zinsentw {
		max-width: 500px;
		width: 100%;
		margin: 0 auto;
	}

	#descr_ch_2 {
		-webkit-transform: translate(150px, -200px);
		-ms-transform: translate(150px, -200px);
		transform: translate(150px, -200px);
	}

	#arr1_descr_2 {
		-webkit-transform: rotate(180deg) translate(0px, 145px);
		-ms-transform: rotate(180deg) translate(0px, 145px);
		transform: rotate(180deg) translate(0px, 145px);
	}

	#arr1_descr_14 {
		-webkit-transform: rotate(90deg)translate(-710px, -210px);
		-ms-transform: rotate(90deg)translate(-710px, -210px);
		transform: rotate(90deg)translate(-710px, -210px);
	}

	#arr1_descr_15 {
		-webkit-transform: rotate(90deg)translate(-700px, -330px);
		-ms-transform: rotate(90deg)translate(-700px, -330px);
		transform: rotate(90deg)translate(-700px, -330px);
	}

	#arr1_descr_9 {
		-webkit-transform: rotate(90deg) translate(-725px, -205px);
		-ms-transform: rotate(90deg) translate(-725px, -205px);
		transform: rotate(90deg) translate(-725px, -205px);
	}

	#descr_ch_11 {
		-webkit-transform: translate(145px, -105px);
		-ms-transform: translate(145px, -105px);
		transform: translate(145px, -105px);
	}

	#arr1_descr_11 {
		-webkit-transform: rotate(270deg) translate(55px, 290px);
		-ms-transform: rotate(270deg) translate(55px, 290px);
		transform: rotate(270deg) translate(55px, 290px);
	}

	.dotstyle_description_11_m > .wrapperDescription {
		-webkit-transform: translate(10px, -33px);
		-ms-transform: translate(10px, -33px);
		transform: translate(10px, -33px);
	}

	#descr_ch_3 {
		-webkit-transform: translate(150px, -176px);
		-ms-transform: translate(150px, -176px);
		transform: translate(150px, -176px);
	}

	#arr1_descr_3 {
		-webkit-transform: translate(100px, -88px);
		-ms-transform: translate(100px, -88px);
		transform: translate(100px, -88px);
	}

	#arr2_descr_3 {
		-webkit-transform: rotate(90deg) translate(-163px, -135px);
		-ms-transform: rotate(90deg) translate(-163px, -135px);
		transform: rotate(90deg) translate(--163px, -135px);
	}

	#arr3_descr_3 {
		-webkit-transform: rotate(180deg) translate(-165px, 20px);
		-ms-transform: rotate(180deg) translate(-165px, 20px);
		transform: rotate(180deg) translate(-165px, 20px);
	}

	#gapTable {
		max-width: 441px;
		width: 100%;
	}

	.mySlides > .text {
		height: 18vh;
	}

	#swal2-content > div > div.containerFeed > div.topFeedBack {
		padding: 80px 25px !important;
	}

	body > .custom_backdrop > div {
		width: 63% !important;
	}

	#swal2-content > div > div.feedContent > h6 {
		margin-bottom: 15px;
		font-size: 3vw;
		margin-top: 45px;
	}

	#swal2-content > div > div.feedContent > div > form {
		font-size: 2vw;
	}

	.quiz_inp {
		margin-top: 0px;
		margin-left: 0px;
	}

	#swal2-content > div > div.feedContent {
		margin-bottom: 190px;
	}

	body > div.container > div.leftSideP7 > form > span > select {
		margin-left: 20px;
		width: 100%;
		margin-top: 7%;
		height: 54px !important;
	}

	.onoffswitch {
		width: 127px !important;
	}

	.onoffswitch-switch {
		width: 40px !important;
		right: 70px !important;
	}

	.onoffswitch-inner:after {
		width: 60% !important;
		padding-right: 20px;
	}

	.switch-input:checked + .switch-label-off ~ .switch-selection {
		left: 99px;
	}

	.profile > div.container > div.leftSideP7 > form > .wrapInput > select {
		height: 54px !important;
	}

	.competition > .container {
		display: -ms-inline-grid;
		display: inline-grid;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;

	}

	body > div.container > div.leftsideH11 {
		max-width: 90% !important;
		width: 100% !important;

	}

	body > div.container > div.rightsideP11 {
		width: 100%;
		max-width: 100%;
		margin-top: 0%;
		padding: 40px 120px;
	}

	.fullscr {
		zoom: 1.1;
		-webkit-transform: translate(-38px, -400px);
		-ms-transform: translate(-38px, -400px);
		transform: translate(-38px, -400px);
	}

	.formCompetition {
		max-width: 400px;
		width: 100%;
	}

	.contentChangePass {
		max-width: 500px;
		width: 100%;
		left: 15%;
		top: 10%;
	}

	.contentChangePass > button {
		-webkit-transform: translate(65px, 40px);
		-ms-transform: translate(65px, 40px);
		transform: translate(65px, 40px);
	}

	#res_pic {
		max-width: 93px;
		width: 100%;

	}

	.inputFile {
		left: 25px;
		max-width: 105px;
		width: 100%;
		top: 34%;
	}

	.messageInfo {
		height: auto;
	}

	.deviderP11 {
		display: none;
	}

	.numberProgress {
		padding-left: 5px;

	}

	#logoutMenu {
		bottom: 35px;
	}

	#dashboard-graph {
		margin-top: 40px;
		max-width: 610px;
		width: 100%;
		margin: 0 auto;
	}

	.newLogoRealWorld > .containerTextLogo > .SaveLoadDiv {
		-webkit-transform: translate(-23px, 10px) !important;
		-ms-transform: translate(-23px, 10px) !important;
		transform: translate(-23px, 10px) !important;
		font-size: 1.5vw;
		padding-bottom: 3px;
		width: 95px;
	}

	.logoText > #globeLevel10 > img {
		max-width: 30px;
		width: 100%;
	}

	.rightsideP11 {
		height: 600px;
	}

	.accordion {
		max-width: 600px;
		width: 100%;
	}

	.leftsideH11 {
		max-width: 600px;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}

	.slideshow-container {
		margin-top: 0px;
		min-height: 400px;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > span > img {
		max-width: 80px;
		width: 100%;
		height: 80px;
	}

	div.text > div.stuff > div > h6 {
		height: fit-content;
	}

	.introWrapper > div.leftsideH11 > div.slideshow-container > div:nth-child(3) > div.text > div > div {
		height: fit-content;
		display: flex;
		margin-bottom: 65px;
	}

	.mySlides {
		margin-left: 10px;
	}

	.stuff {
		margin: 0;
		height: 200px;
		margin-top: 0px;
		flex-flow: wrap;
		justify-content: space-around;
	}

	.leftsideH11 > div.slideshow-container > div > div.text > div.stuff > div > a > .backImageIntro {
		max-width: 80px;
		width: 100%;
		max-height: 80px;
		height: 100%;
		min-height: 80px;
	}

	.stuffYoungWoman {
		margin-top: 0px;
	}

	body > div.container > div.introWrapper > div.leftsideH11 > div.slideshow-container > div:nth-child(3) > div.text > div > div.stuffYoungWoman > span > img {
		max-width: 150px;
		width: 100%;
	}

	body > div.container > div.introWrapper > div.leftsideH11 > div.slideshow-container > div:nth-child(3) > div.text > div > div.mySelf > a > div > img {
		max-width: 140px;
		width: 100%;
	}

	body > div.container > div.introWrapper > div.leftsideH11 > div.slideshow-container > div:nth-child(3) > div.text > div > div.mySelf > a > div {
		max-width: 150px;
		width: 100%
	}

	.newLogoRealWorld > .containerTextLogo > .logoText > span {
		font-size: 1.5vw;
	}

	.logoText {
		padding: 2px 65px 2px 12px;
		-webkit-transform: translate(57px, 117px);
		-ms-transform: translate(57px, 17px);
		transform: translate(57px, 17px);
	}

	body > div > div.introWrapper > div.leftsideH11 > div:nth-child(3) {
		left: 36%;
	}

	.ajax:before {
		top: 32%;
		left: 32%;
		width: 300px;
		height: 300px;
	}

	.progressButton li img {
		width: 23px;
		margin-top: -4px;
		margin-left: 6px;
	}

	.feedBackMes > .backMesText {
		-webkit-transform: translate(0px, -240px);
		-ms-transform: translate(0px, -240px);
		transform: translate(0px, -240px);
		font-size: 25px;
	}

	#swal2-content > div > #modalWiz > .level7 > .feedBackMes > button {
		top: 25px;
		right: 25px;
		width: 30px;
		height: 30px;
	}

	.certUser {
		max-width: 350px;
		width: 100%;
	}

	.certWrapper > center > h2 {
		font-size: 1.5vw;
	}

	.certUl {
		max-width: 400px;
		width: 100%;
	}

	#ajaxContent > div.personIcon > .char7level > img {
		margin-top: 40px;
	}

	.newLogoRealWorld > .containerTextLogo > .logoText:first-child > span {
		margin-left: -10px;
	}

}

@media screen and (max-width:766px) {
	button.log {
		height: auto;
		font-size: 1.5rem;
		line-height: 34px;
	}

	.btn {
		font-size: 1.5rem
	}

	.btn-si {
		font-size: 1rem;
	}

	center > div > .logo {
		max-width: 80px;
		width: 100%;
		max-height: 80px;
		height: 100%;
	}

	.certUser {
		max-width: 300px;
		width: 100%;
	}

	.certUser {
		max-width: 200px;
		width: 100%;
	}

	.bkgr {
		max-width: 500px;
		width: 100%;
	}

	.certWrapper > center > h2 {
		font-size: 1.1vw;
	}

	.certWrapper > center > h1 {
		font-size: 1.7vw;
	}

	.certDividerBig {
		height: 10px !important;
	}

	.certDividerMiddle {
		height: 10px !important;
	}

	.certUl {
		max-width: 200px;
		width: 100%;
		margin-top: -10px;
		margin-left: 2%;
	}

	.certDividerSmall {
		height: 5px !important;
	}

	.certTbl {
		max-width: 300px;
		width: 100%;
	}

	.certTbl > table {
		line-height: 1;
	}

	.certTbl > table > tbody > tr > td > img {
		max-width: 80px;
		width: 100%;
	}

}

@media screen and (max-width:425px) {
	.right > div.login > form > .error{
		font-size: 3vw;
	}
	.login {
    max-width: 100%!important;
	}
	.certTbl {
		max-width: 250px;
		width: 100%;
	}

	.certTbl > table > tbody > tr > td > img {
		max-width: 60px;
		width: 100%;
	}
}

@media screen and (max-width:375px) {

	.certTbl {
		max-width: 200px;
		width: 100%;
	}

	.certUl {
		max-width: 150px;
		width: 100%;
		margin-top: -10px;
	}

	.certUser {
		max-width: 100px;
		width: 100%;
	}

	center > div > .logo {
		max-width: 60px;
		width: 100%;
		max-height: 60px;
		height: 100%;
	}

}

@media screen and (max-width:360px) {
	.right {
		padding: 0px 0px;
	}
}