@meta charset "UTF8";

/* asap-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/asap-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/asap-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


* {

margin: 0;
padding: 0;
-mozbox-sizing: border-box;    
-webkit-box-sizing: border-box; 
-web-kit-scrollbar: none;   
box-sizing: border-box; 

}

html { 

font-size: 100%;
position: relative;
min-height: 100%; 

}

img, video { 

max-width: 100%;

}

li.avatarPic { 

float: left !important;


}

li.avatarPic img, #avatarPic { 

width: 60px;
height: 60px;
border-radius: 60px;

}

body { 

width: 100%;
line-height: 25px;
font-family: "Asap", sans-serif;
background: #3f3f3f;

}

#wrapper0 { 

max-width: 1200px;
margin: 120px auto;
overflow: hidden;
background: none;

}

#wrapper0 #finalMeta {
 
margin-bottom: 65px;
background: none;

}

#finalMeta ul { 

width: auto;
float: right;

}

#finalMeta li { 

list-style: none;

}

#wrapper0 #finalMeta ul a { 

width: auto;
color: #fff;
font-size: 17px;
font-size: 1.063rem;

}

#wrapper0 h1 { 

background: none !important;

}

#wrapper0 .spltr3:nth-child(odd) i {

margin: 10px 0;

}

#wrapper { 

max-width: 1200px;
margin: 205px auto;
padding: 20px 4%;
overflow: hidden;

}

header.description { 

width: 100%;
overflow: hidden;
padding: 120px 0 0;
background: #303030;

}

header.faq { 

max-width: 1200px;
margin: 0 auto;
background: none;

}

header.faq .spltr1 { 

max-width: 1200px;
float: none;
margin: 0 auto;

}

header.faq .spltr1 h1, header.faq .spltr1 h2 { 

margin-left: 0;

}

header.faq .spltr1 h2 { 

margin-top: -35px;
color: #3b60ff;

}

article.faq { 

margin-top: -120px;

}

article.faq .spltr2 { 

margin-bottom: 0;

}

article.faq strong { 

color: #f79621;

}

header.description .spltr4 img#fontIcons { 

width: 29px;
float: left;
margin-bottom: 10px;
margin-left: 40%;

}

header.description article.index0 { 

max-width: 1200px;
margin: 0 auto !important;
float: none;
position: relative;
background: none !important;

}

header.description article.index0 .spltr2:nth-child(even) { 

padding-top: 45px;

}

header.description article.index0 .spltr1 .spltr4 { 

width: 16%;
margin: 0 4%;

}

header.description article.index0 .spltr4 { 

width: 16%;
padding: 20px;
border-radius: 7px;
box-shadow: 0 0 8px #fff !important;

}

article#promo p { 

margin: 25px 0;

}

article#promo blockquote { 

box-shadow: 0 0 12px #f79621;
background: none;

}

article#promo h6 { 

color: #cfd5fd; 

}

article#promo blockquote ul { 

margin: 45px;

}

article#promo ul li { 

margin-bottom: 20px;
color: #c3c3c3;

}

article#promo li em { 

color: #3b60ff;
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
font-style: normal;

}

article.index0 .spltr4 p, article.index0_Mobile p { 

text-align: center;
font-size: 18px !important;
font-size: 1.125rem !important;

}

article.index0 .spltr4 i, article.index0_Mobile .spltr4 i { 

width: 100%;
text-align: center;
font-size: 27px;
font-size: 1.688rem;
margin-bottom: 20px; 

}

article.index0 p { 

font-size: 21px;
font-size: 1.313rem;
line-height: 29px;

}

article.index0_Mobile { 

display: none;

}

article.index0_Mobile .spltr4 { 

padding: 20px;
border-radius: 8px;
box-shadow: 0 0 8px #fff;

}

header.description #meta { 

max-width: 1200px;
margin: 0 auto;
background: none;

}

header.description #meta form { 

float: right;
padding: 10px;

}

header.description #meta form label { 

width: 100%;
float: left;
margin-bottom: 10px;

}

header.description #meta form select { 

padding: 5px 1%;
border: none;
background: #c2c2c2;

}

header.description #meta form button[type="submit"] { 

float: right;
background: #c2c2c2;

}

header.description #meta form .language button[type="submit"] { 

padding: 5px 2%;
background: #c2c2c2;

}

header.description #wrapper0 { 

margin: 0 auto;

}

header.description article.index0_Mobile .spltr2 p { 

margin-bottom: 30px;
text-align: left;

}

header.description .spltr1 { 

padding-left: 1%;

}

header.description article.index0 h1,  article.index0_Mobile h1 { 

font-size: 32px;
font-size: 2rem;
color: #f79621;

}

header.description article.index0 h2,  article.index0_Mobile h2 { 

margin-top: -40px;
color: #3b60ff !important;

}

header.description ul { 

width: auto;
margin: 0 4%;

}

header.description li a { 

float: left;
padding: 10px 35px;
color: #fff;
border: 1.4px solid #3b60ff;
background: #f79621 !important;

}

header.description li a:hover { 

color: #3b60ff;
font-weight: 4;
background: #cfd5fd !important;

}

header.info { 

width: 100%;
padding: 0 4%;
margin: 0;
background: #2c2c2c;

}

header.info #wrapper { 

margin-bottom: 0;

}

header.info .spltr3:nth-child(even) { 

margin-top: 112px;

}

header.info ul li { 

color: #fff;
list-style: none;

}

header.info li:first-child { 

list-style-image: none;

}

header.info .spltr3:last-child { 

margin-top: 110px;

}

header { 

width: 100%;
padding: 20px 2%;
background: #3b60ff;

}

/*Desktop*/

ul#languageSelect li i { 

float: right;
position: absolute;

}

/*Mobile*/
header ul#languageSelect { 

display: none;
margin-top: 10px;
margin-left: 240px;

}

header ul#language { 

min-width: 50px;
float: left;
margin-top: 10px;
padding: 10px;

}

header ul#language li:first-child { 

margin-top: 10px;

}

header ul#languageSelect li { 

list-style: none;

}

header ul#languageSelect li img { 

min-width: 25px !important;
padding-left: 0px;

}

#logo { 

width: 180px;
float: left;

}

#mobile-btn {

display: none;
padding: 20px 0;
text-align: right;
color: #fff;

}

#mobile-btn img#navIcons { 

float: right;

}

#mobile-btn i.fa-rectangle-list { 

font-size: 28px;
font-size: 1.75rem;

}

nav { 

max-width: 1200px;
margin: 0 auto;

}

nav ul { 

padding: 10px 2%;
text-align: right;

}

nav li { 

display: inline;
margin: 0 30px;
font-size: 23px;
font-size: 1.438rem;
font-family: 'Asap', sans-serif;

}

nav ul li.mobile, nav ul hr { 

display: none;

}

nav ul#languageSelect { 

display: block !important;
width: 75px;
float: left;
margin-left: 60px;
padding: 0;
background: none;

}

nav ul#language { 

margin-top: -10px;

}

nav ul#language li { 

float: left;
margin: 0;

}

nav ul#languageSelect li, header ul#languageSelect li { 

padding: 10px;
margin-bottom: 10px;
position: relative;

}

ul#language { 

display: none;
left: 0;
top: 30px;
position: absolute;
background: none;

}

ul#language li { 

margin-left: 0;
padding: 15px 0;
position: absolute;
box-shadow: 0 0 4px #fff;
background: #3b60ff;

}

nav ul#languageSelect li:hover ul#language, header ul#languageSelect li:hover ul#language { 

display: block;

}

nav ul#mobile { 

display: none;

}

nav li a { 

color: #cfd5fd !important;
text-decoration: none;

}

nav li a:hover { 

color: #191b26;

}

header #triangleLeftTop { 

display: none;
width: auto;
left: 0;
margin-top: 20px;
border-right: auto solid #191b26;
border-bottom: 320px solid transparent;
border-left: 1920px solid #191b26;
opacity: 25%;
position: absolute;

} 

.meta-mobile_btn { 

display: none;
float: right;
padding: 15px;
color: #fff;
border-radius: 4px;
background: #3b60ff;

}

#meta { 

width: 100%;
background: #3b60ff;

}

#meta ul { 

max-width: 1200px;
margin: 0 auto;
padding: 30px 4%;

}

#meta ul li { 

display: inline;
margin: 0 35px;
position: relative;

}

#meta img#fontIcons { 

width: 24px !important;
margin-left: 10px;
margin-top: 5px;

}

#pullDown { 

display: none;
left: 0;
top: 17px;
padding-top: 17px;
position: absolute;
background: #3b60ff;

}

#pullDown img, #meta li img { 

width: 35px !important;

}

#userDetails { 

display: none;
width: 250px !important;
right: 0;
top: 25px;
text-align: right;
position: absolute;
background: #3b60ff;

}

#userDetails li { 

font-size: 18px;
font-size: 1.125rem;
float: right;
margin: 0 1%;

}

.userDetails ul { 

width: 100%;
float: left;
padding: 20px 0;

}

.userDetails li.avatarPic { 

position: relative;

}

.userDetails li.avatarPic ul.blockquote { 

display: none;
width: 720px;
padding: 95px;
top: 45px;
left: 25px;
border: 2px solid #3b60ff;
position: absolute;
background: #cfd5fd;

}

.userDetails ul.blockquote li { 

width: 100%;
float: left;
margin: 10px;

}

ul.blockquote li h5 { 

color: #3b60ff;
padding: 0 2%;
margin: 0;
margin-bottom: 10px;
box-shadow: 0 0 12px #303030;

}

.userDetails ul.blockquote li.online, .userDetails ul.blockquote li.offline, .userDetails ul.blockquote li.absent { 

width: 43px;
height: 20px;
float: left;
margin-top: -35px;
margin-left: 95px;
border-radius: 40px;

}

.userDetails li#number h4 { 

float: right;
margin-right: 0 !important;
margin-top: 30px;

}

.userDetails li.avatarPic:hover ul { 

display: block;

}

.userDetails li.showGroupInfo { 

float: right;
color: #fff;
position: relative;

}

.userDetails li.showGroupInfo i.fa-user-shield { 

color: #4aa104 !important;
padding-right: 10px;

}

.userDetails ul#infGroup, .userDetails ul#save { 

display: none;
width: 410px;
padding: 10px 2%;
margin-right: 25px;
right: 0;
top: 0;
border: 1px solid #c3c3c3;
border-radius: 4px;
position: absolute;
background: #414141;

}

.userDetails ul#save li p:first-child { 

padding-bottom: 0;

}

.userDetails ul#save li p i { 

float: none;
font-size: 16px !important;
font-size: 1rem !important;
padding-left: 0;
color: #4aa104 !important;

}

.userDetails p.successMsg, .userDetails p.alertMsg { 

color: #fff !important;

}

.userDetails p.successMsg { 

background: #4aa104;

}

.userDetails p.alertMsg { 

background: #b61010;

}

p.search { 

display: none;

}

p.search:first-child { 

display: block;

}

ul#infGroup p { 

color: #fff;

}

ul#save p:nth-child(odd) { 

color: #4aa104;

}

ul#infGroup p:nth-child(odd) { 

color: #3b60ff;

}

ul#infGroup p:nth-child(even):before { 

content: "{ ";
color: #3b60ff;
font-size: 18px;
font-size: 1.25rem;

}

ul#infGroup p:nth-child(even):after { 

content: " }";
color: #3b60ff;
font-size: 18px;
font-size: 1.25rem;

}

.userDetails li.showGroupInfo:hover ul#infGroup, .userDetails li.showGroupInfo:hover ul#save { 

display: block;

}

.userDetails li h4 { 

width: auto;
float: right;
color: #fff !important;
margin: 25px 2% 40px 0;
position: absolute;
background: none !important;

}

li#contactName { 

margin-left: 10px;
margin-top: -10px;

}

form#privateChat img#navIcons, .group img#fontIcons { 

width: 28px !important;

}

.userDetails form button#contactBtn { 

margin-right: 10px !important;

}

.userDetails form button#checkSum img { 

width: 10px;
margin-left: 30px;
margin-top: 18px;
position: absolute;

}

.userDetails form button#checkSum i { 

font-size: 9px;
font-size: 0.563rem;
color: #4aa104;
margin: 15px 30px 0;
position: absolute;

}

.userDetails button[type="submit"] i.fa-flag { 

color: #b61010;

}

.userDetails button[type="submit"] i.fa-floppy-disk, i.fa-address-card { 

color: #fff091;

}

.userDetails form#privateChat { 

width: auto;
padding-top: 0;
padding-left: 1%;

}

.userDetails form#privateChat button { 

width: auto;
float: right;
border: none;
margin: 0 5px;
background: none;

}

#meta li i#sms, #metaMobile i#sms { 

color: #4aa104;

}

#meta li i#email, #metaMobile i#email { 

color: #f79621;

}

#meta li i#beides, #metaMobile i#beides { 

color: #dcbafe;

}

#meta li:hover ul { 

display: block;

}

#meta li.feedbacks i.fa-star { 

color: #fcde68;

}

#meta li.feedbacks ul#pullDown { 

min-width: 100%;
margin: 0 auto;

}

#meta li.feedbacks ul#pullDown li { 

margin-left: 20px;

}

ul#pullDown li form { 

width: 750px;
float: left;
margin-top: 5px;
padding: 10px 2%;
background: #3b60ff;

}

#pullDown li form button { 

display: inline !important;
margin: 0 20px;

}

#userDetails li form input[type="submit"] { 

width: auto;
right: 0;
padding: 10px 25px;
border: none;
background: #b61010;

}

#meta li:hover ul { 

display: block;

}

#meta li button#btn01 i:hover, #metaMobile li button#btn01 i:hover { 

color: #4aa104;

}

#meta li button#btn02 i:hover, #metaMobile li button#btn02 i:hover { 

color: #f79621;

}

#meta li button#btn03 i:hover, #metaMobile li button#btn03 i:hover { 

