html { overflow-x: hidden; }   
    .navbar {
      margin-bottom: 50px;
      border-radius: 0;
      background-color:#E0E0E0;
      border:none;
      width: 100%;
    }
    
    /* Remove the jumbotron's default bottom margin */ 
     .jumbotron {
      margin-bottom: 0;
    
    }
   
    /* Add a gray background color and some padding to the footer */
    footer {
      background-color:#E0E0E0;
      padding: 25px;
      width: 100%;
    }
    
    #foot li{
      list-style: none;
    }
    #foot li a{
      text-decoration-style: none;
      color:#9d152d;
      font-weight: 700;
      font-size:1em;
      line-height: 30px;
    }
    #foot li a:hover{
      text-decoration:none!important;
      color: #9d152d!important;
      opacity:0.7!important;
    }
    .small_foot li{
      list-style: none;
    }
    .small_foot li a{
      text-decoration-style: none;
      color:#9d152d;
      font-weight: 400;
      font-size:0.85em;
      line-height: 30px; 
    }
    .small_foot li a:hover{
      text-decoration: none!important;
      color: #9d152d!important;
      opacity:0.6!important;
    }

  #file_wrap {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

#file {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}

#button {
    background:white;
    color:#9d152d;
    border: 1px solid #9d152d;
    font-size: 1.1em;
    font-weight: 500;
    font-family: tahoma;
    padding: 6px;
    position: relative;    
}

#button:hover {
    color:white;
    background: #9d152d!important;
    transition: 0.5s;
}
#file_wrap1{
   display: inline-block;
    position: relative;
    overflow: hidden;
}
#file1{
   position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height:100%;
    opacity: 0;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
}
#button1{
    background:#9d152d;
    border-radius:5px;
    color:white;
    border: 1px solid #9d152d;
    font-size: 1.2em;
    font-weight: 500;
    font-family: Arial;
    padding: 6px;
    position: relative; 
}
#button1:hover {
    color:black;
    background: #9d152d!important;
    transition: 0.5s linear;
    opacity: 0.8;
    font-weight: 500;
    font-family:Arial;
}
.signin{
  color:#1cbbb4;
}
.signin:hover{
  color:#1cbbb4!important;
  text-decoration:none;
}
#deputat{
 width: 63%;
 height:100%;
 border: 1px solid grey;
 padding-right: 80px;
 margin: 0 auto;
}
.navbar-inverse .navbar-nav > li > a{
  color:#9d152d;
  transition: 0.3s linear;
}
.thumb {
    display: block;
  width: 100%;
  margin: 0;
}

/* Style to article Author */
.by-author {
  font-style: italic;
  line-height: 1.3;
  color: #aab6aa;
}

/* Main Article [Module]
-------------------------------------
* Featured Article Thumbnail
* have a image and a text title.
*/
.featured-article {
  width:130%;
  height: 120%;
  position: relative;
  margin-bottom: 1em;
}

.featured-article .block-title {
  /* Position & Box Model */
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  /* background */
  background:#9d152d;
  /* Width/Height */
  padding:0.3em;
  width: 100%;
  height: 25px;
  /* Text color */
  color: #fff;
  text-align: center;
}

.featured-article .block-title h5 {
  margin:0.02em;
}

/* Featured Articles List [BS3]
--------------------------------------------
* show the last 3 articles post
*/

.main-list {
  padding-left: .5em;
}

