/***************************ELEMENTS***************************/
/*intro css */
#intro_top { width:100%; height:calc(100% - 50px); z-index:1; position:relative; background:#292929 url('images/background.png'); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed; }
#login_wrap { width:100%; height:100%; }
#intro_lang { position:absolute; top:10px; right:20px; width:40px; height:40px; }
#login_all{width:550px;max-width:94%;display:block;margin:20px auto;border-radius:4px}
#login_access{min-height:400px;position:relative}
.login_input{border-radius:50px}
canvas{display:block;vertical-align:bottom}
#particles-js{position:absolute;width:100%;height:100%;z-index:-1}
  
/* top bar */
.top_login_bar{display:table;width:100%;table-layout:fixed;height:40px}
.top_login_empty{padding-right:10px;font-weight:bold}
.top_login_item{display:table-cell;vertical-align:middle;width:40px;text-align:center;cursor:pointer}
.top_login_icon{width:30px;text-align:center;display:table-cell;vertical-align:middle;font-size:16px}

/* section css */
.section { width:100%; height:auto; margin:0 auto; }
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; }

/***************************STYLES***************************/
/* login box */
.login_box{background:rgb(0,0,0,.57);border:1px solid #000;color:#fff}

/* login top bar */
.top_login_bar{background:rgb(0,0,0,.31);border-bottom:1px solid #000;}
.top_login_item{border-left:1px solid #000;}

/* input color */
.login_input{background:rgb(0,0,0,.31);border:1px solid #000!important;border-radius:50px;color:#fff;}
.login_input:focus{border:1px solid #555!important;}

/* select input color */
.selectboxit-container .selectboxit-list{ border-radius: 10px !important;}
.selectboxit-container .selectboxit-list, .selectboxit-container .selectboxit-btn { background-color: rgb(0,0,0,0.31) !important; color:#9b9b9a;  border:1px solid #000 !important; border-radius: 50px;}
.selectboxit-container .selectboxit-list .selectboxit-focus .selectboxit-option-anchor { background-color: rgb(255,255,255,0.08); color:#fff; }
.selectboxit-container .selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-container .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-container .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-container .selectboxit-btn.selectboxit-enabled:active { background:rgb(53,52,52,0.33) !important; color:#fff; }
.selectboxit-container .selectboxit-options { background:#000 !important; border:1px solid #ccc; }
.selectboxit-container .selectboxit-list .selectboxit-option-anchor { color:#666; }

/***************************RESPONSIVE***************************/
@media screen and (max-width:1120px){
	.section_inside { width:96%; }
}