color: #dcbafe;

}

#meta li.pseudo { 

float: right;

}

#meta li.pseudo img#avatarPic { 

width: 50px;
height: 35px;
background: none;

}

#userDetails li img.avatar { 

width: 55px !important;
height: 55px !important;
border-radius: 55px;

} 

#meta li a { 

color: #dbdbdb;

}

.spltr2 ul { 

width: 100%;
float: left;
margin-bottom: 40px;

}

.spltr2 li { 

list-style: none;
text-align: center;

}

article#errorCodes { 

max-width: 1200px;
margin: 0 auto;
margin-top: 140px;
background: none;

}

article#errorCodes .spltr2:nth-child(even) { 

padding-top: 5%;

}

article#errorCodes .spltr2 h3 { 

color: #f79621;

}

section.index article { 

background: none;

}

section.index article .spltr3 .triangleLeftTop, section.index article .spltr3 .triangleBottomRight { 

display: none;

}

article#alert .spltr1 { 

margin-top: -85px !important;

}

article#alert .spltr1 h3 { 

border-top: 1.2px solid #2c2c2c;
padding: 20px 0;

}

article#alert .spltr1 p { 

margin: 20px 0 0;

}

article#alert .spltr1 a { 

float: left;

}

article#alert a i { 

font-size: 23px;
font-size: 1.438rem;

}

article#alert .spltr1 img { 

max-width: 50% !important;
margin-left: 25%;

}

article#description { 

float: left;
margin: 75px 0;

}

article#description .spltr2 { 

margin-bottom: 0;

}

article#description .spltr2 blockquote { 

background: none;

}

article.index img#fontIcons { 

width: 52px;
float: left;
margin-top: 30px;
margin-left: 40%;
margin-bottom: 20px;

}

article.index .spltr3 img#fontIcons newspaper.svg { 

margin-top: 0;

}

article#description blockquote.block01 { 

padding-top: 0;
margin-top: 0;

}

article:first-child { 

margin-bottom: 40px;
background: none;

}

article.index0 { 

width: 100%;
float: left;
padding-bottom: 0;
background: #303030 !important;

}

article.index .spltr3:nth-child(odd) p { 

padding-top: 0 !important;

}

article.index .spltr3 p { 

float: left;

}

article.index0 .spltr2 h1 { 

font-size: 29px !important;
font-size: 1.813rem !important;

}

article.index0 { 

float: left;
position: relative !important;
animation: articleSlide 2s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;

}

@keyframes articleSlide { 

from { 

left: -400px;

}

to { 

left: 0;

}

}

article.index0 .spltr2 ul { 

margin-top: 40px;

}

article.index0 .spltr2 ul li a { 

width: 100% !important;
color: #fff !omportant;

}

article.index { 

width: 100%;
float: left;
margin-top: 0;
padding-top: 0;

}

article#impr .spltr1 { 

margin-bottom: 0;

}

article#impr .spltr2 { 

padding: 30px;
box-shadow: 0 0 12px #3b60ff;
background: none;

}

article#impr .webdesign {
	
float: right !important;
margin-top: -80px !important;
	
}
article#impr ul { 

padding: 0 4%;
background: none;

}

article#impr ul li { 

color: #fff;
text-align: left;

}

article#impr li.mail { 

padding-top: 30px;

}

article.index .spltr1 { 

background: none !important;

}

article.index0 #triangleBottomRight { 

border-right: auto solid #3f3f3f !important;
border-bottom: 105px solid #3f3f3f !important;
border-left: 1200px solid transparent;

}

article.index #triangleLeftTop, article.index #triangleBottomRight { 

position: absolute;

}

article.index #triangleBottomRight { 

margin-top: 290px;

}

article.index .spltr3 { 

height: 450px;
padding: 0 4%;
padding-top: 90px;
margin-bottom: 0;
background: #cfd5fd;

}

article.index h4 { 

line-height: 28px;
color: #3b60ff !important;

}

article.index .spltr3 p { 

color: #191b26;

}

article.index .spltr3 p i { 

float: none;
margin: 30px 15%;
text-align: center !important;

}

article.index .spltr3 i.fa-newspaper { 

margin-top: 0;

}

article.index .spltr3 p a { 

color: #f79621 !important;

}

article.index .spltr3:nth-child(odd) p:nth-child(odd) { 

padding-top: 25px;

}

article.index .spltr1 a#log:nth-child(odd) { 

margin-right: -55px !important;
margin-left: 25px;

}

article, article#imp { 

padding: 45px 0;
background: #414141;

}

article.dataSecurity { 

width: 100%;
float: left;

}

article.dataSecurity h2, article.details h2 { 

margin-top: -30px;
color: #3b60ff;

}

article.dataSecurity .spltr2_3 { 

margin-bottom: 0;

}

article.dataSecurity .spltr2_3 i.fa-hand-point-down { 

float: left;
font-size: 18px;
font-size: 1.125rem; 

}

article.dataSecurity .spltr2_3 blockquote { 

padding: 0;
margin: 0 !important;
background: none !important;

}

article.dataSecurity .spltr2_3 blockquote p:nth-child(even) { 

padding: 0 50px;

}

article.dataSecurity blockquote p strong:before { 

content: ',,';
padding-right: 5px;
margin-left: -25px;
color: #3b60ff;
font-size: 48px;
font-size: 3rem;

}

article.dataSecurity blockquote p strong:after { 

content: ',,';
padding-left: 5px;
color: #3b60ff;
font-size: 48px;
font-size: 3rem;

}

article.dataSecurity .spltr2 img#icon { 

float: right;

}

article.dataSecurity .dataDate ul { 

margin-left: 20px;

}

article.dataSecurity .dataDate li {

list-style: none; 
font-size: 16px;
font-size: 1rem;
color: #fff;

}

article.dataSecurity .spltr2 { 

width: 34%;
height: 330px;
margin: 30px 8%;
padding: 45px;
box-shadow: 0 0 12px #cfd5fd;

}

article.dataSecurity .spltr2 i.fa-comment-slash, article.dataSecurity .spltr2 i.fa-newspaper { 

color: #b61010;

}

article.dataSecurity img#success { 

float: right;

}

article.dataSecurity .spltr2:nth-child(even) { 

margin-right: 4%;
margin-left: 12%;

}

article.dataSecurity .spltr2:nth-child(odd) { 

margin-right: 12%;
margin-left: 4%;

}

article.dataSecurity i { 

color: #cfd5fd;

}

article.details blockquote { 

margin: 55px 0;
box-shadow: 0 0 12px #3b60ff;
background: none;

}

article.details blockquote ul li { 

margin: 15px 30px;
color: #c3c3c3;
list-style: none;
list-style-image: url("../images/images/icons/list-style-icon02.png");

}

article i { 

float: right;
margin: 0 4%;
font-size: 45px;
font-size: 2.813rem;
color: #3b60ff;

}

article#setup { 

padding: 30px 0;
background: #414141;

}

article#setup .spltr1 { 

float: left;

}

article#setup #avatarPic { 

margin-left: 45px;

}

form#setup button { 

width: 25px;
height: 25px;
margin: 0 8%;
margin-top: -100px;
border-radius: 50px;

}

form#setup button.white { 

border: 2px solid #fff;
background: #f0eded;

}

form#setup button.yellow { 

border: 2px solid #ffdc05;
background: #fff091;

}

form#setup button.orange { 

border: 2px solid #f79621;
background: #fbe1c2;

}

form#setup button.red { 

border: 2px solid #d93699;
background: #ffdcf1;

}
form#setup button.violet { 

border: 2px solid #b56cfe;
background: #dcbafe;

}

button.darkPurple { 

border: 2px solid #633573;
background: #321b3a;

}

form#setup button.white:hover { 

box-shadow: 0 0 12px #fff;

}

form#setup button.yellow:hover { 

box-shadow: 0 0 12px #ffdc05;

}

form#setup button.orange:hover { 

box-shadow: 0 0 12px #f79621;

}

form#setup button.red:hover { 

box-shadow: 0 0 12px #d93699;

}

form#setup button.violet { 

box-shadow: 0 0 12px #b56cfe;

}

button.darkPurple:hover { 

box-shadow: 0 0 12px #633573;

}

article#impr .spltr2 { 

margin-top: 95px;

}

article#setup i#schlecht, article#setup i#gehtSo, article#setup i#mittel, article#setup i#gut, article#setup i#sehrGut { 

float: left;
margin-left: 50px;
padding: 20px 0;
padding-bottom: 0;

}

article#setup  i#schlecht { 

color: #b61010;

}

article#setup  i#gehtSo { 

color: #cd5903;

}

article#setup  i#mittel { 

color: #f79621;

}

article#setup  i#gut { 

color: #4aa104;

}

article#setup  i#sehrGut { 

color: #275800;

}

article#setup p em { 

float: right;
color: #fff;

}

article#setup select { 

min-width: 45%;
padding: 10px 2%;
margin: 0 auto;
text-align: center;
font-size: 16px;
font-size: 1rem;
border: none; 

}

article#setup select:hover { 

color: #fff !important;
background: #3b60ff !important;

}

article#setup input[type="submit"], article#report input[type="submit"], article#setup button#resetColor { 

width: auto;
float: right;
padding: 10px 25px;
border: none;
background: #3b60ff;

}

article#setup button#resetColor { 

padding: 10px 35px;
margin: 0 4% 25px 4%;
border-radius: 4px;
background: #d3d8fb;

}

article#setup button#resetColor p.triangleStandard { 

width: 0;
float: left;
border-left: 30px solid #3b60ff;
border-bottom: 30px solid transparent;
border-right: auto solid #3b60ff;
margin: -7px -20px 0;
position: absolute;

}

article#setup button#resetColor:hover { 

color: #fff;

}

article#setup button#resetColor:hover p { 

border-left: 30px solid #d3d8fb;
border-botton: 30px solid transparent;
border-right: auto solid #d3d8fb;

}

article#setup .kInfos {

padding: 30px 8%;
margin: 50px 0;

}

article#setup .kInfos ul li { 

width: 100%;
text-align: left;
margin-top: 30px;

}

article#setup .kInfos i { 

font-size: 19px;
font-size: 1.188rem;
float: left !important;

}

article#setup .kInfos .spltr4 { 

margin-top: 10px;

}

article#setup ul#contactList li, article#setup ul#contactList li.mobile { 

margin: -10px 4%;
list-style: none;

}

article#setup ul#contactList li.date { 

text-align: right;
margin-top: 0;
font-size: 12px;
font-size: 0.750rem;

}

article#setup ul#contactList li { 

text-align: left;
margin-top: 15px;

}

article#setup ul#contactList li em { 

float: right;

}

article#setup ul#contactList li.mobile { 

text-align: right;
padding-top: 5px;
margin: 15px 4%;
border-top: 1px solid #828182;

}

article#setup ul#contactList li.mobile em { 

color: #cfd5fd;
float: left;

}

article#delete { 

max-width: 920px;
margin: 0 auto;
margin-top: -20px;

}

article#delete button { 

width: 250px;
float: right;
padding: 15px 25px !important;

}

article#delete button i.fa-trash { 

color: #b61010;

}

article#delete form button:hover, article#delete form button:hover i { 

color: #fff !important;

}

article#uGroup { 

width: 100%;
height: auto;
float: left;
box-shadow: 0 0 12px #b56cfe;

}

article#uGroup form { 

padding: 0;

}

article#uGroup label { 

width: 84%;
float: left;
background: none;

}

article#uGroup .spltr1 ul.mGroup { 

display: none;

}

article#uGroup .spltr1 ul.mGroup { 

list-style: none;

}

article#uGroup ul { 

padding: 30px;
text-align: center;
border-top: 1.4px solid #3b60ff;

}

article#uGroup form img#avatarPic { 

width: 10px important;
height: 10px !important;
border-radius: 20px;

}

article#uGroup img#avatarPic { 

width: 60px !important;
height: 60px !important;
border-radius: 120px !important;

}

article#uGroup table#groupMember, article#setup table#groupMember { 

width: 96%;
margin: 0 2%;
text-align: center;

}

article#uGroup table#groupMember thead, article#setup table#groupMember thead {

color: #fff;
background: #3b60ff;

}

article#uGroup table#groupMember tr, article#setup table#groupMember tr { 

margin: 10px 0;

}

article#uGroup table#groupMember td, article#setup table#groupMember td { 

width: 16%;

}

article#uGroup table#groupMember button#delete {

float: none !important;

}

article#uGroup table#groupMember td { 

border-bottom: 1.2px solid #3b60ff;

}

form#uGroup select { 

margin: 20px 0;
margin-left: 120px;
padding: 7px 25px;
font-size: 18px;
border: none;
border-radius: 4px;
background: #cfd5fd !important;

}

form#uGroup button { 

padding: 10px 25px;
margin-left: 25px;
border: none;
border-radius: 7px;
background: #3b60ff;

}

form#uGroup button:hover { 

color: #fff;

}

article .triangleSlim { 

width: auto;
float: right;
margin-top: -134px;
border-bottom: 45px solid transparent;
border-right: 45px solid #3b60ff;
border-left: auto solid #3b60ff;

}

article#setup a#contactMsgStart { 

float: right;

}

article#setup a#edit img { 

width: 28px !important;
float: left;
margin-left: 90%;

}

article#setup button.delete img { 

width: 28px !important;
margin-top: -5px;
margin-right: 15px;

}

a#contactMsgStart img { 

margin-right: 5px;
margin-top: -130px;

}

article#setup a#contactMsgStart i { 

color: #9c9c9c;
font-size: 21px;
font-size: 1.313rem;
margin-top: -150px;

}

article #triangleLeftTop { 

width: auto;
float: left;
padding: 30px 0;
border-left: auto solid #3f3f3f;
border-top: 105px solid #3f3f3f;
border-right: 1200px solid transparent;

}

article #triangleBottomRight { 

