/* Remove the navbar's default rounded borders and increase the bottom margin */ 
     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;
  }
  .logo{
   margin:0 auto;
  }
}
.navbar-toggle:focus {
  color: #fff;
}
.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:30%;
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 127px;
  }
}
.box-text{
  font-weight: 700;
  color:#fff;
  text-decoration: none;
}
.box-text:hover{
  text-decoration: none;
  color:#9d152d;
}


.box-title{
  color: #3b3534;
}

.box-sm{
  padding: 15px;
}
.navodka:hover{
  text-decoration: none !important;
  color:red !important;
  cursor: pointer;
}




.face{
  height:120px;
}
@media screen and (max-width: 767px){
  .face{
    width:60%;
    height: 60%;
  }
  .face-block{
    margin-left:30%;
  }
  .imena{
    margin-left: -40%;
  }
}

@media screen and (max-width: 767px){
  .face1{
    width:60%;
    height: 60%;
  }
  .face-block1{
    margin-left:10%;
  }
  .imena1{
    margin:0 auto;
  }
}
@media screen and (max-width: 767px){
  .notshow{
    display: none;
  }
}
@media screen and (max-width: 767px){
  .object{
    display: block;
  }
  .
}
@media screen and (min-width: 1240px){
  .object{
    display: none;
  }
}
@media screen and (min-width: 768px){
  .object{
    display: none;
  }
  .partii{
    display: none;
  }
  .navbar >li{
    margin-left: -2%;
  }
}
@media screen and (max-width:767px){
  .partii{
    display: block;
    color:#ae0c2b;
  }
}
@media screen and (min-width: 1240px){
  .partii{
    display: none;
  }
}
@media (min-width: 1200px) {
  .container-box {
    padding: 0 60px;
  }
}
.birbol{
  width: 40%;
  margin-left: -33%; 
}
@media screen and (max-width:767px){
  .birbol{
    margin: 0 auto;
  }
  #like_button{
    padding-top: 15px;
  }
  .deputat-list{
    padding-bottom: 25px;
    margin-top: 20px;
    border-bottom: 2px solid #9d152d;
  }
}
@media screen and (min-width: 1240px){
  .kolonka{
    height: auto;
  }
  .promise-button{
    height: auto;
  }
}
@media screen and (max-width: 767px){
  .otstup{
    margin-top: 8%;
  }
}

#send_comment{
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;"
}