.main-list .media {
  padding-bottom: 1.1em;
  border-bottom: 1px solid #e8e8e8;
}  
img{
  width: 100%;
}
.popup__head {
  padding: 20px 25px 17px;
  background: #9d152d url("../images/pattern-bg.5464ea4fbb07ae30bd1b89e02983c7fe2aad7f95.png") repeat center bottom/cover;
}
.popup__head .main-title {
  display: block;
  color: #fff;
  font: 700 24px 'Open Sans', Arial, 'Helvetica CY', 'Nimbus Sans L', sans-serif;
  text-align: center;
}
.form-section {
  width: 70%;
  margin: 20px auto 0;
}
.form-section .field {
  margin-bottom: 10px;
}
.form-section input {
  width: 100%;
  border: 1px solid darkgrey;
  padding: 8px;
}
.form-section input:focus {
  border-color: #9d152d !important;
}
@media (max-width: 768px) {
  .featured-article {
    width: 100%;
    overflow: hidden;
  }
  .box {
    width: 100%;
    margin-bottom: 30px;
  }
  .jumbotron{
  text-align:center;
  }
  .input-group{
   margin:0 auto;
  }
  .nav>li {
  text-align: center;
    margin: 0 0 10px 0 !important;
  }
 .birbol{
  width: 100% !important;
 }
}


.container-box{
  margin-bottom: -30px;
}
.navbar-toggle:focus {
  color: #fff;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #9d152d;
}
.register{
  color:white;
  font-size: 16px;
  font-family: tahoma;
  font-weight: bold;
  transition: color 0.2s linear;
}
.register:hover{
color:black !important;
}
.pseudo{
  text-decoration: none;
  transition: color 0.2s linear;
  font-size:16px;
}
.pseudo:hover{
  text-decoration: none;
  color: blue;
}
.easy-button {
  display: inline-block;
}
#article{
  color:#9d152d;
}
#article:hover{
color:#9d152d!important;
opacity: 0.6;
}
.promise{
width:18%;
padding: 2px 0;
background-color:#9d152d;
color: white;
text-align: center;
margin-top: -3%;
margin-left:5%;
font-size:80%;
}
.image{
  position: relative;
  width:30%;
  border:1px solid black;
  border-radius: 100px;
  margin:0 auto;
  overflow: hidden;
  cursor: pointer;
}
.image:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.2s ease;
  border-radius: 50%;
}  
.image:hover:before {
  opacity: 0.7;
}
.input-group input:focus{
  border-color: #9d152d !important;
}
@media (min-width: 1200px) {
  .container-box {
    padding: 0 125px;
  }
}
.container-box{
  margin-top: 2%;
}
.zagolovok{
  color:#000;
}
.zagolovok:hover{
  text-decoration: none;
  outline-color: #000!important;
}
.box-text{
  font-weight: 700;
  color:#fff;
  text-decoration: none;
}
.box-text:hover{
  text-decoration: none;
  color:#9d152d;
}  
.news-caption{
text-align: left;
border-bottom: 5px solid black;
}
.text-box{
  width: 60%
  height:200px;
  background:#E0E0E0;
}
.sidebox{
  margin-bottom: 20px;
  border: 1px solid #a0a0a0;
  border-radius: 2px;
  padding:10px;
}
.obeschania{
  border:1px solid black;
  height: 150px;
}
.sovet{
  width: 60%;
  list-style: none;
  border: 1px solid black;
}
.sovet li{
  border-bottom: 1px solid black;
}
.sovet li a{
text-decoration: none;
line-height: 30px;
}
.imena{
  font-weight: bold;
  font-size:1em;
}
.block{
  width: 100%;
  height: 200px;
  margin: 0 auto;
  background-color:#c15166; 
}
.block1{
position: relative;
margin: 0 auto;
background-color: #94152d;
}
.block2{
  margin-top:-40%;
  margin-left: 20%;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #ccc;
}
.fio{
  color:#fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.text-muted{
  text-align: center;
}
.procent{
  color:white;
  text-align: center;
  font-size: 30px;
}
.rating{
  color:white;
  text-transform: uppercase;
  line-height: 13px;
  text-align: center;
}
.null{
  color:#fff;
  font-size: 30px;
  text-align: center;
}
.knopka{
  border: 1px solid;
  border-color: white;
  padding: 3px 11px 2px;
  line-height: 18px;
  text-transform: uppercase;
  color: #ae0c2b;
  text-decoration: none;
  transition: background .6s ease,color .6s ease;
  display: inline-block;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-align: center;
  margin-bottom:10%;
  margin-left:20%; 
}
.knopka:hover{
  background-color: #ae0c2b;
  color:white;
}
.link{
  text-decoration: none;
  color:#000;
}
.link:hover{
  text-decoration: none;
  color:#ae0c2b;
}
.promise1{
width:30%;
padding: 2px 0;
background-color:#9d152d;
color: white;
text-align: center;
margin-top: -2%;
margin-left:5%;
font-size:80%;
}
.image1{
  position: relative;
  width:120px;
  height: 120px;
  border:1px solid silver;
  border-radius: 100px;
  margin:0 auto;
  overflow: hidden;
  cursor: pointer;
}
.image1:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.5s ease;
  border-radius: 50%;
}  
.image1:hover:before {
  opacity: 0.7;
}
.button2{
  border: 1px solid #9d152d;
  background-color: #9d152d;
}
#button3{
    background:#9d152d;
    border-radius:5px;
    color:white;
    border: 1px solid #9d152d;
    font-size: 1.2em;
    font-weight: 500;
    font-family: Arial;
    padding: 6px;
    position: relative; 
    text-transform: uppercase;
}
#button3:hover {
    color:black;
    background: #9d152d!important;
    transition: 0.5s linear;
    opacity: 0.8;
    font-weight: 500;
    font-family:Arial;
}