width: auto;
float: right;
padding: 30px 0;
border-left: 1200px solid transparent;
border-bottom: 105px solid #3f3f3f;
border-right: auto solid #3f3f3f;

}

.triangleLeftTop { 

width: auto;
float: left;
margin-bottom: 35px;
border-left: auto solid #3f3f3f;
border-top: 75px solid #3f3f3f;
border-right: 1200px solid transparent;

}

.triangleBottomRight { 

width: auto;
float: right;
margin-top: 15px;
border-left: 1200px solid transparent;
border-bottom: 75px solid #3f3f3f;
border-right: auto solid #3f3f3f;
position: absolute;

}

aside #triangleLeftTop { 

width: 100%;
float: left;
border-left: auto solid #cfd5fd !important;
border-top: 175px solid #cfd5fd !important;
border-right: 175px solid transparent;
position: absolute;

}

aside #triangleBottomRight { 

width: 100%;
float: right;
border-left: 175px solid transparent !important;
border-bottom: 175px solid #cfd5fd;
border-right: auto solid #cfd5fd !important;
position: absolute;

}

aside form, aside ul { 

left: 0;
top: 270px;
position: fixed;

}

aside form button#lightMode { 

padding: 7px;

}

aside form button { 

display: block;
padding: 10px;
margin: 5px 0;
border: none;
border-radius: 4px;
background: #3b60ff;

}

aside form button:hover { 

color: #3b60ff;
background: #cfd5fd;

}

aside ul { 

top: 0;
position: relative;

}

aside li { 

width: 25px;
float: left;
padding: 10px 20px;

}

aside li i { 

margin-bottom: 30px;

}

aside ul#tut { 

display: none;
max-width: 390px;
float: left;
margin-left: 55px;
padding-left: 20px;
top: 185px;
overflow: scroll;
scrollbar-width: thin;
scrollbar-color: #930d5e #3b60ff;
position: fixed;
background: #3b60ff;

}

aside ul#tut img { 

margin: 0;
margin-left: -5px; 
margin-bottom: 30px;

}

aside ul#tut h2 { 

top: 0;
padding: 0;

}

ul#tut li { 

width: 100%;
float: left;
padding-bottom: 0;
font: 18px "Asap", sans-serif !important;
list-style: none;

}

aside ul#tut a { 

float: right;
padding: 10px 2%;
color: #010101;
margin: 0;
text-decoration: none;
border-radius: 7px;
background: #d3d8fb; 

}

aside ul#tut a i { 

margin: 0;
color: #b61010;

}

aside ul#tut a:hover { 

color: #f79621;

}

aside ul i:hover { 

color: yellow;

}

aside ul li:hover ul#tut { 

display: block;

}

aside ul#personData, article#impr ul li#personData { 

heihgt: 100%;
left: 0 !important;
top: 105px;
left: 45px;
padding: 10px;
color: #fff;
position: fixed;
scrollbar-width: thin;
scrollbar-color: #3b60ff #010101;
border-radius: 7px;
background: #191b27;

}

#personData img#fontIcons { 

width: 24px;
float: left;
padding-bottom: 10px;

}

ul#personData p { 

writing-mode: vertical-lr;

}

ul#personData li { 

padding: 0;
list-style: none;

}

ul#personDataList  { 

display: none;
width: 320px;
height: 100%;
padding: 30px 2%;
left: 0;
top: 0;
scrollbar-width: thin;
overflow: scroll;
position: fixed;
background: #222849;

}

ul#personData h6 { 

padding: 0;
margin-bottom: 20px;

}

ul#personDataList li, article#impr li#personData li { 

width: 100%;
float: left;
padding: 0 15px;
margin: 20px 0;
list-style: none;
list-style-image: url("../images/images/icons/list-style-icon.png");

}

ul#personDataList p { 

writing-mode: horizontal-tb !important;

}

ul#personDataList a, article#impr li#personData a { 

color: #f79621;

}

ul#personDataList li.copyright, article#impr li#personData li.cophyright { 

margin-top: 105px;
list-style: none;

}

article#impr .spltr1 ul#personDataList { 

overflow: hidden;
position: relative;

}

ul#personData:hover ul#personDataList, article#impr li#personData:hover ul#personDataList { 

display: block;

}

aside ul#tut { 

margin-top: 10px !important;
box-shadow: 0 0 12px #fff;

}

aside ul#tut i { 

color: #fff;

}

aside .spltr1_3 { 

float: right !important;
position: absolute;

} 

article#impr .spltr1 li { 

width: auto;
display: inline;
margin: 0 35px;

}

article#impr ul li#personData { 

position: relative;
float: left;
top: -10px !important;

}

#groupContacts, aside #groupContacts { 

padding: 5px 0;

}

#groupContacts ul, aside #groupContacts ul { 

float: left;
padding: 5px 0 !important;
margin: 0 !important;
box-shadow: none !important;

}

#groupContacts li, aside #groupContacts li { 

padding: 0 2% !important;

}

#groupContacts li a, aside #groupContacts li a { 

color: #cfd5fd !important;

}

#groupContacts h6, aside #groupContacts h6 { 

margin: 0 2% !important;
color: #3b60ff;

}

#contacts img { 

float: left;

}

#contacts ul { 

width: 100%;
float: left;
padding: 30px 2%;
padding-bottom: 0;
margin: 20px 0;
border-radius: 7px;
box-shadow: 0 0 12px #3b60ff;
background: none;

}

#contacts li { 

margin: 10px 0;
padding: 5px 2%;
padding-left: 4%;
list-style: none;
font-size: 16px;
font-size: 1rem;
color: #fff;
text-align: left;

}

#contacts ul li.secure, #contacts ul li.secure i { 

width: 55%;
float: left;
color: #4aa104;
font-size: 12px;
font-size: 0.75rem;
text-align: left;

}

#contacts ul li p.online, #contacts ul li p.offline { 

width: 25px !important;
height: 10px;
float: right;
margin: 5px 7px 0;
padding: 0;
border-radius: 10px;

}

#contacts ul li p.offline { 

background: #980916;

}

#contacts ul li.secure i { 

width: auto;
margin: 5px 5px 0;

}

#contactsGroup ul { 

width: 32% !important;
background: #3b60ff !important;

}

#contacts .triangleSlim { 

width: 0;
float: right;
margin-top: -80px !important;
border-right: 55px solid #3b60ff;
border-bottom: 55px solid transparent;
border-left: auto solid #3b60ff;

}

#contacts .triangleSlim i { 

width: auto;
margin: 10px 0 0 10px;
padding: 0 2px;
position: absolute;
box-shadow: 0 0 7px #fff;

}

#contacts h4:nth-child(odd) { 

display: none;

}

#contacts form { 

padding: 0;

}

#contacts form button#delete { 
 
width: 30px !important;
float: right;
margin: -30px -25px 0 0 !important;
background: none;

}

#contacts h4 { 

display: inline;
margin: 0 4%;
margin-bottom: -20px; 
color: #3b60ff;

}

#contacts button { 

width: 75%;
color: #010101 !important;
border: none;
text-decoration: none;
background: none;

}

#contacts button h4 { 

float: left;
margin-top: 5px;

}

#contacts button:hover { 

background: #3b60ff;

}

#contacts button:hover h4 { 

color: #fff !important;

}

.spltr1, .spltr2, .spltr2_3, .spltr3, .spltr4 {

float: left;
margin: 0 4%;
margin-bottom: 110px;

}

.spltr1 { 

width: 92%;

}

.spltr2 { 

width: 42%;

}

.spltr2_3 { 

width: 62%;

}

.spltr1_3 { 

width: 26%;
float: right;
margin-left: 0;
margin: 20px 0;

}

.spltr3 { 

width: 25%;

}

.spltr4 { 

width: 17%;

}

.spltr5 { 

width: 16%;
float: left;
margin: 30px 2%;
text-align: center;

}

.specialSpltr { 

width: 98%;
float: left;
margin: 20px 1%;

}

.special { 

width: 100%;
left: 0;
position: inherit;
background: #191b26;

}

h1, h2, h3, h4, h5, h6 { 

margin: 40px 4%;
font: "Nunito_Sans", sans-serif;
line-height: 32px;

}

h1 { 

font-size: 32px;
font-size: 2rem;
color: #f79621;

}

h2 { 

font-size: 27px;
font-size: 1.688rem;

}

h3 { 

font-size: 25px;
font-size: 1.563rem;
color: #3b60ff;;

}

h4 { 

font-size: 23px;
font-size: 1.438rem;
color: #3b60ff !important;

}

h5 { 

font-size: 21px;
font-size: 1.313rem;

}

h6 { 

font-size: 19px;
font-size: 1.188rem;

}

#activate { 

color: #fff !important;

}

.userDetails { 

width: 100%;
float: left;
padding: 20px;
background: #3b60ff;

}

.userDetails ul li { 

float: right;
list-style: none;

}

.userDetails li#contactName { 

float: left;

}

.userDetails li form button { 

float: right;
margin: 0 1%;

}

.userDetails li form button.showGroupMember, .userDetails li a.showGroupMember { 

float: right;
margin: 0 1%;
border: none;
color: #cfd5fd;
background: none;

}

.userDetails h4 { 

color: #fff;

}

p.online, li.online, li.absent, li.offline {

width: 10px;
height: 10px;
float: right;
margin-top: 20px;
list-style: none;
border-radius: 10px;
background: #4aa104;

}

li.absent { 

background: #f79621;

}

li.offline {

background: #b61010 !important;

}

p.new img#fontIcons { 

width: 24px;
margin-left: 25px;
position: absolute;

}

p#importantMsg, p#importantLeaveMsg { 

width: 100%;
float: left;
border: 0.5px solid #ffcd05;
padding: 3px 0;
margin: 10px 0;
font-size: bold, 8px;
font-size: bold, 0.5rem;
color: #ffcd05;
text-align: center !important;

}

p#importantLeaveMsg { 

color: #b61010 !important;
border: 0.5px solid #b51010 !important;

}

p#importantMsg a { 

color: #fff091 !important;

}

a { 

color: #3b60ff;

}

p.date { 

font-size: 12px;
font-size: 0.750rem;
padding-top: 10px; 
text-align: right;

}

.kInfos img#fontIcons { 

width: 20px;
float: left;
margin-right: 10px;

}

img#navIcons { 

width: 20px !important;
float: left;

}

ul.optionSelect img#fontIcons { 

width: 30px !important;

}

ul.optionSelect li.contacts img#fontIcons { 

width: 28px;

}

ul#contactsGroup { 

display: none;
width: auto%;
height: 640px;
padding: 0 2%;
margin-top: -42px;
position: absolute;
background: #3b60ff;

}

#readMessages li#showGroupMember:hover ul#contactsGroup { 

display: block;

}

#readMessages { 

min-width: 100%;
height: 640px;
margin: 0 auto;
padding: 15px;
border: 1px solid #191b27;
overflow: scroll;
background: #1c1c1c;

}

#readMessages ul { 

width: 32%;
float: right;

}

#readMessages li i { 

color: #f79621;

}

#readMessages li#showGroupMember { 

width: 20px;

}

#readMessages li#showGroupMember ul#contactsGroup { 

float: left;

}

aside .spltr1_3 #contacts { 

backround: #cfd5fd !important;

}

#readMessages ul#usersDetails { 

float: left;
margin-top: -110px;
margin-left: -17px;
padding-bottom: 20px;
background: #d93699;

}

#readMessages ul#usersDetails li { 

list-style: none;

}

#readMessages h6 { 

margin: 10px 0;

}

p#mobileAside { 

right: 0;
padding: 10px 25px;
top: 50%;
position: fixed;
background: #3b60ff;

}

p#closeAside { 

display: none;
right: 385px;
padding: 25px 10px;
top: 50%;
position: fixed;
background: #3b60ff;

}

p#closeAside i { 

color: #f79621;

}

aside.grpAside { 

display: none;
width: 385px;
height: 100%;
right: 0;
top: 0;
position: fixed;
box-shadow: 0 0 12px #fff;
background: #3b60ff;

}

aside.grpAside #memberGroupList { 

left: 0;
top: 80px;
margin: 0;
scrollbar-width: thin;
overflow-x: auto;
border: none;
background: #3b60ff !important;

}

aside.grpAside h5 { 

color: #fff;

}

aside.grpAside ul { 

float: left;
padding: 10px 0;
padding-bottom: 30px;
border-bottom: 0.8px solid #fff !important;

}

aside.grpAside #memberGroupList ul {

width: 100%;

}

aside.grpAside #memberGroupList ul li { 

width: 25%;
height: 70px;
margin: 0 4%;

}

aside.grpAside #memberGroupList ul:nth-child(even) li img#navIcons {

margin-left: 31%;
}

aside.grpAside #memberGroupList ul:nth-child(even) li:nth-child(even) {

padding-left: 3%;

}

aside.grpAside ul li { 

display: inline;
width: 28%;
color: #d3d3d3;
margin: 0 2%;
text-align: center;
border-radius: 4px;
box-shadow: 0 0 12px #010101;
background: none !important;

}

aside.grpAside li i { 

color: #d3d3d3;
margin: 0;
margin-right: 20px;
padding: 0;

}

aside.grpAside ul#usrInfo img { 

float: left;

}

aside.grpAside ul#usrInfo { 

padding: 20px 2%;

}

aside.grpAside ul#usrInfo li { 

width: auto;
height: 60px;
float: left;
padding-top: 15px !important;
margin: 10px 2%;
box-shadow: none;

}

aside.grpAside ul#usrInfo li.number { 

width: 27%;
margin-left: 1%;

}

aside.grpAside ul#usrInfo li.number a { 

color: #fff !important;

}

aside.grpAside ul#usrInfo li.icn { 

margin-left: 60px;

}

aside.grpAside ul#usrInfo li#on { 

margin-left: 290px;
margin-top: -70px;

}

aside.grpAside ul#usrInfo li i { 

margin: 0;

}

