body { 
background-color:#450050;

	margin:0px;
	padding:0px;
	font-size: 13px;
	line-height: 1.35em;
}
@font-face {
	font-family: "Roboto";
	src: url('Roboto-Light.ttf');
}
@font-face {
	font-family: "Robotothin";
	src: url('Roboto-Thin.ttf');
}
@font-face {
	font-family: "Thin";
	src: url('Just-Square-LT-Std-Cyrillic-Ultra-Thin_25628.ttf');
}
ul li
{
	list-style-type:none;
}
a, a:hover{
	text-decoration:none !important;
}
.clear
{
	clear:both;
}
.left {
	float:left;
}

.right{
	float:right;
}
@media(min-width: 900px){
	.small-wrap{
        width:1050px;
        margin:0px auto;
    }
    .game{
		width:100%;
		float:left;
		margin:15px 0px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border:1px solid #f0f0f0;
		background:#fff;
	}
	.logo{
		margin-top: 0px;
	}
	.motto{
		position:absolute;
		width:50%;
		top:120px;
		color:#fff;
		font-size:34px;
		line-height:44px;
		font-weight:bold;
		font-family:Verdana;
		text-shadow: 1px 3px 5px rgba(59, 59, 59, 1);
		padding:0px 15px;
	}
}
@media(max-width: 900px){
	.small-wrap{
        width:100%;
        height:auto;
        float:left;
    }
    .game{
		width:100%;
		float:left;
		margin-top:15px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		border:1px solid #f0f0f0;
		background:#fff;
	}
	.hint{
		margin-top:10px;
	}
	.logo{
		margin-bottom:10px;
	}
	.motto{
		position:absolute;
		width:95%;
		top:10px;
		left:20px;
		color:#fff;
		font-size:14px;
		line-height:18px;
		font-weight:bold;
		font-family:Verdana;
		text-shadow: 1px 1px 5px rgba(59, 59, 59, 1);
	}
}
.no-padding{
	padding:0px;
}
.top-header{
	width:100%;
	float:left;
	background:#7c007b;
	padding:5px 0px;
}
.down-header{
	width:100%;
	float:left;
	background:#fff;
	padding:10px 0px;
	border-bottom: 1px solid #d2e0ed;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
}
.full-width{
	float:left;
	width:100%;
}
.input_wrap{
	width:100%;
	float:left;
	margin-top:5px;
}
.input_wrap label{
	width:100%;
	float:left;
	font-size:11px;
	font-family:verdana;
	color:#909090;
}
.inp_text{
	width: 100%;
	float: left;
	outline: none;
	padding: 7px 7px;
	font-size: 12px;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 10px;
	font-family:verdana;
	color:#909090;
}
.inp_text:focus{
     border:1px solid #818181;
}

.title{
	width: 100%;
	float: left;
	font-size:22px;
	margin:10px 0px;
}
.success{
    width: 100%;
    float: left;
    padding: 8px 10px 8px 35px;
    background: #DFF2BF url(../images/success.png) 15px 11px no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    behavior: url(/PIE.php);
    font-family: verdana;
    font-weight: 400;
    font-size: 11px;
    line-height: 22px;
    color: #3b6b08;
    border: 1px solid #5b911d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    text-shadow:0px 1px 0px #fff;
}
.errorMsg{
    width: 100%;
    float: left;
    padding: 8px 10px 8px 35px;
    background: #f4d7d7 url(../images/err.png) 15px 11px no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    behavior: url(/PIE.php);
    font-family: verdana;
    font-weight: 400;
    font-size: 11px;
    line-height: 22px;
    color: red;
    border: 1px solid #f29b9b;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 #fff;
}
.game:hover{
	border:1px solid #cbcbcb;
}
.divider{
	width:100%;
	float:left;
	margin-top:30px;
}
.exit{
	width:auto;
	height:15px;
	float:right;
	font-size:16px;
	color:#666 !important;
}
.exit i{
	float:right;
}
.game-title{
	width:100%;
	float:left;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	color:#8500a9;
	padding:10px;
	background:#eeeeee;
}
.fade-wrap{
	width:100%;
	float:left;
}
.low-opacity{
	opacity:0.91;
}
.game:hover .low-opacity{
	opacity:1;
}
.hint{
	font-size:11px;
	font-family:verdana;
	color:#909090;
}
.footer{
	width:100%;
	float:left;
	padding:20px 0px;
	font-size:11px;
	font-family:Verdana;
	color:#909090;
	text-align:center;
}
.slider{
	width:100%;
	float:left;
	//margin-bottom:20px;
            margin-top: 10px;
}
ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
.bx-wrapper .bx-viewport {
height:340px;overflow:hidden;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 20px;
    background: url(controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: 20px;
    background: url(controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
.motto{
	position:absolute;
}