#button-itog{
  width:300px;
  height: 70px;
  border: 1px solid #9d152d;
  background: #9d152d;
  border-radius: 5px;
  color:white;
  text-align: center;
}
#button-itog:hover{
  opacity: 0.8;
}
@media(max-width: 768px){
  #button-itog{
    width: 100%;
    margin: 0 auto;
  }
}
.shrift{
  font-size: 16px;
}
.vokrug{
  width: 90%;
  height: 80px;
  border:1px solid #9d152d;
  border-radius: 3px;
}
.believe{
  margin-top: 10%;
  height:auto;
  border-radius: 4px;
  background: grey;
}
.believe:hover{
  opacity: 0.8;
}
@media(max-width:768px){
  .believe{
    width:40%;
    margin: 0 auto;
  }
  .vokrug{
    width:60%;
    height:auto;
    margin: 0 auto;
  }
}
.kolonka{
  border:1px solid #9d152d;
  width: 50%;
  border-radius: 5px;
}
.promise-button{
  width: 70%;
  border: 1px solid #9d152d;
  background-color: #9d152d;
  border-radius: 5px;
  margin-bottom: 2%;
  margin-left:15%;
}
@media (max-width:768px){
  .obeschania{
    height: auto;  
  } 
  .kolonka{
    margin: 0 auto;
    width: 20%;
  }
  .promise-button{
    width:100%;
    margin: 0 auto;
    margin-bottom: 2%;
  }
}
.promise-button:hover{
  opacity: 0.8;
}
.itog-spisok li {
    color:#9d152d;
    }
.itog-spisok li p{
  color:#000;
}
@media(max-width:768px ){
  .vniz{
    display: none;
  }
  .date{
    display: none;
  }
  .knopka{
    margin:0 auto;
  }
}
.vhod{
  text-align: center;
  font-size: 18px;
  margin-top: 3%;
  font-weight: 700;

}
#vhod-button{
  width:50%;
  height: 35px;
  border: 1px solid #9d152d;
  border-radius: 5px;
  margin-left:25%;
  margin-top:10%;
  background-color: #9d152d;
  color:white;
  text-align: center;
}
.change{
  margin-top: 5%;
}
#vhod-button:hover{
  opacity: 0.8;
  color:black;
}
@media(max-width: 768px){
  #vhod-button{
    height: auto;
    width: 100%;
    font-size: 12px;
    margin: 0 auto;
  }
  .vhod{
    margin: 0 auto;
    font-size: 10px;
  }
}
.nolik{
  text-align: center;
  font-weight: 700;
  font-size: 24px;
}
.dobavleno{
  text-align: center;
}
@media(max-width:768px){
  .block2{
    margin: 0 auto;
    margin-top:-25%;
  }
  .knopka{
    margin-left:30%;
  }
}