body {
 background: #ffffff;
}


a {
 color: #f6ce5f;
 text-decoration: none;
}
a:hover {
 color:  #f6ce5f;
 text-decoration: none;
}
a:visited {
 color: #f6ce5f;
}


h1, h2, h3, h4, h5, h6 {
 clear: both;
 margin: 0 0 18px;
}
h1 {
font-size: 140%;
}
h2 {
 font-size: 130%;
}
h3 {
 font-size: 120%;
}
h4 {
 font-size: 110%;
}
h5 {
 font-size: 100%;
}


header {
 display: block;
 max-width: 1300px;
 margin: 0 auto;
 border: 1px solid #f6ce5f;
 background: #373b3e;
 text-align: center;
 color: #f6ce5f;
}

.sticky {
  position: sticky;
  top: 1px;
  z-index: 1; /* над другими элементами */
  min-height: 2em;
}


main {
 display: block;
 max-width: 1300px;
 margin: 0 auto;
 background: #ffffff;
 border: 1px solid #f6ce5f;
 font-size: 14px;
 line-height: 1.5;
 font-family: Arial, Tahoma, Verdana, sans-serif;
 color: #424242;
 text-align: center;
}


article {
 display: block;
 float: center;
 margin: 2em;
 text-align: center;
}


footer {
 display: block;
 max-width: 1300px;
 margin: 0 auto;
 border: 1px solid #f6ce5f;
 position: relative;
 margin-bottom: 15px;
 clear: both;
 background: #424242;
 color: #f6ce5f;
 text-align: center;
}


img {
 border: 0;
 width: auto;
 max-width: 100%;
 height: auto;
}


ol.breadcrumbs {
 margin: 0; /* Обнуляем значение отступов */
 padding: 4px; /* Значение полей */
}
ol.breadcrumbs li {
 display: inline; /* Отображать как строчный элемент */
 margin-right: 5px; /* Отступ слева */
 border: 1px solid #b5c5d4; /* Рамка вокруг текста */
 padding: 3px; /* Поля вокруг текста */
}


.div-menu {
 display: block;
 max-width: 1300px;
 margin: 1em;
 text-align: left;
 color: #f6ce5f;
}
.hide-menu {
  display: none;
}
.unhide-menu {
    cursor: pointer;
    padding: 1em;
	text-decoration: none;
}
.unhide-menu:focus ~ .hide-menu,
.unhide-menu:active ~ .hide-menu,
.hide-menu:hover {
  display: block;
  margin: 1em;
}


.hide-text {
  display: none;
  text-align: center;
}
.unhide-text {
    cursor: pointer;
	text-decoration: none;
	opacity: 0.5; /* Полупрозрачный фон */
    filter: alpha(Opacity=50); /* Прозрачность в IE */
}
.unhide-text:focus ~ .hide-text,
.unhide-text:active ~ .hide-text,
.hide-text:hover {
  display: block;
  margin: 1em;
}




/* Button ENTER
-----------------------------------------------------------------------------*/
input.button-3 {
 position: relative;
 display: inline-block;
 font-family: Arial,Helvetica,FreeSans,sans-serif;
 font-size: 1.6em;
 font-weight: 700;
 color: rgb(245,245,245);
 text-shadow: 0 -1px rgba(0,0,0,.1);
 text-decoration: none;
 user-select: none;
 padding: .3em 1em;
 outline: none;
 border: none;
 border-radius: 3px;
 background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
 box-shadow: inset #72de26 0 -1px 2px, inset 0 2px 2px #98ff98, #3caa3c 0 0 0 2px, rgba(0,0,0,.3) 0 2px 5px;
 -webkit-animation: pulsate 0.5s linear infinite;
 animation: pulsate 0.5s linear infinite;
}
input.button-3:hover {
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
 cursor: pointer;
}
input.button-3:active {
 top: 1px;
 color: #fff;
 text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
 box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
input.button-3:hover:not(:active) {
 box-shadow:
 0 0 5px rgba(0,0,0,0) inset,
 0 2px 2px 2px rgba(255,255,255,.5),
 0 -2px 2px 2px rgba(255,255,255,.5);
}
@-webkit-keyframes pulsate {
 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 15px #ffd, 0 0 18px #fff;}
}


/* frame shadow
-----------------------------------------------------------------------------*/
.frame-shadow-1 { 
 margin: 10px auto;
 padding: 1em;
 box-shadow: 0 1px 5px rgba(0, 0, 0, .3), -19px 0 19px -19px rgba(0, 0, 0, .8), 19px 0 19px -19px rgba(0, 0, 0, .8);
 background: White;
 color: Gray;
 }
.frame-shadow-2 {
 margin: 3em auto;
 padding: 1em;
 box-shadow: -12px -12px 2px -5px rgba(160,82,45,.5), -12px 12px 2px -5px rgba(0,255,255,.5), 12px -12px 2px -5px rgba(255,0,0,.5), 12px 12px 2px -5px rgba(255,255,0,.5);
 background: White;
 color: Gray;
 }
.frame-shadow-3 {
 margin: 2em auto;
 padding: 1em; box-shadow: 0 0 7px 7px Gray;
 background: White;
 color: Gray;
 }
.frame-shadow-4 {
 margin: 3em auto 2em;
 padding: 2em; 
 box-shadow: 0 0 0 1px silver, 0 -19px 0 -7px coral, 19px 0 0 -7px darkturquoise, 0 19px 0 -7px gold, -19px 0 0 -7px chartreuse;
 background: White;
 color: Gray;
 }
.frame-shadow-5 {
 margin: 3em auto;
 padding: 1em; box-shadow: 0 0 0 5px #60B88D, 0 0 0 7px #90CDAF, 0 0 0 12px #BFE3D1;
 background: White;
 color: Gray;
 }
.frame-shadow-6 {
 margin: 1em auto;
 padding: 1em;
 border: 2px dashed #ccc;
 box-shadow: 0 0 0 1px Gray;
 background: White;
 color: Gray;
 }
.frame-shadow-7 {
 margin: 1em auto;
 padding: 1em;
 border-radius: 12px;
 box-shadow: 3px 3px 8px -3px Gray;
 background: White;
 color: Gray;
 }
.frame-shadow-8 {
 margin: 10px;
 padding: 10px;
 box-shadow: 5px 5px 7px Gray, -5px -5px 7px Gray;
 background: White;
 color: Gray;
 }