@font-face {
    font-family: 'obelixproregular';
    src: url('../fonts/obelixpro-cyr-webfont.woff2') format('woff2'),
         url('../fonts/obelixpro-cyr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.x1 {color: #FFEB00}
.x2 {font-family: obelixproregular}
.x3 {font-size: 16}

#model{
	width:195px;
	height:260px;
	
}
#model:hover{
	border:0px solid #559AF7;
}
#model img{
	width:195px;
	height:260px;
}
.image{ 
	z-index:1; 
	position:absolute; 
} 
.ugol{ 
	z-index:2;
	position:absolute; 
	opacity:1.3;
}
.ugol:hover{
	opacity:0.9;
}

.update {
	font-size: 14px;
	font-family: obelixproregular;
}

body {
	background-color: #000000;
}

.title {
	color: #FFFFFF;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.trade {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link {
	color: #8119FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #6152F9;
}
a:hover {
	text-decoration: none;
	color: #559AF7;
}
a:active {
	text-decoration: none;
	color: #FEE9BC;
}
body,td,th {
	color: #FFFFFF;
}
.link {font-family: Verdana, Arial, Helvetica, sans-serif}
.title_small {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.link_size {
	font-size: 30px;
	font-family: 'obelixproregular';
}
.desc {font-size: 24px}
.blue {color: #2496D2}
.green {
	color: #2F0675
}
.pink {
	color: #FFEB01
}
.top {
	font-size: 24px;
	font-family: obelixproregular;
}
   
   
.xxl {display: block;}
.mxl {display: none;}
.msl {display: none;}


@media screen and (max-width:1100px) {
.xxl {display: none;}
.mxl {display: block;}       
}

@media (max-width: 580px) {
.mxl {display: none;}
.msl {display: block;}  
}