aside.grpAside ul li i.fa-user-tie { 

color: #3ff2b2 !important;

}

aside.grpAside ul li i.fa-pencil { 

color: #ffd05f !important;

}

aside.grpAside ul#usrInfo li.delBtnGroup { 

width: 60px;
margin-left: 290px;
padding-top: 15px !important;
padding: 0;
margin-top: -75px;

}

aside.grpAside ul#usrInfo li button#delete { 

padding: 5px;
border-radius: 4px;
border: none;
background: #b61010;

}

aside.grpAside p { 

width: 100%;
float: left;

}

ul#usrInfo li p.online, ul#usrInfo li p.offline { 

width: 10px;
float: left;
margin-top: 10px !important;
padding-right: 5px;

}

ul#usrInfo li p.online { 

background: #4aa104;

}

ul#usrInfo li p.offline { 

background: #980916 !important;

}

#blockMsg { 

width: 100%;
float: left;
padding: 30px 8%;
margin-bottom: 5px;
background: #b61010;

}

#blockMsg p i { 

float: left;
margin-left: -4%;
margin-top: 20px;
position: absolute;

}

#usersDetails li.avatarPic { 

width: 60px;
height: 60px;
float: left;
margin: 20px;
border: 1.5px solid #f79621;
border-radius: 60px;
position: relative;

}

p.triangleWhite, p.triangleYellow, p.triangleOrange, p.triangleRed, p.trianglePurple { 

margin: 20px auto;

}

p.triangleWhite { 

width: 0;
border-left: 45px solid #ffff;
border-bottom: 45px solid transparent;
border-right: auto solid #ffff;

}

p.triangleYellow { 

width: 0;
border-left: 45px solid #fff091;
border-bottom: 45px solid transparent;
border-right: auto solid #ffdc05;

}

p.triangleOrange { 

width: 0;
border-left: 45px solid #f79621;
border-bottom: 45px solid transparent;
border-right: auto solid #f79621;

}

p.triangleRed { 

width: 0;
border-left: 45px solid #d93966;
border-bottom: 45px solid transparent;
border-right: auto solid #d93966;

}

p.trianglePurple { 

width: 0;
border-left: 45px solid #dcbafe;
border-bottom: 45px solid transparent;
border-right: auto solid #dcbafe;

}

p.triangleDarkPurple { 

width: 0;
margin: 0 auto;
border-left: 45px solid #321b3a;
border-bottom: 45px solid transparent;
border-right: auto solid #321b3a;

}

p.successMsg { 

margin-bottom: 40px;
padding: 15px 4%;
padding-top: 0;
padding-bottom: 20px;
color: #9c9c9c;
text-align: center;
border-radius: 4px;
border: 1.4px solid #3b7d05;
box-shadow: 0 0 12px #4aa104;

}

p.successMsg i { 

float: left;
margin: 0 20px;
margin-top: 20px;

}

p#importantInfo, p.infoMsg { 

width: 100%;
float: right;
padding: 5px 1%;
margin-bottom: 20px;
color: yellow;
text-align: center;
border: 1px solid yellow;

}

p.importantMsg { 

border: #f79621 !important;
box-shadow: 0 0 12px #f79621 !important;

}

p.alertMsg, p.importantMsg { 

margin-bottom: 40px;
padding: 15px 4%;
padding-top: 0;
padding-bottom: 20px;
color: #9c9c9c;
text-align: center;
border-radius: 4px;
border: 1.4px solid #981619;
box-shadow: 0 0 12px #b61010;

}

p.alertMsg i, p.importantMsg i { 

width: auto;
text-align: center;
margin: 5px 20px;
margin-top: 20px;

}

ul.optionSelect li.newContacts, p.groupBtn, p.alertMsg a i { 

float: right;
margin-left: 20px;
text-align: center;
border-radius: 7px;
padding: 20px;
margin-bottom: 110px;
background: #3b60ff;

}

li.newContact img#fontIcons { 

width: 24px;

}

#contacts ul li.createGroup { 

width: 75px;
height: 75px;
float: right;
padding: 20px;
margin: -65px -30px 0;
border-radius: 7px;
background: #3b60ff;

}

#contacts ul#sideTitle { 

box-shadow: none;

}

#contacts ul#sideTitle, .userDetails ul#sideTitle { 

display: none;

}

#contacts ul#sideTitle li { 

width: auto;
color: #010101;
margin-left: -105px;
margin-top: -115px;

}

#contacts li.createGroup:hover i { 

color: #dcbafe;

}

.userDetails li.grpUpdate ul#sideTitle { 

margin-top: -20px;

}

#contacts li.createGroup:hover ul#sideTitle, .userDetails li.grpUpdate:hover ul#sideTitle { 

display: block;

}

ul.optionSelect li { 

list-style: none;

}

ul.optionSelect ul#sideTitle { 

left: 0;
top: 0;
position: absolute;

}

ul.optionSelect li:hover ul#sideTitle { 

position: relative;

}

ul#sideTitle li { 

padding: 5px 10px;
color: #010101 !important;
margin: -65px -60px 0;
position: absolute;
border: 1.2px solid #3b60ff;
box-shadow: 0 0 8px #2c2c2c;
background: #cfd5fd;

}

li.contacts ul#sideTitle li { 

margin-left: -85px;

}

p.groupBtn { 

display: none;

}

aside #groupContacts form { 

right: 0 !important;
position: fixed;

}

li.newContacts a { 

color: #2c2c2c !important;

}

li.newContacts:hover i { 

color: #cfd5fd;

}

p.newMsg { 

float: right;
text-align: center;
color: #fff;
border-radius: 7px;
padding: 20px;
margin-bottom: 110px;
background: #3b60ff;

}

a#regClose, a#logClose { 

display: none;
float: right;
color: #b61010;

}

a#reg, a#log { 

display: inline;
width: 45%;
float: left;
text-align: center;
color: #9d9d9d;
margin: 0 auto;
border-radius: 7px;
padding: 20px 25px;
background: #191b27;

}

article.index .spltr1 a:nth-child(even) { 

border: 1.2px solid #191b27 !important;
background: none !important;

}

a#log { 

float: right;

}

#reg:hover, a#log:hover { 

color: #fff;

}

#selfMsg, #emojiSelf, #selfAnswers { 

width: 60%;
float: right;
padding-top: 10px;
margin: 10px 0;
padding: 10px 2%;
border-radius: 7px;
background: #3b60ff;

}

#selfMsg p { 

color: #fff;

}

#selfMsg p.date:nth-child(odd) { 

width: auto;
float: right;
background: none;

}

#selfMsg p:nth-child(even) { 

width: auto;
float: left;
font-size: 12px;
font-size: 0.75rem;
margin-left: 310px;
margin-bottom: -35px;
background: none;

}

#selfMsg img { 

width: 100% !important;
float: left;
margin-bottom: 20px;
position: none;

}

#selfMsg form { 

width: auto;
float: right;
padding-top: 0;

}

#selfMsg form#imageSelf button[type="submit"]#delete { 

float: right;
margin-right: 0;
margin-left: 0;

}

#selfMsg form button[type="submit"]#delete { 

float: right;
margin-right: -103px;
margin-top: 10px;
color: #b61010;
border: none;
background: none;

}

#selfAnswers { 

width: 75px;
float: right;
padding: 0 !important;
margin: -25px 335px 0;
font-size: 14px;
font-size: 0.875rem;

}

#selfAnswers p.date { 

padding: 5px;
text-align: center;
color: #fff !important;

}

#emojiSelf { 

width: 60%;
text-align: right !important;
background: none !important

}

#emojiSelf p {

padding: 0 5%;
font-size: 32px;
font-size: 2rem;

}

#selfMsg h5, #normalyMsg h5 { 

margin: 10px;

}

#normalyMsg, #emojiNormaly, #normalyAnswers { 

width: 60%;
float: left;
margin: 10px 0;
padding: 10px 2%;
border-radius: 7px;
background: #cfd5fd !important;

}

#normalyMsg form { 

padding: 0;
margin-bottom: 10px;

}

#normalyMsg form button { 

font-size: 10px;
font-size: 0.625rem;
color: #3b60ff;
border: none;
background: none;

}

#normalyMsg i { 

font-size: 16px;
font-size: 1rem;

}

#normalyMsg p:nth-child(even) { 

float: right;
font-size: 12px;
font-size: 0.75rem;

}

#normalyMsg img { 

float: left;
margin-top: 10px;

}

#normalyMsg i.fa-download { 

float: right;
padding-bottom: 20px !important;
font-size: 21px;
font-size: 1.313rem;
background: none;

}

#normalyMsg p { 

color: #3c3c3c !important;

}

#normalyAnswers { 

width: 75px;
float: left;
padding: 0 !important;
margin: -25px 335px 0;
font-size: 14px;
font-size: 0.875rem;

}

#normalyAnswers p { 

width: 75px;
float: none;
padding: 5px;
text-align: center;
color: #3f3f3f !important;

}

#emojiNormaly { 

width: 60%;
text-align: left !important;
background: none !important;

}

#emojiNormaly p {

padding: 0 5%;
font-size: 32px;
font-size: 2rem;

}

#emojiNormalyGroup { 

width: 60%;
float: left;
margin: 10px 0;

}

#emojiNormalyGroup ul { 

float: left;
padding: 0; 
margin: 10px 0;

}

#emojiNormalyGroup ul h6 { 

padding: 20px;
margin-top: 10px;
margin-bottom: 10px;
background: #cfd5fd;

}

#emojiNormalyGroup li { 

margin-top: -25px;
margin-right: -10px;
text-align: right;
font-size: 25px !important;
font-size: 1.563rem !important;

}

#mobile { 

width: 30%;
float: left;

}

p { 

padding: 0 4%;
font-size: 18px;
font-size: 1.125rem;
color: #ffff;

}

#fontIcons { 

width: 42px;
float: right;

}

button#lightMode #fontIcons { 

width: 24px;

}

i { 

width: 23px;
font-size: 1.438rem;

}

i.fa-newspaper, i.fa-comment-slash { 

color: #b61010;

}

button.contactSave { 

color: #fdb301 !important;

}

button.delete i.fa-flag { 

margin-left: 10px;
color: #fff;

}

form.delMsgBtn button#delete img#navIcons { 

position: absolute;

}

a i.fa-arrow-left, button.delete i.fa-trash, form.delMsgBtn button#delete i.fa-trash { 

color: #b61010 !important;

}

a i.fa-edit { 

color: #f79621;

}

button.delete, button.delete i.fa-trash, i.fa-edit, fa-flag, button.contactSave {

float: right;
padding: 5px 10px;
font-size: 25px;
font-size: 1.563rem;
border: none;
background: none;

}

button.contactSave i:hover { 

box-shadow: 0 0 12px #fdb301;

}

button.delete i.fa-trash { 

box-shadow: 0 0 12px #61010;

}

em { 

color: #981916; 

}

em.title { 

color: #3b60ff !important;

}

em.online { 

color: #4aa104 !important;

}

em.mod { 

color: #ffd05d !important;

}

em.admin { 

color: #3ff2b2 !important;

}

hr { 

width: 100%;
margin: 10px 4%;

}

blockquote { 

margin: 55px 4%;
padding: 30px;
float: left;
background: #3b60ff;

}

blockquote hr { 

margin-bottom: 20px;

}

blockquote p:first-child { 

color: #fff;

}

blockquote p { 

margin: 25px 0;
color: #c2c2c2;

}

.spltr2 blockquote { 

box-shadow: 0 0 12px solid #3b60ff;
background: none;

}

table.blockList { 

width: 100%;
float: left;
padding: 5px;
margin: 20px 4%;
border-radius: 8px;
border: 1.2px solid #3b60ff;

}

table.blockList th { 

color: #fff;
background: #3b60ff;

}

table.blockList td:first-child { 

margin-top: 40px;

}

table.blockList th, table.blockList td { 

width: 19%;
padding: 10px 2%;
text-align: center;

}

table.blockList td form { 

width: 30px;
padding-top: 5px;
margin-top: -10px !important;

}

table.blockList td form button { 

padding: 5px;
color: #828182;
border: none;
border-radius: 4px;
background: #4aa104;

}

table.blockList td button:hover { 

color: #fff;

}

table.blockList tr:hover { 

color: #cfd5df;

}

.mobilBlocking { 

display: none;
float: left;
margin-top: 30px;
background: #3c3c3c;

}

.mobilBlocking #triangleLeftTop { 

width: auto;
border-left: auto solid #3b60ff;
border-top: 65px solid #3b60ff;
border-right: 337px solid transparent;
position: absolute;

}

.mobilBlocking #triangleBottomRight { 

width: auto;
margin-top: -25px;
border-right: auto solid #3b60ff;
border-bottom: 65px solid #3b60ff;
border-left: 337px solid transparent;

}

ul#mobilBlock { 

padding: 30px;
padding-left: 30%;
margin: 0 auto;

}

ul#mobilBlock li { 

list-style: none;

}

ul#mobilBlock li:first-child { 

margin-top: 50px;

}

ul#mobilBlock li:nth-child(odd) { 

padding: 10px 0; 
color: #d3d3d3;

}

form#mobiBlock { 

margin-top: -30px;

}

button#usrBlock { 

right: 30px;
padding: 10px 15px;
margin-top: -25px;
border: none;
border-radius: 4px;
position: absolute;
background: #4aa104 !important;

}

button#usrBlock:hover { 

color: #fff !important;

}

form.delMsgBtn button#delete {

padding: 40px 55px 0 0 !important;

}

form.delMsgBtn button#delete i.fa-trash:hover { 

color: #980916 !important;

}

form.delMsgBtn button:hover { 

background: none !important;

}

form#invGroup {

width: auto;
float: left;
padding: 2% 0 2% 10px;
margin: 10px;
border-radius: 4px;
background: #3f3f3f;

}

form#invGroup em { 

color: #f79621;

}

form#invGroup p { 

