/*import*/
@import "bg.css" all;
@import "btn.css" all;
@import "ico.css" all;
@import "win.css" all;
@import "text.css" all;
@import "color.css" all;
@import "modal.css" all;
@import "input.css" all;
@import "fonts.css" all;
@import "footer.css" all;
@import "topnav.css" all;
@import "widget.css" all;

/*all calss*/
*{
    margin:auto auto;
    touch-action:auto;
    outline:none !important;
}
html{}
body{
    position:absolute;
    left:0;right:0;
    top:0; bottom:0;
    padding-top:45px;
    color:#f1f1f1;
    font-family: "RobotoRegular";
    min-width:400px !important;
    background:#010e16;
}
/*placeholder*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:#BBB;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#BBB;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#BBB;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#BBB;
}
/*input*/
input{
    
}
label{
    font-weight:lighter;
}
.clear{clear:both;}
.container{
    position:relative;
    max-width:1100px;
    padding:0px 15px;
}
/*box*/
.box{
    margin:30px auto;
    position:relative;
    z-index:2;
    padding:10px;
    box-shadow:0 0 15px 5px rgba(0,0,0,0.20);
}
/*wight*/
.wight-46{
    width:46%;
}
/*float*/
.float-l{
    float:left;
}
.float-r{
    float:right;
}
/**/
#vk-groups, #vk-groups iframe{
    width:100% !important;
}
.uni-boxes {
    position: absolute;
    left: 0;
    top: 40%;
    bottom: 35%;
    overflow: auto;
    width: 100%;
    max-width: 565px;
    text-shadow: 0 0 1px #000;
}

.uni-boxes-title {
    text-align: center;
    font-size: 19px;
    margin-bottom: 10px;
}

.uni-boxes .win-1-logo {
    position: relative;
    height: 100px;
    width: 100%;
    margin: 20px 0;
    left: 0;
    top: 0;
}

.uni-box {
    position: relative;
    height: auto;
    height: 100px;
    margin: 10px 1%;
    width: 48%;
    float: left;
    background-color: rgba(0,0,0,.4);
    box-shadow: 0 0 1px 0 rgba(0,0,0,.0);
    transition: all .6s linear;
}

.uni-box:hover {
    background-color: rgba(0,0,0,.6);
    box-shadow: 0 0 1px 0 #fff;
}

.uni-box-last {
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px 0 #0e86ca;
}

.uni-box-btn {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 0 20px;
}

.uni-box .tn-uni-name {
    font-size: 16px;
    color: #fff !important;
}

.uni-box .tn-uni-ver {
    position: absolute;
    bottom: 3px;
    left: 105px;
    margin: 0;
    color: #ccc !important;
}

.tn-uni-text {
    margin-left: 105px;
    font-size: 13px;
    color: #999 !important;
}
.tn-uni-btn {
    position: relative;
    display: block;
    float: left;
    width: 47%;
    margin-right: 3%;
    margin-bottom: 10px;
    height: 100px;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0,0,0,.1);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.1);
    transition: all .5s linear;
}

.tn-uni-btn:hover {
    color: #fff;
    background-color: rgba(0,0,0,.3);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.2);
}

.tn-uni-btn span {
    display: block;
}

.tn-uni-ico {
    position: absolute;
    left: 1px;
    top: 1px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 98px;
    width: 98px;
}

.tn-uni-name {
    margin-left: 105px;
    text-align: left;
    color: #ccc !important;
}

.tn-uni-ver {
    margin-left: 105px;
    text-align: left;
    color: #999 !important;
    font-size: 13px;
}

.tn-uni-lastin {
    margin-left: 105px;
    text-align: left;
    color: #00aaff !important;
    font-size: 13px;
}