/* IMPORT
-------------------------------------------------- */
@import url(moonkake.css);

/* ANIMATION
-------------------------------------------------- */
input.button,
a.button
{
  transition:all .3s ease;
}
a
{
  transition:color .3s ease;
}

/* ASSETS
-------------------------------------------------- */
input.button,
.button {border-radius:0; margin:20px 0 0 20px; text-decoration:none; vertical-align:top; border:none; display:inline-block; padding:0 12px; text-transform:uppercase; font-family:'Ghotam Bold'; color:#000; height:36px; line-height:36px; background:#d4af50;}
input.button:hover,
.button:hover {background:#e3c578; color:#000;}

.choose,
.singin-back {display:inline-block; margin:20px 0 0 20px; vertical-align:top; line-height:36px; text-transform:uppercase; font-family:'Ghotam Bold';}
.singin-back {display:block; margin:7px 0 0 0;}
  .choose a {display:inline-block; margin-left:20px; text-decoration:none;}
  .singin-back a {display:block; text-decoration:none;}

/* COMMON
-------------------------------------------------- */
html,
body {height:100%;}
body {background:url(../i/bg.jpg) 100% 100% no-repeat;; background-size:cover;}

.opacity-bg {width:100%; height:100%; position:relative; background:rgba(0,0,0,0.8); opacity:0; overflow:hidden;}

  .section {position:absolute; top:50%; left:50%;}
  .-logotype {width:236px; margin:-200px 0 0 -316px;}
    .-logotype h1 {font-size:18px; line-height:18px; text-transform:uppercase; text-align:center; margin:24px 0 0 0; letter-spacing:1px;}

  .-content {width:490px;}
    .singin-form {margin:6px 0 0 -20px;}
      input.input-text {width:190px; height:36px; border:1px solid #fff; line-height:34px; background:rgba(0,0,0,0.5); color:#fff; padding:0 10px; margin:20px 0 0 20px; vertical-align:top;}
        .call-access-form {}

    .access-form {margin:-20px 0 0 -20px;}
      input.-cols2 {width:400px;}

    .singin-error,
    .getaccess-error {color:#FF0000; font-size:12px; line-height:14px; margin:10px 0 0 20px;}
    .ajax_form .error {border-color:#FF0000; color:#FF0000;}
    .ajax_form .onchange {border-color:#FFFFFF; color:#FFFFFF;}
    .singout-button {text-align:left; margin-top:10px;}
      .singout-button .button {margin-left:0;}

    .download {background:url(../i/download.png) no-repeat 0 0; /*display:inline-block; vertical-align:top; margin-top:24px;*/ padding:31px 0 0 70px; height:53px; /*text-decoration:none;*/ text-transform:uppercase; font-family:'Ghotam Bold';}
    .file-list {margin:10px 0 0 0; overflow:hidden;}
      .file-main {margin-left:-20px; padding-bottom:26px;}
      .group-item,
      .file-item {margin:14px 0 0 0; font-size:12px; display:block; line-height:12px; text-transform:uppercase; text-decoration:none; font-family:'Ghotam Bold';}
      .file-item {display:inline-block; margin-left:20px;}
      .file-list .file-item {display:block;}
      .group-wrap {margin:14px 0 0 -20px; display:none; opacity:0;}
      .group-title {font-size:14px; line-height:14px; text-transform:uppercase; text-decoration:none; font-family:'Ghotam Bold'; margin-left:20px;}
      .back-group {line-height:14px; font-size:14px; text-transform:uppercase; text-decoration:none; font-family:'Ghotam Bold'; display:inline-block; margin-top:20px; margin-left:20px;}

.-singin,
.-getaccess,
.-download {top:100%; display:none; opacity:0;}

@media screen and (max-width:1023px) {
  .-logotype {margin:-350px 0 0 -118px;}
  .-content {margin:0 0 0 -245px;}
    .-content p {text-align:center;}

  .singin-form,
  .access-form {margin-left:25px; width:420px;}

  .file-list {text-align:center;}

    .singout-button {text-align:center;}
      a.button {margin-left:0;}

    #sing-in {margin-left:109px;}
    #send-request {margin-left:51px;}
    .download {margin-left:124px;}
}

@media screen and (max-width:500px) {
  .opacity-bg {overflow:auto;}

  .-logotype {margin:0 0 0 -100px; width:200px; top:50px;}
    .-logotype h1 {font-size:16px;}
  .-content {margin:0 0 0 -140px; width:280px; padding-bottom:50px;}
    .-content p {text-align:left;}

  .singin-form,
  .access-form {margin-left:-20px; width:auto;}

  .file-list {text-align:left;}
    .file-item {display:block;}
  .singout-button {text-align:left;}

    input.input-text,
    input.-cols2 {width:280px;}

    #sing-in {margin-left:20px;}
    #send-request {margin-left:20px;}
    .download {margin-left:0;}

     .back-group {margin-top:8px;}

  .-singin,
  .-getaccess,
  .-download {top:275px;}
}