padding-bottom: 0;

}

form#login, form#register { 

display: none;
max-width: 450px;
margin: 0 auto;
margin-top: 60px;
float: none;
animation: include 1.7s;
-moz-animation: include 1.7s;
-webkit-animation: include 1.7s;
-o-animation: include 1.7s;
box-shadow: 0 0 12px #3b60ff;

}

form#login img#fontIcons, form#register img#fontIcons { 

width: 24px;

}

form#register label { 

width: 45% !important;

}

form#register h6 { 

color: #fff;
margin-bottom: 0;

}

form#register em { 

color: #f21111 !important;

}

form#register hr { 

max-width: 86%;
margin: 30px auto !important

}

form#register input[type="radio"] { 

display: inline !important;
width: 40px;
margin: 5px 8%;
float: left;

}

form#register input[type="radio"]#language { 

margin-left: 25px;

}

form#register .spltr1, form#register .spltr4 { 

margin-bottom: 30px !important;

}

form#register .spltr4 { 

text-align: center;

}

form#register input[type="radio"]#language { 

float: left;
width: 20px;

}

form#register input[type="submit"] { 

margin-top: 40px;

}

form#login .triangle, form#register .triangle, form#pinSecure .triangle { 

width: auto;
margin: 35px 0;
border-bottom: 75px solid #3b60ff;
border-left: 450px solid transparent;
border-top: auto solid #3b60ff;
opacity: 20%;

}

@keyframes include { 
 
from { opacity: 0; }
to { opacity: 1; }

}

@-moz-keyframes include { 

from {opacity: 0;}
to {opacity: 1;}

}

form#importantContent { 

max-width: 720px;
margin: 0 auto;
top: 145px;
padding: 30px 2%;
position: fixed;
background: #303030;

}

form#importantContent .spltr1 { 

text-align: center;

}

form#importantContent button { 

display: inline;
padding: 10px 35px !important;
color: #c2c2c2 !important;
margin: 0 8% !important;
border: none;
background: #b61010 !important;

}

form#importantContent button:nth-child(odd):hover { 

background: #295704 !important;

}

form#importantContent button:nth-child(even):hover { 

background: #980916 !important;

}

form#importantContent button:first-child { 

background: #4aa104 !important;

}

form#login input[type="submit"], form#register input[type="submit"], form#pinSecure input[type="submit"], form#pinSecure button { 

border: none;
background: #3b60ff;

}

form#pinSecure button { 

width: 100%;
margin-top: 20px;
padding: 10px 0;
text-align: center;

}

form#setup { 

max-width: 950px;
float: none;
margin: 0 auto;
box-shadow: none;

}

article#setup hr { 

max-width: 92%;
margin: 20px 4% !important;

}

label i.fa-moon, label i.fa-sun, article#setup button#help i { 

float: left !important;
margin: 20px 0;
margin-left: 70px;
font-size: 23px;
font-size: 1.438rem;

}

form label { 

color: #cfd5fd;

}

form#setup input { 

width: 30%;
float: left;
display: inline;

}

form#setup input#designSelf { 

margin-top: 80px;

}

form#setup input[type="radio"], #meta form button, #meta label { 

width: 20%;
margin: 0 auto;
display: inline !important;

}

#meta form button { 

border: none;
background: none;

}

#meta form button.activate { 

color: #4aa104;

}

form#pinSecure { 

max-width: 450px;
margin: 40px auto;
float: none;
box-shadow: 0 0 12px #3b60ff;

}

form#searchBox { 

display: none;
width: 45% !important;
float: right;
padding-left: 20px;
padding: 10px !important;
margin: 3px;
margin-right: -5px;
border-radius: 7px;
background: #3b60ff;

}

form#searchBox input { 

margin: 0 !important;

}

form#searchBox button { 

color: #fff;
padding: 5px;
margin-left: 20px;
border: none;
background: none;

}

form#searchBox button:hover { 

color: #3c3c3c !important;

}

form#sendMsg, form#sendAnswers { 

width: 100%;
float: left;
padding: 20px;
background: #3b60ff;

}

form#sendMsg img#fontIcons, form#sendMsg button#sendMsg img { 

width: 32px;
float: left;

}

form#sendMsg li { 

list-style: none;

}

form#sendMsg ul li:first-child, form#sendMsg li.imageFile { 

display: inline !important;
width: auto !important;
float: left;
margin: 0;
background: none;

}

form#sendMsg li.imageFile { 

float: left;
width: 35px;
margin: 0 30px;

}

form#sendMsg li.imageFile ul#media { 

display: none;

}

form#sendMsg li.imageFile:hover ul#media { 

display: block;

}

form#sendMsg li i { 

margin: 0 10px;
font-size: 35px;
font-size: 2.188rem;

}

form#sendMsg li ul#emoji, form#sendMsg li.mobile ul#emojiMobi { 

display: none;
width: 100%;
float: left;
padding: 4%;
top: 5px;
margin-bottom: 25px;
position: absolute;
box-shadow: 0 0 12px #010101;

}

form#sendMsg li i, #sendAnswers i { 

font-size: 35px !important;
font-size: 2.188rem;

}

#sendAnswers li ul#emoji { 

width: 100%;
float: left;
padding: 4%;
margin-top: 25px;
box-shadow: 0 0 12px #010101;

}

form#sendAnswers li { 

display: inline;
float: left;

}

ul#emoji button, ul#emojiMobi button { 

text-align: left !important;
font-size: 23px;
font-size: 1.438rem;
background: none !important;

}

form#sendMsg textarea { 

width: 80%;
left: 0;
margin: 0;

}

form#sendMsg button { 

width: 45px;
height: 45px;
right: 0;
top: 0;
border: none;
border-radius: 45px;
margin: 0 2%;
margin-top: 15px;
color: #414141;
background: #cfd5fd;

}

form#contactSaveing {
 
width: 100%;
float: left;
box-shadow: none;
background: none;

}

form#contactSaveing label { 

color: #3b60ff;

}

form#contactSaveing a#close, form#contactSaveing a#close i { 

float: right;
color: #b61010 !important;

}

form#contactSaveing a#close i { 

float: left;
margin-top: -8px;
margin-right: 10px !important;

}

form { 

margin: 0 auto;
padding-top: 30px;
font: 17px "Asap", sans-serif;


}

label { 

width: 30%;
margin: 25px 8%;

}

label#pin { 

margin: 0;

}

input[type="color"] { 

width: 75px;
height: 75px;
border: none;
background: none;


}

input, textarea, input[type="date"] { 

width: 84%;
padding: 10px 0;
margin: 15px 8%;
border-radius: 4px;

}

input#pin { 

width: 30%;
display: inline;

}

form button[type="submit"]#add, form button[type="submit"]#help, form#importantContent button { 

padding: 5px 15px;
margin: 0 10px;
border: none;
border-radius: 4px;
color: #4aa104;
background: #295704;

}

form button[type="submit"]#add i, form button[type="submit"]#help i { 

font-size: 16px;
font-size: 1rem;

}

form button[type="submit"]#help, form#importantContent button:nth-child(even) { 

color: #b61010 !important;
background: #980916 !important;

}

form button[type="submit"]#add:hover { 

box-shadow: 0 0 12px solid #295704;

}

form button[type="submit"]#help:hover { 

box-shadow: 0 0 12px solid #980916;

}

#setup input[type="submit"] { 

width: 55%;
float: right;
border: 1.5px solid #3c3c3c;
border: none;
background: #3b60ff;

}

form#contactSaveing input[type="submit"] { 

width: auto;
padding: 10px 25px;
background: #3b60ff;

}

input[type="submit"]:hover, form#pinSecure button:hover { 

color: #fff;

}

input[type="submit"]#help, input[type="button"]#help { 

border: none;
color: #9c9c9c;
background: #b61010 !important;

}

input[type="submit"]#help:hover, input[type="button"]#help:hover { 

color: #ffff;
background: #d90f0f;

}

form p.infoMsg, form p.infoMsg02, form p.infoMsg03, form p.infoMsg1, article#setup p.infoMsg { 

display: none;
width: 77%;
float: left;
margin: 0 8%;
margin-top: -23px;
padding: 5px 2px;
color: #fff;
text-align: center;
font-size: 14px;
font-size: 0.845rem;
background: #b61010;

}

form p i, article#setup p i#infoIcon, article#setup p i#infoIcon02, article#setup p i#infoIcon03 { 

width: 5%;
padding: 10px;
font-size: 20px !important;
font-size: 1.250rem !important;

}

form p i, article#setup p i#infoIcon:hover, article#setup p i#infoIcon02:hover, article#setup p i#infoIcon03:hover { 

color: #fff !important;

}

form p { 

padding: 20px 8%;
line-height: 24px;
text-align: left;

}

form p i { 

float: right;
color: #3b60ff;
font-size: 17px;
font-size: 1.063rem;

}

form textarea { 

height: 80px;
padding: 10px !important;

}

footer {

width: 100%;
padding: 10px 4%;
left: 0;
bottom: 0;
position: absolute;
background: #3b60ff;

}

footer nav ul { 

width: 100%;
float: left;
padding: 10px 30px;


}

footer nav li#copyright { 

float: left;
color: #fff;
font-size: 12px !important;
font-size: 0.75rem !important;
margin-top: 20px;

}

footer li { 

font-size: 18px;
font-size: 1.125rem;

}

/*-----------------------------------Mobile Displays----------------------------------------*/

@media only screen and (max-width: 479px) { 

#mobile-btn { 

display: block;

}

#wrapper { 

margin-top: 40px; 
margin-bottom: 80px;

}

header.description article { 

height: 420px;
padding: 0 4%;

}

header.description article a#log { 

width: 96% !important;

}

header.description .spltr4 { 

width: 92%;

}

nav { 

width: 100%;
padding: 0 4%;

}

nav a#logo { 

top: 30px !important;
left: 4%;
position: absolute;

}

nav ul { 

display: none;
width: 100%;
padding: 10px;
border-top: 1.2px #010101;

}

nav ul li { 

display: block !important;
padding: 5px 0;
list-style: none;

}

header ul#languageSelect { 

display: block;
position: absolute;

}

header ul#languageSelect li i { 

padding-left: 5px;

}

nav ul#languageSelect, nav ul#language { 

display: none !important;

}

nav ul hr { 

margin: 20px;

}

nav ul hr { 

display: block;

}

nav ul li.mobile { 

display: block;
margin: 0 15px;

}

#triangleIndex { 

width: auto;
float: left;
padding-top: 0;
border-left: 600px solid #b61010;
border-bottom: 125px solid transparent;
border-right: auto solid #b61010;

}

#meta { 

display: none;

}

p.meta-mobile_btn { 

display: block;
margin-top: 80px;

}

#meta ul { 

width: 100%;
float: left !important;
border: none !important;
background: #3b60ff;

}

#meta ul li { 

display: block;
width: 70%;
float: left;
color: #fff;
margin: 10px 0;

}

#pullDown { 

width: 100% !important;
left: 0;
top: 0;
padding: 0 !important;
position: relative !important;

}

#contacts .triangleSlim { 

margin-top: -85px !important;

}

#contacts button h4 { 

font-size: 20px;
font-size: 1.25rem;

}

#userDetails { 

width: 100% !important;
right: 0;
top: 0;
padding-top: 0;
padding-right: 0 !important;
text-align: right;
border-top: 2px solid #3b60ff;
position: relative !important;
background: none !important;

}

ul#userDetails li img { 

float: right !important;

}

#meta li.pseudo { 

text-align: right !important;
padding-top: 20px;

}

ul.setupFirst li { 

display: block;

}

ul#pullDown li form { 

width: 100% !important;
padding-top: 0;
background: none;

}

#pullDown form label { 

display: none !important;

}

#pullDown li form button { 

margin: 0 10px;
margin-bottom: 5px;

}

.userDetails ul#infGroup { 

width: auto;
padding: 10px;
position: relative;

}

.userDetails li h4, .userDetails li { 

position: inherit !important;

}

ul.userDetails { 

float: left;
padding: 20px;
margin-bottom: 5px;
position: sticky;
background: #192865;

}

ul.userDetails li.avatarPic { 

width: 35px;
height: 35px;
float: left;
margin: 20px;
border: 1.5px solid #3b60ff;
border-radius: 60px;

}

ul.userDetails h3 { 

color: #fff;

}

.userDetails li h4 {

margin-top: 10px;
margin-left: 4%;
line-height: 29px;
position: relative;

}

.userDetails li#contactName { 

float: left;
margin-top: 0;

}

.userDetails li#number { 

width: 96% !important;

}

#userDetails input[type="submit"] { 

float: right !important;

}

.userDetails form { 

margin: 0;

}

table.blockList { 

display: none;

}

.mobilBlocking { 

display: block;

}

#readMessages { 

width: 100% !important;
overflow: scroll;
margin: 0;

}

article.index0 { 

display: none;

}

article.index0_Mobile { 

display: block;

}

section.index article #triangleLeftTop, section.index article #triangleBottomRight { 

display: none;

}

section.index article .spltr3 .triangleLeftTop, section.index article .spltr3 .triangleBottomRight { 

display: block;

}

section.index article .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-left:  425px solid transparent;
border-bottom: 45px solid #3f3f3f;
border-right: auto solid #3f3f3f;
margin-top: 118px;

}

article.index .spltr3 { 

width: 76% !important;
height: none !important;
padding: 0;
margin: 0 12%;
text-align: center;

}

article #triangleLeftTop { 

width: auto;
float: left;
padding: 30px 0;
border-left: auto solid #3f3f3f;
border-top: 65px solid #3f3f3f;
border-right: 1200px solid transparent;

}

article #triangleBottomRight { 

width: auto;
float: right;
padding: 0;
border-left: 1200px solid transparent;
border-bottom: 65px solid #3f3f3f;
border-right: auto solid #3f3f3f;

}

article.index .spltr3 { 

height: auto;

}

