@import url("font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

body, html {
  background-color: #000000;
  color: #bbbbbb;
  font-weight: normal;
  font-family: 'Balkara Condensed';
}

@font-face {
    font-family: 'Balkara Condensed';
    src: local('Balkara Free Condensed Regular'), local('BalkaraFreeCondensed-Regular'), url('Balkarafreecondensedregular.woff2') format('woff2'), url('Balkarafreecondensedregular.woff') format('woff'), url('Balkarafreecondensedregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

p.red {
  text-indent: 30px; /* Отступ первой строки в пикселах */
}

a {
  font-weight: normal;
  color: #777;
}

a:hover {color: #F2EFF2;}

sup {color: #555; font-size: 1em; font-family: 'Courier New';}

sup .little {font-size: 0.6em;}

h3 {color: #F2EFF2;}

h4 {color: #5A585A;}

.navbar-inverse {
  background: url(../images/chvt-logo-obv.png) no-repeat 10px center #000000;
  font-size: 18px;
}

.navbar-inverse .navbar-nav > li > a {
  color: #5A585A;
  -moz-transition: color 0.35s ease-in-out;
  -webkit-transition: color 0.35s ease-in-out;
  -ms-transition: color 0.35s ease-in-out;
  transition: color 0.35s ease-in-out;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #F2EFF2;
  text-shadow: 0 0 3px white;
}

.navbar-inverse .navbar-nav > li > a.active {
  color: #F2EFF2;
  text-shadow: 0 0 3px white;
}

.list-group a {
  background: none;
  padding: 2px;
  border: none;
  border-radius: 0;
}

.list-group a:hover {
  background: none;
  color: white;
}

.list-group a.active {
  background: none;
  color: white;
}

.list-group p.active {
  background: none;
  padding: 2px;
  border: none;
  border-radius: 0;
}

.list-group p.active:hover {
  background: none;
  padding: 2px;
  border: none;
  border-radius: 0;
}

#otstup {margin-top: 60px;}

#poster {
  margin-bottom: 30px;
}

#banner img {
  text-align: center;
}

#novosti {
  color: blue;
  font-size: 1.2em;
  background-color: yellow;
}

#zapros {
  margin-top: 50px;
}

#zapros, #zapros-vnizu {
  padding: 5px;
  color: #f9f739;
  font-size: 0.8em;
  font-family: 'Courier New';
}

#spasibo {
  padding: 5px;
  color: blue;
  font-size: 2em;
}

#attention {
  padding: 5px;
  color: yellow;
  font-size: 1.5em;
}

#congratulation {
  padding: 5px;
  color: red;
  font-size: 1.5em;
}

#prim {
  font-family: Arial;
  font-size: 0.8em;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

.box {
  padding: 10px;
  margin: 10px;
}

.box-afisha {
  padding: 10px;
  margin: 10px;
}

.box-afisha img {
    display: block;
}

.box-small {
  padding: 5px;
  margin: 5px;
}

.add-auto-150 {
    max-height: 150px;
    padding: 10px;
    margin: 10px;
}

.add-auto-200 {
    max-height: 200px;
    padding: 10px;
    margin: 10px;
}

.add-auto-250 {
    max-height: 250px;
    padding: 10px;
    margin: 10px;
}

.write {
  font-family: 'Caveat', cursive;
  font-weight: 600;
  font-size: 1.8em;
  color: blue;
}

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon > .label {
			display: none;
		}


/* Иконки социальных сетей */

		.icons {
			font-size: 1.2em;
			text-align: center;
		}

			.icons a {
				color: #888;
				-moz-transition: color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out;
			}

				.icons a:hover {
					color: #F2EFF2;
			                text-shadow: 0 0 3px white;
				}

    .mosaicflow__item_small { 
      padding:3px;
      max-width: 150px;
    }
        .mosaicflow__item_small img { 
      display:block; 
      width:100%; 
      height:auto; 
      padding: 0; 
      background-color: #f2eff2; 
      border: 1px solid #f2eff2; 
      border-radius: 0; 
    }
        .mosaicflow__item_small img:hover { 
      opacity: 0.6; 
      filter: alpha(opacity=60); 
    }
    
    .mosaicflow__item { 
      padding:3px;
    } 
    .mosaicflow__column { 
      float:left; 
    } 
    .mosaicflow__item img { 
      display:block; 
      width:100%; 
      height:auto; 
      padding: 0; 
      background-color: #f2eff2; 
      border: 1px solid #f2eff2; 
      border-radius: 0; 
    } 
    .mosaicflow__item img:hover { 
      opacity: 0.6; 
      filter: alpha(opacity=60); 
    }

.sign {
    width: 580px;
    border: 1px solid #5A585A; /* Параметры рамки */
    padding: 8px; /* Поля внутри блока */
    margin: 5px auto; /* Отступы вокруг */
   }
   .sign figcaption {
    color: #5A585A;
    margin: 3px; /* Отступы вокруг абзаца */
   }

.sign-sm {
    width: 300px;
    border: 1px solid #5A585A; /* Параметры рамки */
    padding: 5px; /* Поля внутри блока */
    margin: 5px auto; /* Отступы вокруг */
   }
   .sign figcaption {
    color: #5A585A;
    margin: 3px; /* Отступы вокруг абзаца */
   }


.footer {
  margin-top: 20px;
  border-top: 1px solid #262426;
}

.stat {
  margin-top: 10px;
  font-size: 11px;
  color: #5A585A;
}

.stat a {
  color: #5A585A;
}

.stat a:hover {
  color: black;
  text-shadow: 0 0 1px #A8A6A8;
}

.counter-mail {
  margin-top: 2px;
}

#toTop {
 position:fixed;
 z-index:9999;
 bottom:60px;
 right:10px;
 padding: 5px;
 color: #A8A6A8;
 font-size: 2.5em;
 text-decoration: none;
 text-align: center;
 width:30px;
}

#top a:hover {
	color: #F2EFF2;
        text-shadow: 0 0 20px white;
	}

#top a {
	color: #F2EFF2;
        text-shadow: 0 0 5px black;
	}