@font-face {
font-family: 'Kiarash';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url('https://brain.kiarash.be/code/font/english/avenir-next-condensed/RWT.ttf') format('truetype');
}

@font-face {
font-family: 'Kiarash';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url('https://brain.kiarash.be/code/font/english/avenir-next-condensed/RWTO.ttf') format('truetype');
}

@font-face {
font-family: 'Kiarash';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://brain.kiarash.be/code/font/english/avenir-next-condensed/RWR.ttf') format('truetype');
}

@font-face {
font-family: 'Kiarash';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url('https://brain.kiarash.be/code/font/english/avenir-next-condensed/RWO.ttf') format('truetype');
}

* {
font-family: 'Kiarash';
}
a {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
input,
textarea {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
button {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
body {
background: url("https://safe.kiarash.be/image/theme/mobile-background.png") repeat;
position: relative;
overflow: visible;
}
#background {
position: fixed;
z-index: 0;
background: url("https://safe.kiarash.be/image/background/prague-vertical.jpg") 50% 50% no-repeat;background-size: cover;
width: 100%;
height: 100%;
display: inline-block;
}
#texture {
position: fixed;
z-index: 2;
background: url("https://safe.kiarash.be/image/theme/texture.png");
width: 100%;
height: 100%;
opacity: 0.85;
}
#media {
display: none;
}
.musicbox {
visibility: hidden;
display: none;
}
#bar {
opacity: 1;
background-color: rgba(102,153,204,0);
z-index: 11999;
position: fixed;
color: #f7f7f7;
right: 0;
display: block;
width: 100%;
top: 0;
height: 40px;
}
.logo-bar{
height: 100%;
width: auto;
margin: 0 5px;
}
#accessory {
display: none;
}
.accessory {
display: none;
}
.menutoggle {
display: none;
}
*::-webkit-input-placeholder {
font-size: 10px;
}
*:-moz-placeholder {
font-size: 10px;
}
*::-moz-placeholder {
font-size: 10px;
}
*:-ms-input-placeholder {
font-size: 10px;
}
.entity-box{
position: fixed;
top: 0;
padding: 40px 0 5px 0;
max-height: 70%;
z-index: 10000;
}
.fullcontent {
display: inline-block;
max-width: 100%;
}
.fullcontent .menuwrapper {
display: inline-block;
height: auto;
max-width: 100%;
width: 100%;
padding: 0;
}
.fullcontent .mainmenu {
position: relative;
width: 100%;
height: auto;
display: inline-block;
margin: 50px 0 0 0;
}
.fullcontent .mainmenu .menu-items {
display: table;
margin: 0 auto;
margin-top: 50px;
text-align: center;
}
.fullcontent .mainmenu .menu-items .menuitem {
left: 0 !important;
top: 0 !important;
position: relative;
display: inline-block;
overflow: hidden;
font-size: 90%;
float: none;
clear: none;
vertical-align: middle;
width: auto;
border: none;
margin: 0 10px;
padding: 5px;
z-index: 100;
text-align: center;
cursor: pointer;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.fullcontent .mainmenu .menu-items .menuitem i {
opacity: 0.8;
float: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.fullcontent .mainmenu .menu-items .menuitem .menu-title {
display:none;
font-size: 90%;
opacity: 0.5;
margin: 0;
text-align: center;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.fullcontent .mainmenu .menu-items .menuitem:hover i {
text-shadow: 0 0 10px rgba(247,247,247, 0.4);
}
.fullcontent .mainmenu .menu-items .menuitem.active i,
.fullcontent .mainmenu .menu-items .menuitem.active .menu-title {
text-shadow: none;
}
.page {
height: auto;
display: inline-block;
position: relative;
width: 100%;
}
.bigpage .page {
border: 0;
}
.page .wrapper {
display: inline-block;
position: relative;
height: auto !important;
overflow: visible;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
opacity: 1;
}
.page .wrapper .table {
height: auto;
}
.page .wrapper .table .table-cell {
padding: 20px;
}
.page .wrapper .table .table-cell .container {
float: left;
display: inline-block;
color: #fff;
max-width: 100%;
position: relative;
width: 100%;
min-width: 0;
}
.page .wrapper.active {
opacity: 1;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-resolution: 144dpi) {
#background {
background: url("https://safe.kiarash.be/image/background/prague-vertical.jpg") 50% 50% no-repeat;background-size: cover;
}
#texture {
background: url("https://safe.kiarash.be/image/theme/texture.png") repeat;
}
}