article.index .spltr3 h4 { 

margin-top: 40px !important;

}

article.index .spltr3 .triangleLeftTop { 

width: auto;
float: left;
border-left: auto solid #3f3f3f;
border-right: 100% solid transparent;
border-top: 95px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-right: auto solid #3f3f3f;
border-left: 100% solid transparent;
border-bottom: 30px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 #triangleLeftTop, article.index .spltr3 #triangleBottomRight { 

display: none !important;

}

article .triangleSlim, article#setup a#contactMsgStart i { 

margin-top: -78px;

}

a#contactMsgStart img { 

margin-top: -85px;

}

article#setup a#edit img { 

margin-left: 75% !important;

}

article.dataSecurity .spltr2 { 

width: 84% !important;
height: auto;
margin: 40px 8% !important;

}

article#setup i#schlecht, article#setup i#gehtSo, article#setup i#mittel, article#setup i#gut, article#setup i#sehrGut { 

margin-left: 0;

}

ul#personData { 

left: 0 !important;
margin-top: 15px;
position: absolute !important;

}

.userDetails li.avatarPic ul.blockquote { 

width: 325px;
padding: 45px;
position: none;

}

#selfMsg, #normalyMsg { 

width: 80%;
padding: 4%;

}

#selfMsg p.date { 

margin-left: 20px;

}

#selfMsg p.date:nth-child(odd) { 

margin-right: 20px;

}

#selfMsg form button[type="submit"]#delete { 

margin-right: -115px;

}

#selfAnswers { 

margin: -25px 20px -405px !important;
margin-bottom: 20px !important;

}

#normalyAnswers { 

margin: -25px 20px 0 !important;
margin-bottom: 20px;

}

a#reg, a#log { 

width: 100%;
margin: 10px 0;

}

#blockMsg p i { 

margin: 0;
margin-left: -33px;

}

p.groupBtn { 

display: block;

}

label i.fa-moon, label i.fa-sun, article#setup button#help i { 

margin-left: 15px;

}

article#setup input[type="submit"] { 

width: 45%;
margin: 0 2%;
display: block;

}

article#setup input[type="submit"]#reset, article#setup button#resetColor { 

width: 92%;
margin: 30px 4%;

}

article#setup .createGrp input[type="text"] { 

float: left;

}

article#setup hr { 

width: 100%;

}

i.fa-moon, i.fa-sun { 

font-size: 18px;
font-size: 1.125rem;

}

form.avatar input[type="submit"] { 

max-width: 96% !important;
float: left;
margin: 0 auto;

}

form textarea { 

width: 65%;

}

form#searchBox { 

width: 100% !important;
margin-top: -110px;

}

form#searchBox input { 

width: 80%;

}

form#searchBox button { 

right: 0;

}

form#sendMsg li { 

display: none;
margin: 4%;

}

form#sendMsg li.mobile { 

display: block !important;

}

form#sendMsg li i { 

font-size: 23px;
font-size: 1.rem;

}

form#login .triangle, form#register .triangle, form#pinSecure .triangle {

border-bottom: 45px solid #3b60ff;
border-left: 369px solid transparent;
border-top: auto solid #3b60ff;

}

form#register  .spltr1 { 

margin-bottom: 50px;

}

form#register .spltr4 { 

width: 17% !important;

}

form#register input[type="radio"]#language { 

margin-left: 17px;

}

.spltr4 label img { 

width: 25px !important;

}

.spltr1, .spltr2, .spltr3, .spltr2_3, .spltr1_3 { 

width: 92% !important;
margin-bottom: 40px !important;

}

.spltr1_3 { 

display: none;

}

form#setup button { 

width: 20px;
height: 20px;
margin: 0;
margin-left: 10%;

}

.specialSpltr { 

width: 100% !important;
margin: 20px 0 !important;
margin-bottom: 40px;
background: red;

}

}

@media only screen and (min-width: 480px) and (max-width: 648px) { 

#mobile-btn { 

display: block;

}

#wrapper { 

margin-top: 40px; 
margin-bottom: 80px;

}

header.description article { 

height: 420px;
padding: 0 4%;

}

header.description article a#log { 

width: 96% !important;

}

header.description .spltr1 { 

margin-bottom: 30px;

}

header.description .spltr4 { 

width: 42%;
height: 140px;
margin-bottom: 30px;

}

nav { 

display: block;
width: 100%;
padding: 0 4%;

}

nav a#logo { 

top: 30px !important;
left: 4%;
position: absolute;

}

nav ul { 

display: none;
width: 100%;
padding: 10px;
border-top: 1.2px #010101;

}

nav ul li { 

display: block;
padding: 5px 0;
list-style: none;

}

header ul#languageSelect { 

display: block;
position: absolute;

}

header ul#languageSelect li i { 

padding-left: 5px;

}

nav ul#languageSelect, nav ul#language { 

display: none !important;

}

nav ul hr { 

margin: 20px;

}

nav ul hr { 

display: block;

}

nav ul li.mobile { 

display: block;
margin: 0 15px;

}

#triangleIndex { 

width: auto;
float: left;
padding-top: 0;
border-left: 600px solid #b61010;
border-bottom: 125px solid transparent;
border-right: auto solid #b61010;

}

#meta { 

display: none;

}

p.meta-mobile_btn { 

display: block;
margin-top: 80px;

}

#meta ul { 

width: 100%;
float: left !important;
border: none !important;
background: #3b60ff;

}

#meta ul li { 

display: block;
width: 70%;
float: left;
color: #fff;
margin: 10px 0;

}

#pullDown { 

width: 100% !important;
left: 0;
top: 0;
padding: 0 !important;
position: relative !important;

}

#contacts .triangleSlim { 

margin-top: -75px !important;

}

#contacts button h4 { 

font-size: 20px;
font-size: 1.25rem;

}

#contacts li h4 { 

padding-left: 5px;
margin-top: -45px;

}

#userDetails { 

width: 100% !important;
right: 0;
top: 0;
padding-top: 0;
padding-right: 0 !important;
text-align: right;
border-top: 2px solid #3b60ff;
position: relative !important;
background: none !important;

}

ul#userDetails li img { 

float: right !important;

}

#meta li.pseudo { 

text-align: right !important;
padding-top: 20px;

}

ul.setupFirst li { 

display: block;

}

ul#pullDown li form { 

width: 100% !important;
padding-top: 0;
background: none;

}

#pullDown form label { 

display: none !important;

}

#pullDown li form button { 

margin: 0 10px;
margin-bottom: 5px;

}

.userDetails ul#infGroup { 

width: auto;
padding: 10px;
position: relative;

}

.userDetails li h4, .userDetails li { 

position: inherit !important;

}

ul.userDetails { 

float: left;
padding: 20px;
margin-bottom: 5px;
position: sticky;
background: #192865;

}

.userDetails ul#save { 

width: 180px !important;
margin-top: 20px;

}

ul.userDetails li.avatarPic { 

width: 35px;
height: 35px;
float: left;
margin: 20px;
border: 1.5px solid #3b60ff;
border-radius: 60px;

}

ul.userDetails h3 { 

color: #fff;

}

.userDetails li h4 {

margin-top: 10px;
margin-left: 4%;
line-height: 29px;
position: relative;

}

.userDetails li#contactName { 

float: left;
margin-top: 0;
background: none;

}

.userDetails li#number { 

width: 96% !important;

}

#userDetails input[type="submit"] { 

float: right !important;

}

.userDetails form { 

margin-t: 0;

}

table.blockList { 

display: none;

}

.mobilBlocking { 

display: block;

}

.mobilBlocking #triangleLeftTop { 

width: 0;
border-left: auto solid #3b60ff;
border-top: 65px solid #3b60ff;
border-right: 360px solid transparent

}

.mobilBlocking #triangleBottomRight { 

width: 0;
float: right;
border-right: auto solid #3b60ff;
border-bottom: 65px solid #3b60ff;
border-left: 360px solid transparent;

}

button#usrBlock { 

margin-top: 20px;

}

#readMessages { 

width: 100% !important;
overflow: scroll;
margin: 0;

}

article.index0 { 

display: none;

}

article.index0_Mobile { 

display: block;

}

section.index article #triangleLeftTop, section.index article #triangleBottomRight { 

display: none;

}

section.index article .spltr3 .triangleLeftTop, section.index article .spltr3 .triangleBottomRight { 

display: block;

}

section.index article .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-left:  425px solid transparent;
border-bottom: 45px solid #3f3f3f;
border-right: auto solid #3f3f3f;
margin-top: 118px;

}

article.index .spltr3 { 

width: 76% !important;
height: none !important;
padding: 0;
margin: 0 12%;
text-align: center;

}

article #triangleLeftTop { 

width: auto;
float: left;
padding: 30px 0;
border-left: auto solid #3f3f3f;
border-top: 65px solid #3f3f3f;
border-right: 1200px solid transparent;

}

article #triangleBottomRight { 

width: auto;
float: right;
padding: 0;
border-left: 1200px solid transparent;
border-bottom: 65px solid #3f3f3f;
border-right: auto solid #3f3f3f;

}

article.index .spltr3 { 

height: auto;

}

article.index .spltr3 h4 { 

margin-top: 40px !important;

}

article.index .spltr3 .triangleLeftTop { 

width: auto;
float: left;
border-left: auto solid #3f3f3f;
border-right: 100% solid transparent;
border-top: 95px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-right: auto solid #3f3f3f;
border-left: 100% solid transparent;
border-bottom: 30px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 #triangleLeftTop, article.index .spltr3 #triangleBottomRight { 

display: none !important;

}

article .triangleSlim, article#setup a#contactMsgStart i { 

margin-top: -85px;

}

a#contactMsgStart img { 

margin-top: -85px;

}

article#setup a#edit img { 

margin-left: 75% !important;

}

article.dataSecurity .spltr2 { 

width: 84% !important;
height: auto;
margin: 40px 8% !important;

}

ul#personData { 

left: 0 !important;
margin-top: 15px;
position: absolute !important;

}

article#setup i#schlecht, article#setup i#gehtSo, article#setup i#mittel, article#setup i#gut, article#setup i#sehrGut { 

margin-left: 0;

}

article#setup .createGrp input[type="text"] { 

float: left;

}

.userDetails ul#save { 

width: 220px;

}

.userDetails li.avatarPic ul.blockquote { 

width: 355px;
padding: 45px;
position: none;

}

.userDetails li#contactName { 

margin-top: 10px;
background: red;

}

#selfMsg, #normalyMsg { 

width: 80%;
padding: 4%;

}

#selfMsg p.date { 

margin-left: 20px;

}

#selfMsg p.date:nth-child(even) { 

float: right;
margin-right: 115px;

}

#selfMsg p.date:nth-child(odd) { 

margin-right: 15px;

}

#selfMsg form button[type="submit"]#delete { 

margin-right: -115px;

}

#selfAnswers { 

margin-right: 25px !important;

}

#normalyAnswers { 

margin: -25px 20px 0 !important;
margin-bottom: 20px;

}

a#reg, a#log { 

width: 44%;
margin: 30px 0;

}

#blockMsg p i { 

margin: 0;
margin-left: -33px;

}

p.groupBtn { 

display: block;

}

label i.fa-moon, label i.fa-sun, article#setup button#help i { 

margin-left: 15px;

}

article#setup input[type="submit"] { 

width: 45%;
margin: 0 2%;
display: block;

}

article#setup input[type="submit"]#reset, article#setup button#resetColor { 

width: 92%;
margin: 30px 4%;

}

article#setup hr { 

width: 100%;

}

i.fa-moon, i.fa-sun { 

font-size: 21px;
font-size: 1.313rem;
margin-left: 5px;

}

form.avatar input[type="submit"] { 

max-width: 96% !important;
float: left;
margin: 0 auto;

}

form textarea { 

width: 80%;

}

form#searchBox { 

width: 100% !important;
margin-top: -105px;
margin-bottom: 30px;

}

form#searchBox input { 

width: 80%;

}

form#searchBox button { 

right: 0;

}

form#sendMsg li { 

display: none;
margin: 4%;

}

form#sendMsg li.mobile { 

display: block !important;

}

form#sendMsg li i { 

font-size: 23px;
font-size: 1.rem;

}

form#login .triangle, form#register .triangle, form#pinSecure .triangle {

border-bottom: 45px solid #3b60ff;
border-left: 369px solid transparent;
border-top: auto solid #3b60ff;

}

form#register .spltr1 { 

margin-bottom: 50px;

}

form#register .spltr4 { 

width: 17% !important;

}

form#register .spltr4 label { 

margin-left: -10px;

}

form#register input[type="radio"]#language { 

margin-left: 17px;

}

.spltr4 label img { 

width: 25px !important;
margin-left: 5px;

}

.spltr1, .spltr2, .spltr3, .spltr2_3, .spltr1_3 { 

width: 92% !important;
margin-bottom: 40px !important;

}

.spltr1_3 { 

display: none;

}

form#setup button:first-child { 

margin-left: 0;

}

form#setup button { 

width: 20px;
height: 20px;
margin: 0;
margin-left: 14%;

}

.specialSpltr { 

width: 100% !important;
margin: 20px 0 !important;
margin-bottom: 40px;

}

}

@media only screen and (min-width: 649px) and (max-width: 767px) { 

#mobile-btn { 

display: block;

}

#wrapper { 

margin-top: 40px; 
margin-bottom: 80px;

}

header.description article { 

height: 420px;
padding: 0 4%;

}

header.description article a#log { 

width: 96% !important;

}

header.description .spltr1 { 

margin-bottom: 30px;

}

header.description .spltr4 { 

width: 42%;
height: 140px;
margin-bottom: 30px;

}

nav { 

width: 100%;
padding: 0 4%;

}

nav a#logo { 

top: 30px !important;
left: 4%;
position: absolute;

}

nav ul { 

display: none;
width: 100%;
padding: 10px;
border-top: 1.2px #010101;

}

