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

body {
background: linear-gradient(top,  #0000ff,  #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ffffff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000ff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, bottom, #0000ff, #fff);
background: -moz-linear-gradient(top,  #0000ff,  #fff); 
background: -o-linear-gradient(top,  #0000ff,  #fff);
background: -ms-linear-gradient(top,  #0000ff,  #fff);
background-repeat: no-repeat;
font-family: Verdana, sans-serif;
}

p.red {
  text-indent: 30px; /* Отступ первой строки в пикселах */
}
p.sitename {
    font-family: 'Segoe Print';
    font-weight: bold;
    font-size: 24px;
    color: white;
}

a {
  font-weight: normal;
  color: blue;
}

a:hover {color: #777;}

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

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

h4 {color: #5A585A;}

.box-white {
border: 3px ridge #fff;
text-align: justify;
background-color: #fff;
border-radius: 10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;-icab-border-radius: 10px;
box-shadow: 0 0 10px #fff;
padding: 10px;
margin-bottom: 10px;
}

.box-blue {
border: 3px ridge #fff;
text-align: justify;
background-color: #0000ff;
border-radius: 10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;-icab-border-radius: 10px;
box-shadow: 0 0 10px #fff;
padding: 10px;
margin-bottom: 10px;
color: white;
}

.box-blue-menu {
border: 3px ridge #fff;
text-align: justify;
background-color: #0000ff;
border-radius: 10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;-icab-border-radius: 10px;
box-shadow: 0 0 10px #fff;
padding: 0px;
margin-bottom: 10px;
color: white;
}

.navbar {
  background: url(../icons/.png) no-repeat 10px center blue;
  font-size: 12px;
  border-color: blue;
}

.navbar .navbar-toggle {
    border-color: white;
}

.navbar .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar .navbar-nav > li > a {
  -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;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
-icab-border-radius: 10px;
box-shadow: 0 0 1px #fff;
padding-top: 10px;
padding-bottom: 10px;
width: ;
text-align: center;
margin: 2px;
display: block;
color: #88d6e8;
font-weight: bold;
}

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color: blue;
    background-color: white;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    color: blue;
    background-color: white;
}


.navbar .navbar-nav > li.m1 > a {
border: 3px ridge #ff0000;
color: #ffb3b3;
background-color: #ff0000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0000), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #ff0000, #222);
background: -moz-linear-gradient(top,  #ff0000,  #222); 
background: -o-linear-gradient(top,  #ff0000,  #222);
background: -ms-linear-gradient(top,  #ff0000,  #222);
}
.navbar .navbar-nav > li.m2 > a {
border: 3px ridge #ffa500;
color: #ffe3b3;
background-color: #ffa500;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa500', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa500), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #ffa500, #222);
background: -moz-linear-gradient(top,  #ffa500,  #222); 
background: -o-linear-gradient(top,  #ffa500,  #222);
background: -ms-linear-gradient(top,  #ffa500,  #222);
}
.navbar .navbar-nav > li.m3 > a {
border: 3px ridge #ffff00;
color: #ffffb3;
background-color: #ffff00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff00), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #ffff00, #222);
background: -moz-linear-gradient(top,  #ffff00,  #222); 
background: -o-linear-gradient(top,  #ffff00,  #222);
background: -ms-linear-gradient(top,  #ffff00,  #222);
}
.navbar .navbar-nav > li.m4 > a {
border: 3px ridge #00ff00;
color: #b3ffb3;
background-color: #00ff00;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ff00), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #00ff00, #222);
background: -moz-linear-gradient(top,  #00ff00,  #222); 
background: -o-linear-gradient(top,  #00ff00,  #222);
background: -ms-linear-gradient(top,  #00ff00,  #222);
}
.navbar .navbar-nav > li.m5 > a {
border: 3px ridge #0099ff;
color: #b3e0ff;
background-color: #0099ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099ff', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099ff), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #0099ff, #222);
background: -moz-linear-gradient(top,  #0099ff,  #222); 
background: -o-linear-gradient(top,  #0099ff,  #222);
background: -ms-linear-gradient(top,  #0099ff,  #222);
}
.navbar .navbar-nav > li.m6 > a {
border: 3px ridge #0000ff;
color: #b3b3ff;
background-color: #0000ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0000ff), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #0000ff, #222);
background: -moz-linear-gradient(top,  #0000ff,  #222); 
background: -o-linear-gradient(top,  #0000ff,  #222);
background: -ms-linear-gradient(top,  #0000ff,  #222);
}
.navbar .navbar-nav > li.m7 > a {
border: 3px ridge #8b00ff;
color: #dbb3ff;
background-color: #8b00ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8b00ff', endColorstr='#222222');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b00ff), color-stop(100%,#222222));
background: -webkit-linear-gradient(top, bottom, #8b00ff, #222);
background: -moz-linear-gradient(top,  #8b00ff,  #222); 
background: -o-linear-gradient(top,  #8b00ff,  #222);
background: -ms-linear-gradient(top,  #8b00ff,  #222);
}



.navbar .navbar-nav > li.m1 > a:hover {
background-color: #ffb3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3b3', endColorstr='#ff0000');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb3b3), color-stop(100%,#ff0000));
background: -webkit-linear-gradient(top, bottom, #ffb3b3, #ff0000);
background: -moz-linear-gradient(top,  #ffb3b3,  #ff0000); 
background: -o-linear-gradient(top,  #ffb3b3,  #ff0000);
background: -ms-linear-gradient(top,  #ffb3b3,  #ff0000);
}
.navbar .navbar-nav > li.m2 > a:hover {
background-color: #ffe3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3b3', endColorstr='#ffa500');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe3b3), color-stop(100%,#ffa500));
background: -webkit-linear-gradient(top, bottom, #ffe3b3, #ffa500);
background: -moz-linear-gradient(top,  #ffe3b3,  #ffa500); 
background: -o-linear-gradient(top,  #ffe3b3,  #ffa500);
background: -ms-linear-gradient(top,  #ffe3b3,  #ffa500);
}
.navbar .navbar-nav > li.m3 > a:hover {
background-color: #ffffb3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb3', endColorstr='#e6e600');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffb3), color-stop(100%,#e6e600));
background: -webkit-linear-gradient(top, bottom, #ffffb3, #e6e600);
background: -moz-linear-gradient(top,  #ffffb3,  #e6e600); 
background: -o-linear-gradient(top,  #ffffb3,  #e6e600);
background: -ms-linear-gradient(top,  #ffffb3,  #e6e600);
}
.navbar .navbar-nav > li.m4 > a:hover {
background-color: #b3ffb3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffb3', endColorstr='#00ff00');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3ffb3), color-stop(100%,#00ff00));
background: -webkit-linear-gradient(top, bottom, #b3ffb3, #00ff00);
background: -moz-linear-gradient(top,  #b3ffb3,  #00ff00); 
background: -o-linear-gradient(top,  #b3ffb3,  #00ff00);
background: -ms-linear-gradient(top,  #b3ffb3,  #00ff00);
}
.navbar .navbar-nav > li.m5 > a:hover {
background-color: #b3e0ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e0ff', endColorstr='#0099ff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3e0ff), color-stop(100%,#0099ff));
background: -webkit-linear-gradient(top, bottom, #b3e0ff, #0099ff);
background: -moz-linear-gradient(top,  #b3e0ff,  #0099ff); 
background: -o-linear-gradient(top,  #b3e0ff,  #0099ff);
background: -ms-linear-gradient(top,  #b3e0ff,  #0099ff);
}
.navbar .navbar-nav > li.m6 > a:hover {
background-color: #b3b3ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3ff', endColorstr='#0000ff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3ff), color-stop(100%,#0000ff));
background: -webkit-linear-gradient(top, bottom, #b3b3ff, #0000ff);
background: -moz-linear-gradient(top,  #b3b3ff,  #0000ff); 
background: -o-linear-gradient(top,  #b3b3ff,  #0000ff);
background: -ms-linear-gradient(top,  #b3b3ff,  #0000ff);
}
.navbar .navbar-nav > li.m7 > a:hover {
background-color: #dbb3ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbb3ff', endColorstr='#8b00ff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbb3ff), color-stop(100%,#8b00ff));
background: -webkit-linear-gradient(top, bottom, #dbb3ff, #8b00ff);
background: -moz-linear-gradient(top,  #dbb3ff,  #8b00ff); 
background: -o-linear-gradient(top,  #dbb3ff,  #8b00ff);
background: -ms-linear-gradient(top,  #dbb3ff,  #8b00ff);
}

.navbar .navbar-nav > li.vkl1 > a {
background-color: #ffb3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb3b3', endColorstr='#ff0000');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb3b3), color-stop(100%,#ff0000));
background: -webkit-linear-gradient(top, bottom, #ffb3b3, #ff0000);
background: -moz-linear-gradient(top,  #ffb3b3,  #ff0000); 
background: -o-linear-gradient(top,  #ffb3b3,  #ff0000);
background: -ms-linear-gradient(top,  #ffb3b3,  #ff0000);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}
.navbar .navbar-nav > li.vkl2 > a {
background-color: #ffe3b3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3b3', endColorstr='#ffa500');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe3b3), color-stop(100%,#ffa500));
background: -webkit-linear-gradient(top, bottom, #ffe3b3, #ffa500);
background: -moz-linear-gradient(top,  #ffe3b3,  #ffa500); 
background: -o-linear-gradient(top,  #ffe3b3,  #ffa500);
background: -ms-linear-gradient(top,  #ffe3b3,  #ffa500);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}
.navbar .navbar-nav > li.vkl3 > a {
background-color: #ffffb3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffb3', endColorstr='#ffff00');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffb3), color-stop(100%,#ffff00));
background: -webkit-linear-gradient(top, bottom, #ffffb3, #ffff00);
background: -moz-linear-gradient(top,  #ffffb3,  #ffff00); 
background: -o-linear-gradient(top,  #ffffb3,  #ffff00);
background: -ms-linear-gradient(top,  #ffffb3,  #ffff00);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}
.navbar .navbar-nav > li.vkl4 > a {
background-color: #b3ffb3;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffb3', endColorstr='#00ff00');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3ffb3), color-stop(100%,#00ff00));
background: -webkit-linear-gradient(top, bottom, #b3ffb3, #00ff00);
background: -moz-linear-gradient(top,  #b3ffb3,  #00ff00); 
background: -o-linear-gradient(top,  #b3ffb3,  #00ff00);
background: -ms-linear-gradient(top,  #b3ffb3,  #00ff00);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}
.navbar .navbar-nav > li.vkl5 > a {
background-color: #b3e0ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3e0ff', endColorstr='#0099ff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3e0ff), color-stop(100%,#0099ff));
background: -webkit-linear-gradient(top, bottom, #b3e0ff, #0099ff);
background: -moz-linear-gradient(top,  #b3e0ff,  #0099ff); 
background: -o-linear-gradient(top,  #b3e0ff,  #0099ff);
background: -ms-linear-gradient(top,  #b3e0ff,  #0099ff);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}
.navbar .navbar-nav > li.vkl6 > a {
background-color: #b3b3ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3ff', endColorstr='#0000ff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3ff), color-stop(100%,#0000ff));
background: -webkit-linear-gradient(top, bottom, #b3b3ff, #0000ff);
background: -moz-linear-gradient(top,  #b3b3ff,  #0000ff); 
background: -o-linear-gradient(top,  #b3b3ff,  #0000ff);
background: -ms-linear-gradient(top,  #b3b3ff,  #0000ff);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}
.navbar .navbar-nav > li.vkl7 > a {
background-color: #dbb3ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbb3ff', endColorstr='#8b00ff');
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbb3ff), color-stop(100%,#8b00ff));
background: -webkit-linear-gradient(top, bottom, #dbb3ff, #8b00ff);
background: -moz-linear-gradient(top,  #dbb3ff,  #8b00ff); 
background: -o-linear-gradient(top,  #dbb3ff,  #8b00ff);
background: -ms-linear-gradient(top,  #dbb3ff,  #8b00ff);
border: 3px ridge #fff;
color: #fff;
text-shadow: 0 0 10px #fff;
box-shadow: 0 0 30px #fff;
}



ul.breadcrumb-5 { 
    margin: 20px;
    padding: 0;
}
ul.breadcrumb-5 li {
    display: inline-block;
    line-height: 20px;
    margin: 0 5px 0 -10px;
    padding: 0 20px;
    position: relative;
    font-size: 13px;
    font-family: Verdana, sans-serif;
    color: white;
}
ul.breadcrumb-5 li:before,
ul.breadcrumb-5 li:after {
    border-right: 3px solid #BFE2FF;
    content: '';
    display: block;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
    transform: skewX(45deg);   
}
ul.breadcrumb-5 li:after {
    bottom: 0;
    top: auto;
    transform: skewX(-45deg);
}
ul.breadcrumb-5 li:last-of-type:before, 
ul.breadcrumb-5 li:last-of-type:after { 
    display: none; 
}
ul.breadcrumb-5 li a {
    color: #888;
    text-decoration: none;
    transition: all 0.3s;
}
ul.breadcrumb-5 li a:hover { 
    color: white;
    text-shadow: 0 0 10px #fff;
}

.stih-verdana,
.stih-couriere-new {
    text-align: left;
}

.stih-verdana h4 {
    text-align: center;
    margin: 20px auto;
}

.stih-verdana p {
    margin: 20px;
}

.proza {
    text-align: justify;
}

.proza h4 {
    text-align: left;
    margin: 20px auto;
}

.proza p {
    margin: 20px;
}

.stih-monospace p {
    margin: 20px;
    font-family: "Couriere New", monospace;
}

.podpis {
    text-align: right;
}

.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;
}

.w-auto-h-200 {max-height: 200px;}
.w-180-h-80 {max-height: 100px;}
.w-180-h-350 {max-height: 350px;}
.w-180-h-200 {max-height: 200px;}
.w-160-h-120 {max-height: 120px;}

	.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 { 
      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: 50px;
 right: 20px;
 padding: 5px;
 font-size: 2.5em;
 text-decoration: none;
 text-align: center;
 width: 48px;
}