html, body {
      background-color: #eee;
      height: 100%;
      margin:0;
      padding: 0;

            background-image: url('http://ftop.ru/pic/1680x1050/201012/56dd45e508564.jpg');/**/
            
            /*height: 100%;*/
            width: 100%;
            background-size: cover;
            z-index: 0;
            background-attachment: fixed;
}

body {
    margin: 0;
}

#content {
      border: 1px solid black;
      /*display: flex;*/
      margin: 0;
}

 .wrapper {
      padding-top: 50px;
      padding-bottom: 50px;
}


.container {
      height: 100%;
      /*margin: 0;*/
      /*padding: 0;*/
      /*display: flex;*/
      /*align-items: center;*/
    /*justify-content: center;*/
    padding-top: 50px;
      padding-bottom: 50px;
}

.flex-container {
    height: 100%;
    /*padding: 0;*/
    /*margin: 10px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    /*flex-direction: row;*/
}
.row {
    width: 100%;
    height: 100%;
    /*border: 1px solid blue;*/
    margin: 0;
    padding: 0;
}
.flex-item {
    /*background-color: tomato;*/
    /*padding: 5px;*/
    /*width: 20px;*/
 /*   height: 20px;
    margin: 10px;
    line-height: 20px;
    color: white;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    width: auto;*/

    box-shadow: 1px 1px 3px black;
      margin-top:25px;
      margin-bottom: 25px;
      height: 40px;
      background-color: #fefefe;
      opacity: .2;
      border-radius: 5px;
}

.flex-item:hover {
  opacity: .7;
}

.jumbotron {
      /*display: flex;*/
      margin: 0;
      padding: 0;
      background-color: transparent;
}

.bar {
      /*display: flex;*/
      width: 100%;
      height: auto;
      /*width: auto;*/
/*    margin-top: 5px;
      margin-bottom: 5px;
      height: 35px;
      text-align: center;
      color: #777;
      box-shadow: 1px 1px 3px #111;*/
      color: #777;
      background-color: transparent;
      height: 100%;
      text-align: center;
}

.hidden0 {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

::-webkit-input-placeholder {
   text-align: center;
}

:-moz-placeholder { /* Firefox 18- */
   text-align: center;  
}

::-moz-placeholder {  /* Firefox 19+ */
   text-align: center;  
}

:-ms-input-placeholder {  
   text-align: center; 
}

input {
      border: none;
}

.logged {
      color: white;
      /*border: 1px solid black;*/
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-bottom: 50px;
}

.logged-box {
      /*border: 1px solid red;*/
      text-align: center;
      width: 450px;
}

.foot {
  margin-top:50px;
  padding:10px;
  color: #333;
  background-color: rgba(255,255,255,.8);
  border: 1px solid rgba(10,10,10,.5);
  border-radius: 100px;
}

ul {
      list-style: none;
      margin: 0;
      padding: 0;
}
.each-link {
      background-color: rgba(255,255,255,.8);
      /*border: 1px solid black;*/
      padding: 10px;
      color: black;
}

ul li:nth-child(1n+2) {  
      border-top: 1px solid #555;
}

ul li:first-child {
      border-top: 1px solid #555;
}

ul li:last-child {
      border-bottom: 1px solid #555;
}

ul li a {
      text-decoration: none;
      color: #444;
      font-size: .9em;
      letter-spacing: .1em;
}

form {
      margin: 0;
      padding: 0;
}