nav ul li { 

display: block;
padding: 5px 0;
list-style: none;

}

header ul#languageSelect { 

display: block;
position: absolute;

}

header ul#languageSelect li i { 

padding-left: 5px;

}

nav ul#languageSelect, nav ul#language { 

display: none !important;

}

nav ul hr { 

margin: 20px;

}

nav ul li.mobile { 

display: block;
margin: 0 15px;

}

#triangleIndex { 

width: auto;
float: left;
padding-top: 0;
border-left: 600px solid #b61010;
border-bottom: 125px solid transparent;
border-right: auto solid #b61010;

}

#meta { 

display: none;

}

p.meta-mobile_btn { 

display: block;

}

#meta ul { 

width: 100%;
float: left !important;
border: none !important;
background: #3b60ff;

}

#meta ul li { 

display: block;
width: 70%;
float: left;
color: #fff;
margin: 10px 0;

}

#pullDown { 

width: 100% !important;
left: 0;
top: 0;
padding: 0 !important;
position: relative !important;

}

#contacts .triangleSlim { 

margin-top: -85px !important;

}

#contacts button h4 { 

font-size: 20px;
font-size: 1.25rem;

}

#userDetails { 

width: 100% !important;
right: 0;
top: 0;
padding-top: 0;
padding-right: 0 !important;
text-align: right;
border-top: 2px solid #3b60ff;
position: relative !important;
background: none !important;

}

ul#userDetails li img { 

float: right !important;

}

#contacts li h4 { 

padding-left: 5px;
margin-top: -45px;

}

#meta li.pseudo { 

text-align: right !important;
padding-top: 20px;

}

ul.setupFirst li { 

display: block;

}

ul#pullDown li form { 

width: 100% !important;
padding-top: 0;
background: none;

}

#pullDown form label { 

display: none !important;

}

#pullDown li form button { 

margin: 0 10px;
margin-bottom: 5px;

}

.userDetails ul#infGroup { 

width: auto;
padding: 10px;
position: relative;

}

.userDetails li h4, .userDetails li { 

position: inherit !important;

}

ul.userDetails { 

float: left;
padding: 20px;
margin-bottom: 5px;
position: sticky;
background: #192865;

}

ul.userDetails li.avatarPic { 

width: 35px;
height: 35px;
float: left;
margin: 20px;
border: 1.5px solid #3b60ff;
border-radius: 60px;

}

ul.userDetails h3 { 

color: #fff;

}

.userDetails li h4 {

margin-top: 10px;
margin-left: 4%;
line-height: 29px;
position: relative;

}

.userDetails li#contactName { 

float: left;
margin-top: 0;

}

.userDetails li#number { 

width: 96% !important;

}

#userDetails input[type="submit"] { 

float: right !important;

}

.userDetails form { 

margin-t: 0;

}

table.blockList { 

display: none;

}

.mobilBlocking { 

display: block;

}

.mobilBlocking #triangleLeftTop { 

width: 0;
border-left: auto solid #3b60ff;
border-top: 65px solid #3b60ff;
border-right: 502px solid transparent

}

.mobilBlocking #triangleBottomRight { 

width: 0;
float: right;
border-right: auto solid #3b60ff;
border-bottom: 65px solid #3b60ff;
border-left: 502px solid transparent;

}

button#usrBlock { 

margin-top: 20px;
margin-right: 10px;

}

#readMessages { 

width: 100% !important;
overflow: scroll;
margin: 0;

}

article.index0 { 

display: none;

}

article.index0_Mobile { 

display: block;

}

section.index article #triangleLeftTop, section.index article #triangleBottomRight { 

display: none;

}

section.index article .spltr3 .triangleLeftTop, section.index article .spltr3 .triangleBottomRight { 

display: block;

}

section.index article .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-left:  425px solid transparent;
border-bottom: 45px solid #3f3f3f;
border-right: auto solid #3f3f3f;
margin-top: 118px;

}

article.index .spltr3 { 

width: 76% !important;
height: none !important;
padding: 0;
margin: 0 12%;
text-align: center;

}

article #triangleLeftTop { 

width: auto;
float: left;
padding: 30px 0;
border-left: auto solid #3f3f3f;
border-top: 65px solid #3f3f3f;
border-right: 1200px solid transparent;

}

article #triangleBottomRight { 

width: auto;
float: right;
padding: 0;
border-left: 1200px solid transparent;
border-bottom: 65px solid #3f3f3f;
border-right: auto solid #3f3f3f;

}

article.index .spltr3 { 

height: auto;

}

article.index .spltr3 h4 { 

margin-top: 40px !important;

}

article.index .spltr3 .triangleLeftTop { 

width: auto;
float: left;
border-left: auto solid #3f3f3f;
border-right: 100% solid transparent;
border-top: 95px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-right: auto solid #3f3f3f;
border-left: 100% solid transparent;
border-bottom: 30px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 #triangleLeftTop, article.index .spltr3 #triangleBottomRight { 

display: none !important;

}

article .triangleSlim, article#setup a#contactMsgStart i { 

margin-top: -87px;

}

a#contactMsgStart img { 

margin-top: -85px;

}

article#setup a#edit img { 

margin-left: 80% !important;

}

article.dataSecurity .spltr2 { 

width: 84% !important;
height: auto;
margin: 40px 8% !important;

}

ul#personData { 

left: 0 !important;
margin-top: 15px;
position: absolute !important;

}

article#setup i#schlecht, article#setup i#gehtSo, article#setup i#mittel, article#setup i#gut, article#setup i#sehrGut { 

margin-left: 0;

}

.userDetails li.avatarPic ul.blockquote { 

width: 505px;
padding: 45px;
position: none;

}

.userDetails li.number { 

margin-top: 30px;
margin-right: -145px;

}

.userDetails li#contactName { 

margin-top: 10px;

}

#selfMsg, #normalyMsg { 

width: 80%;
padding: 4%;

}

#selfMsg p.date { 

margin-left: 20px;

}

#selfMsg p.date:nth-child(even) { 

float: right;
margin-right: 115px;

}

#selfMsg p.date:nth-child(odd) { 

margin-right: 15px;

}

#selfMsg form button[type="submit"]#delete { 

margin-right: -125px;

}

#selfAnswers { 

margin-right: 90px !important;

}

#normalyAnswers { 

margin-left: 90px;
margin-bottom: 20px;

}

a#reg, a#log { 

width: 44%;
margin: 30px 0;

}

#blockMsg p i { 

margin: 0;
margin-left: -33px;

}

p.groupBtn { 

display: block;

}

label i.fa-moon, label i.fa-sun, article#setup button#help i { 

margin-left: 30px;

}

article#setup input[type="submit"] { 

width: 45%;
margin: 0 2%;
display: block;

}

article#setup input[type="submit"]#reset, article#setup button#resetColor { 

width: 92%;
margin: 30px 4%;

}

article#setup .createGrp input[type="text"] { 

float: left;

}

article#setup hr { 

width: 100%;

}

i.fa-moon, i.fa-sun { 

font-size: 21px;
font-size: 1.313rem;

}

form.avatar input[type="submit"] { 

max-width: 96% !important;
float: left;
margin: 0 auto;

}

form textarea { 

width: 85%;

}

form#searchBox { 

width: 80% !important;
margin-top: -100px;

}

form#searchBox input { 

width: 80%;

}

form#searchBox button { 

right: 0;

}

form#sendMsg li { 

display: none;
margin: 4%;

}

form#sendMsg li.mobile { 

display: block !important;

}

form#sendMsg li i { 

font-size: 23px;
font-size: 1.rem;

}

form#login .triangle, form#register .triangle, form#pinSecure .triangle {

border-bottom: 45px solid #3b60ff;
border-left: 369px solid transparent;
border-top: auto solid #3b60ff;

}

form#register .spltr1 { 

margin-bottom: 50px;

}

form#register .spltr4 { 

width: 17% !important;

}

form#register .spltr4 label { 

margin-left: -10px;

}

form#register input[type="radio"]#language { 

margin-left: 17px;

}

.spltr4 label img { 

width: 25px !important;
margin-left: 12px;

}

.spltr1, .spltr2, .spltr3, .spltr2_3, .spltr1_3 { 

width: 92% !important;
margin-bottom: 40px !important;

}

.spltr1_3 { 

display: none;

}

form#setup button:first-child { 

margin-left: 0;

}

form#setup button { 

width: 20px;
height: 20px;
margin: 0;
margin-left: 16%;

}

.specialSpltr { 

width: 100% !important;
margin: 20px 0 !important;
margin-bottom: 40px;

}

}

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

#mobile-btn { 

display: block;

}

#wrapper { 

margin-top: 40px; 
margin-bottom: 80px;

}

header.description article { 

height: 420px;
padding: 0 4%;

}

header.description article a#log { 

width: 96% !important;

}

header.description .spltr1 { 

margin-bottom: 30px;

}

header.description .spltr4 { 

width: 42%;
height: 140px;
margin-bottom: 30px;

}

nav { 

width: 100%;
padding: 0 4%;

}

nav a#logo { 

top: 30px !important;
left: 4%;
position: absolute;

}

nav ul { 

display: none;
width: 100%;
padding: 10px;
border-top: 1.2px #010101;

}

nav ul li { 

display: block !important;
padding: 5px 0;
list-style: none;

}

header ul#languageSelect { 

display: block;
position: absolute;

}

header ul#languageSelect li i { 

padding-left: 5px;

}

nav ul#languageSelect, nav ul#language { 

display: none !important;

}

nav ul hr { 

margin: 20px;

}

nav ul hr { 

display: block;

}

nav ul li.mobile { 

display: inline;
margin: 0 15px;

}

#triangleIndex { 

width: auto;
float: left;
padding-top: 0;
border-left: 600px solid #b61010;
border-bottom: 125px solid transparent;
border-right: auto solid #b61010;

}

#meta { 

display: none;

}

p.meta-mobile_btn { 

display: block;
margin-top: 80px;

}

#meta ul { 

width: 100%;
float: left !important;
border: none !important;
background: #3b60ff;

}

#meta ul li { 

display: block;
width: 70%;
float: left;
color: #fff;
margin: 10px 0;

}

#pullDown { 

width: 100% !important;
left: 0;
top: 0;
padding: 0 !important;
position: relative !important;

}

#contacts .triangleSlim { 

margin-top: -85px !important;

}

#contacts button h4 { 

font-size: 20px;
font-size: 1.25rem;

}

#userDetails { 

width: 100% !important;
right: 0;
top: 0;
padding-top: 0;
padding-right: 0 !important;
text-align: right;
border-top: 2px solid #3b60ff;
position: relative !important;
background: none !important;

}

ul#userDetails li img { 

float: right !important;

}

#meta li.pseudo { 

text-align: right !important;
padding-top: 20px;

}

ul.setupFirst li { 

display: block;

}

ul#pullDown li form { 

width: 100% !important;
padding-top: 0;
background: none;

}

#pullDown form label { 

display: none !important;

}

#pullDown li form button { 

margin: 0 10px;
margin-bottom: 5px;

}

.userDetails ul#infGroup { 

width: auto;
padding: 10px;
position: relative;

}

.userDetails li h4, .userDetails li { 

position: inherit !important;

}

ul.userDetails { 

float: left;
padding: 20px;
margin-bottom: 5px;
position: sticky;
background: #192865;

}

ul.userDetails li.avatarPic { 

width: 35px;
height: 35px;
float: left;
margin: 20px;
border: 1.5px solid #3b60ff;
border-radius: 60px;

}

ul.userDetails h3 { 

color: #fff;

}

.userDetails li h4 {

margin-top: 10px;
margin-left: 4%;
line-height: 29px;
position: relative;

}

.userDetails li#contactName { 

float: left;
margin-top: 0;

}

.userDetails li#number { 

width: 96% !important;

}

#userDetails input[type="submit"] { 

float: right !important;

}

.userDetails form { 

margin: 0;

}

table.blockList { 

display: none;

}

.mobilBlocking { 

display: block;

}

.mobilBlocking #triangleLeftTop { 

width: 0;
border-left: auto solid #3b60ff;
border-top: 65px solid #3b60ff;
border-right: 600px solid transparent

}

.mobilBlocking #triangleBottomRight { 

width: 0;
float: right;
border-right: auto solid #3b60ff;
border-bottom: 65px solid #3b60ff;
border-left: 600px solid transparent;

}

button#usrBlock { 

margin-top: 20px;
margin-right: 50px;

}

#readMessages { 

width: 100% !important;
overflow: scroll;
margin: 0;

}

article.index0 { 

display: none;

}

article.index0_Mobile { 

display: block;

}

section.index article #triangleLeftTop, section.index article #triangleBottomRight { 

display: none;

}

section.index article .spltr3 .triangleLeftTop, section.index article .spltr3 .triangleBottomRight { 

display: block;

}

section.index article .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-left:  425px solid transparent;
border-bottom: 45px solid #3f3f3f;
border-right: auto solid #3f3f3f;
margin-top: 118px;

}

article.index .spltr3 { 

width: 76% !important;
height: none !important;
padding: 0;
margin: 0 12%;
text-align: center;

}

article #triangleLeftTop { 

width: auto;
float: left;
padding: 30px 0;
border-left: auto solid #3f3f3f;
border-top: 65px solid #3f3f3f;
border-right: 1200px solid transparent;

}

article #triangleBottomRight { 

width: auto;
float: right;
padding: 0;
border-left: 1200px solid transparent;
border-bottom: 65px solid #3f3f3f;
border-right: auto solid #3f3f3f;

}

article.index .spltr3 { 

height: auto;

}

article.index .spltr3 h4 { 

margin-top: 40px !important;

}

article.index .spltr3 .triangleLeftTop { 

width: auto;
float: left;
border-left: auto solid #3f3f3f;
border-right: 100% solid transparent;
border-top: 95px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-right: auto solid #3f3f3f;
border-left: 100% solid transparent;
border-bottom: 30px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 #triangleLeftTop, article.index .spltr3 #triangleBottomRight { 

display: none !important;

}

