hr,img
{
border:0
}
hr
{
box-sizing:content-box;height:0;margin-top:10px;margin-bottom:10px;border-top:1px solid #eee
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6
{
font-family:inherit;font-weight:500;line-height:1.1;color:inherit
}
.h1,.h2,.h3,h1,h2,h3
{
margin-top:20px;margin-bottom:10px
}
.h4,.h5,.h6,h4,h5,h6
{
margin-top:10px;margin-bottom:10px
}
.h1,h1
{
font-size:36px
}
.content,.wrapper .main
{
width:100%;margin:0 auto
}


img
{
vertical-align:middle
}
button,input,optgroup,select,textarea
{
color:inherit;font:inherit;margin:0
}
button,html input[type=button],input[type=reset],input[type=submit]
{
-webkit-appearance:button;cursor:pointer
}
button[disabled],html input[disabled]
{
cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner
{
border:0;padding:0
}
*,:after,:before
{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
html
{
font-size:14px;-webkit-tap-highlight-color:transparent
}
a:focus,a:hover
{
color:#5a5a5a;text-decoration:underline
}
p
{
margin:0 0 10px
}
dl,ol,ul
{
margin-top:0
}
address,dl
{
margin-bottom:20px
}
code,kbd
{
padding:2px 4px;font-size:90%
}
code
{
color:#c7254e;background-color:#f9f2f4;border-radius:4px
}
.my-btn,.start-btn
{
text-transform:uppercase
}
a,body
{
color:#fff
}
.red
{
color:red
}
.content
{
position:relative;padding:0 50px;max-width:960px;top:50%;transform:translate(0,-50%);transition:all .2s ease-out;z-index:1
}
.content-big
{
max-width:1170px
}
.content-s
{
max-width:350px
}
.content-l
{

width: 20%;  
float: left;
width: 30%;  
background-color: #f0f0f0;  
padding: 20px;  
box-sizing: border-box;  
}

}
.content-r
{

width: 20%;  
float:right;
width: 30%;  
background-color: #f0f0f0;  
padding: 20px;  
box-sizing: border-box; 

}
.arrow-btn:hover,.form .mana-button:hover,.start-btn:active,.start-btn:focus,.start-btn:hover
{
box-shadow:0 0 10px 1px red,0 0 10px 1px red inset
}
.form
{
margin:20px 0 0
}
.form input
{
display:block;padding:0 15px;font:300 1.5em Roboto,sans-serif;margin-bottom:10px;border:1px solid #fff
}
.form .mana-button
{
color:red;font:500 1.5em Roboto,sans-serif;border:1px solid red
}
.form .mana-button:hover
{
border-color:red
}
button
{
transition:all ease .5s
}
button:focus
{
outline:0
}
.cols
{
margin-left:-15px;margin-right:-15px
}
.cols:after
{
display:table
}
[class*=cols-col-]
{
position:relative;float:left;width:100%;padding-left:15px;padding-right:15px
}
.cols-col-50
{
width:50%
}
.cols-col-100
{
width:100%
}
.news-list-tr-sm
{
opacity:0.8
}
.link
{
display:inline-block;text-decoration:underline;font-size:14px
}
.link:focus,.link:hover,.my-btn,.nav li a,a.btn
{
text-decoration:none
}
.my-btn
{
display:block;border:1px solid #fff;text-align:center;padding:4px;margin-bottom:5px
}
.my-btn:focus,.my-btn:hover
{
background:#fff;color:#101010;text-decoration:none
}
.dark-background
{
background:rgba(16,16,16,.9)!important;background-blend-mode:multiply;overflow:hidden
}
body,html
{
overflow:visible;font-family:Proxima Nova,sans-serif
}

.manas h4
{
line-height:40px;font:600 2em RobotoB,sans-serif!important;font-size:24px;border-bottom:2px solid #000;padding:5px 20px 14px
}
.manas h4 span
{
color:#999
}
.manas .mana-input
{
min-height:40px;background:#080808!important;margin-left:20px;width:85%;padding:10px 15px;outline:0;border:0;text-transform:none
}
.manas .mana-input:hover
{
min-height:40px;background:#292929!important;margin-left:20px;width:85%;padding:10px 15px;outline:0;border:0;text-transform:none
}
.manas .mana-button
{
height:50px;
background:#121212;
width:auto;
margin-left:20px!important;
margin-bottom:30px!important;
padding:10px 15px;
outline:0;
border:1px solid #999;
color:#999;
text-transform:uppercase;
letter-spacing:1.5px;
font:300 2em Roboto,sans-serif;
text-decoration:none;

}
.manas .mana-button:hover
{
color:#fff
}
.mana-label
{
line-height:30px;padding-left:20px;padding-right:20px;float:left;display:inline-block;font-size:16px
}

#wrapper {
     position: relative;
     height: 100%;
     width: 100%;
   }
#header {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    background-color:rgb(3, 34, 76);
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    position: absolute;
    line-height:30px;
    background-color: #033553;
    height: calc(100vh - 38px);
    height: -o-calc(100vh - 38px); /* opera */
    height: -webkit-calc(100vh - 38px); /* google, safari */
    height: -moz-calc(100vh - 38px); /* firefox */
    width:150px;
    float:left;
    padding:5px;
    color:rgb(255, 165, 0);
    font-weight: bold;
    font-size: 20px;

}
#nav a:link { color: rgb(255, 165, 0); }
#nav a:visited { color: rgb(255, 165, 0); }
#nav a:hover { color: #7FFF00; }
#nav a:active { color: rgb(255, 165, 0); }

#footer {
    background-color:rgb(3, 34, 76);
    color:white;
    clear:both;
    text-align:center;
    padding:5px;
    font-size: 16px;
}
#regresult {
    font-size: 16px;
    font-weight: bold;
    padding-left:20px;	
}
body {
    margin:0;
    height: 100%;
    width: 99%;
    background-color:#000000;
}