article .triangleSlim, article#setup a#contactMsgStart i { 

margin-top: -92px;

}

a#contactMsgStart img { 

margin-top: -92px;

}

article#setup a#edit img { 

margin-left: 85% !important;

}

article.dataSecurity .spltr2 { 

width: 84% !important;
height: auto;
margin: 40px 8% !important;

}

ul#personData { 

left: 0 !important;
margin-top: 15px;
position: absolute !important;

}

article#setup i#schlecht, article#setup i#gehtSo, article#setup i#mittel, article#setup i#gut, article#setup i#sehrGut { 

margin-left: 0;

}

.userDetails li.avatarPic ul.blockquote { 

width: 605px;
padding: 45px;
position: none;

}

.userDetails li.number { 

margin-top: 30px;
margin-right: -145px;

}

.userDetails li#contactName { 

margin-top: 10px;

}

#selfMsg, #normalyMsg { 

width: 80%;
padding: 4%;

}

#selfMsg p.date { 

margin-left: 20px;

}

#selfMsg p.date:nth-child(even) { 

float: right;
margin-right: 115px;

}

#selfMsg p.date:nth-child(odd) { 

margin-right: 15px;

}

#selfMsg form button[type="submit"]#delete { 

margin-right: -125px;

}

#selfAnswers { 

margin-right: 90px !important;

}

#normalyAnswers { 

margin-left: 90px;
margin-bottom: 20px;

}

a#reg, a#log { 

width: 44%;
margin: 30px 0;

}

#blockMsg p i { 

margin: 0;
margin-left: -33px;

}

p.groupBtn { 

display: block;

}

label i.fa-moon, label i.fa-sun, article#setup button#help i { 

margin-left: 15px;

}

article#setup input[type="submit"] { 

width: 45%;
margin: 0 2%;
display: block;

}

article#setup input[type="submit"]#reset, article#setup button#resetColor { 

width: 92%;
margin: 30px 4%;

}

article#setup hr { 

width: 100%;

}

i.fa-moon, i.fa-sun { 

font-size: 21px;
font-size: 1.313rem;

}

form.avatar input[type="submit"] { 

max-width: 96% !important;
float: left;
margin: 0 auto;

}

form textarea { 

width: 85%;

}

form#searchBox { 

width: 59% !important;

}

form#searchBox input { 

width: 80%;

}

form#searchBox button { 

right: 0;

}

form#sendMsg li { 

display: none;
margin: 4%;

}

form#sendMsg li.mobile { 

display: block !important;

}

form#sendMsg li i { 

font-size: 23px;
font-size: 1.rem;

}

form#login .triangle, form#register .triangle, form#pinSecure .triangle {

border-bottom: 45px solid #3b60ff;
border-left: 369px solid transparent;
border-top: auto solid #3b60ff;

}

form#register .spltr1 { 

margin-bottom: 50px;

}

form#register .spltr4 { 

width: 17% !important;

}

form#register .spltr4 label { 

margin-left: -10px;

}

form#register input[type="radio"]#language { 

margin-left: 17px;

}

.spltr4 label img { 

width: 25px !important;

}

.spltr1, .spltr2, .spltr3, .spltr2_3, .spltr1_3 { 

width: 92% !important;
margin-bottom: 40px !important;

}

.spltr1_3 { 

display: none;

}

form#setup button:first-child { 

margin-left: 0;

}

form#setup button { 

width: 20px;
height: 20px;
margin: 0;
margin-left: 18%;

}

.specialSpltr { 

width: 100% !important;
margin: 20px 0 !important;
margin-bottom: 40px;

}

}

@media only screen and (min-width: 1025px) and (max-width: 1199px) { 

#mobile-btn { 

display: none;

}

#wrapper { 

margin-top: 40px; 
margin-bottom: 80px;

}

header.description article { 

height: 420px;
padding: 0 4%;

}

header.description article a#log { 

width: 96% !important;

}

header.description .spltr1 { 

margin-bottom: 30px;

}

header.description .spltr4 { 

width: 42%;
height: 140px;
margin-bottom: 30px;

}

nav { 

width: 100%;
padding: 0 4%;

}

nav a#logo { 

top: 15px !important;
left: 4%;
position: absolute;

}

nav ul { 

display: block;
width: 100%;
padding: 10px;
border-top: 1.2px #010101;

}

nav ul li { 

display: inline !important;
padding: 5px 0;
margin-top: 10px !important;
list-style: none;

}

header ul#languageSelect { 

display: block;
margin-top: -5px;
margin-left: 270px;
position: absolute;

}

header ul#languageSelect li i { 

padding-left: 5px;

}

nav ul#languageSelect, nav ul#language { 

display: none !important;

}

nav ul hr { 

margin: 20px;

}

nav ul hr { 

display: block;

}

nav ul li.mobile { 

display: inline;
margin: 0 15px;

}

#triangleIndex { 

width: auto;
float: left;
padding-top: 0;
border-left: 600px solid #b61010;
border-bottom: 125px solid transparent;
border-right: auto solid #b61010;

}

#meta { 

display: block;

}

p.meta-mobile_btn { 

margin-top: 80px;

}

#meta ul { 

width: 100%;
float: left !important;
border: none !important;
background: #3b60ff;

}

#meta ul li { 

width: auto;
float: left;
color: #fff;
margin: 10px 25px;

}

#pullDown { 

width: auto !important;
left: 0;
top: 0px;
position: absolute !important;

}

#contacts .triangleSlim { 

margin-top: -85px !important;

}

#contacts button h4 { 

font-size: 20px;
font-size: 1.25rem;

}

#userDetails { 

width: 45% !important;
float: right !important;
right: 0;
top: -10px;
padding-top: 0;
padding-right: 0 !important;
text-align: right;
border-top: 2px solid #3b60ff;
position: relative !important;
background: red !important;

}

ul#userDetails li img { 

float: right !important;

}

#meta li.pseudo { 

text-align: right !important;
margin-top: 0 !important;

}

#register .spltr1 .spltr4 label { 

margin-left: -40px;

}

ul.setupFirst li { 

display: block;

}

ul#pullDown li form { 

width: 100% !important;
padding-top: 0;
background: none;

}

#pullDown form label { 

display: none !important;

}

#pullDown li form button { 

margin: 0 10px;
margin-bottom: 5px;

}

.userDetails ul#infGroup { 

width: auto;
padding: 10px;
position: relative;

}

.userDetails li h4, .userDetails li { 

position: inherit !important;

}

ul.userDetails { 

float: left;
padding: 20px;
margin-bottom: 5px;
position: sticky;
background: #192865;

}

ul.userDetails li.avatarPic { 

width: 35px;
height: 35px;
float: left;
margin: 20px;
border: 1.5px solid #3b60ff;
border-radius: 60px;

}

ul.userDetails h3 { 

color: #fff;

}

.userDetails li h4 {

margin-top: 10px;
margin-left: 4%;
line-height: 29px;
position: relative;

}

.userDetails li#contactName { 

float: left;
margin-top: 0;

}

.userDetails li#number { 

width: 96% !important;

}

.userDetails li.avatarPic {

 width: 65px;
 height: 65px;
 
}

.userDetails li.avatarPic ul.blockquote {

 position: relative;
 margin-top: -80px;
 
}

.userDetails form#privateChat {

 position: relative !important;
 
}
                       
.userDetails ul#save {

 width: 380px;
 margin-top: 40px;
 
}

.userDetails ul#save li p {

 background: #3c3c3c !important;
 
}

#userDetails input[type="submit"] { 

float: right !important;

}

.userDetails form { 

margin-t: 0;

}

#readMessages { 

width: 100% !important;
overflow: scroll;
margin: 0;

}

article.index0 { 

display: none;

}

article.index0_Mobile { 

display: block;

}

section.index article #triangleLeftTop, section.index article #triangleBottomRight { 

display: none;

}

section.index article .spltr3 .triangleLeftTop, section.index article .spltr3 .triangleBottomRight { 

display: block;

}

section.index article .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-left:  425px solid transparent;
border-bottom: 45px solid #3f3f3f;
border-right: auto solid #3f3f3f;
margin-top: 118px;

}

article.index .spltr3 { 

width: 76% !important;
height: none !important;
padding: 0;
margin: 0 12%;
text-align: center;

}

article #triangleLeftTop { 

width: auto;
float: left;
padding: 30px 0;
border-left: auto solid #3f3f3f;
border-top: 65px solid #3f3f3f;
border-right: 1200px solid transparent;

}

article #triangleBottomRight { 

width: auto;
float: right;
padding: 0;
border-left: 1200px solid transparent;
border-bottom: 65px solid #3f3f3f;
border-right: auto solid #3f3f3f;

}

article.index .spltr3 { 

height: auto;

}

article.index .spltr3 h4 { 

margin-top: 40px !important;

}

article.index .spltr3 .triangleLeftTop { 

width: auto;
float: left;
border-left: auto solid #3f3f3f;
border-right: 100% solid transparent;
border-top: 95px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 .triangleBottomRight { 

width: auto;
float: right;
border-right: auto solid #3f3f3f;
border-left: 100% solid transparent;
border-bottom: 30px solid #3f3f3f !important;
position: relative;

}

article.index .spltr3 #triangleLeftTop, article.index .spltr3 #triangleBottomRight { 

display: none !important;

}

article .triangleSlim, article#setup a#contactMsgStart i { 

margin-top: -105px;

}

a#contactMsgStart img { 

margin-top: -105px;

}

article#setup a#edit img { 

margin-left: 88% !important;

}

article.dataSecurity .spltr2 { 

width: 84% !important;
height: auto;
margin: 40px 8% !important;

}

article#setup i#schlecht, article#setup i#gehtSo, article#setup i#mittel, article#setup i#gut, article#setup i#sehrGut { 

margin-left: 0;

}

.userDetails li.avatarPic ul.blockquote { 

width: 605px;
padding: 45px;
position: none;

}

.userDetails li.number { 

margin-top: 30px;
margin-right: -145px;

}

.userDetails li#contactName { 

margin-top: 10px;

}

#selfMsg, #normalyMsg { 

width: 80%;
padding: 4%;

}

#selfMsg p.date { 

margin-left: 20px;

}

#selfMsg p.date:nth-child(even) { 

float: right;
margin-right: 115px;

}

#selfMsg p.date:nth-child(odd) { 

margin-right: 15px;

}

#selfMsg form button[type="submit"]#delete { 

margin-right: -135px;

}

#selfAnswers { 

margin-right: 145px !important;

}

#normalyAnswers { 

margin-left: 145px;
margin-bottom: 20px;

}

a#reg, a#log { 

width: 44%;
margin: 30px 0;

}

#blockMsg p i { 

margin: 0;
margin-left: -33px;

}

p.groupBtn { 

display: block;

}

label i.fa-moon, label i.fa-sun, article#setup button#help i { 

margin-left: 15px;

}

article#setup input[type="submit"] { 

width: 45%;
margin: 0 2%;
display: block;

}

article#setup input[type="submit"]#reset, article#setup button#resetColor { 

width: 92%;
margin: 30px 4%;

}

article#setup hr { 

width: 100%;

}

i.fa-moon, i.fa-sun { 

font-size: 21px;
font-size: 1.313rem;

}

form.avatar input[type="submit"] { 

max-width: 96% !important;
float: left;
margin: 0 auto;

}

form textarea { 

width: 85%;

}

form#searchBox { 

width: 59% !important;

}

form#searchBox input { 

width: 80%;

}

form#searchBox button { 

right: 0;

}

form#sendMsg li { 

display: none;
margin: 4%;

}

form#sendMsg li.mobile { 

display: block !important;

}

form#sendMsg li i { 

font-size: 23px;
font-size: 1.rem;

}

form#login .triangle, form#register .triangle, form#pinSecure .triangle {

border-bottom: 45px solid #3b60ff;
border-left: 369px solid transparent;
border-top: auto solid #3b60ff;

}

form#register .spltr1 { 

margin-bottom: 50px;

}

form#register .spltr4 { 

width: 17% !important;

}

form#register .spltr4 label { 

margin-left: -10px;

}

form#register input[type="radio"]#language { 

margin-left: 17px;

}

.spltr4 label img { 

width: 25px !important;
margin-left: 30px;

}

.spltr1, .spltr2, .spltr3, .spltr2_3, .spltr1_3 { 

width: 92% !important;
margin-bottom: 40px !important;

}

.spltr1_3 { 

display: none;

}

form#setup button:first-child { 

margin-left: 0;

}

form#setup button:first-child { 

margin-left: 10px;

}

form#setup button { 

width: 20px;
height: 20px;
margin: 0;
margin-left: 19%;

}

.specialSpltr { 

width: 100% !important;
margin: 20px 0 !important;
margin-bottom: 40px;

}

}

@media only screen and (min-width: 1200px) and (max-width: 1900px) { 

.userDetails li h4, .userDetails li { 

position: inherit !important;

}

header.description article { 

position: inherit !important;

}

.userDetails li#number { 

width: 96% !important;

}

.userDetails li.avatarPic {

 width: 65px;
 height: 65px;
 
}

.userDetails li.avatarPic ul.blockquote {

 position: relative;
 margin-top: -80px;
 
}

.userDetails form#privateChat {

 position: relative !important;
 
}
                       
.userDetails ul#save {

 width: 380px;
 margin-top: 40px;
 
}

.userDetails ul#save li p {

 background: #3c3c3c !important;
 
}

.userDetails li.avatarPic {

 width: 65px;
 height: 65px;
 
}

.userDetails li.avatarPic ul.blockquote {

 position: relative;
 margin-top: -80px;
 
}

.userDetails form#privateChat {

 position: relative !important;
 
}
                       
.userDetails ul#save {

 width: 380px;
 margin-top: 40px;
 
}

.userDetails ul#save li p {

 background: #3c3c3c !important;
 
}

}