/*Каркас сайта*/
body {padding:0px; margin:0; background-image:url(/images/main.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; font-size:20px; font-family:Arial, Sans-serif;}
#basic {width:960px; min-height:410px; margin:20 auto; padding:20px 20px 20px 20px; background: rgba(175, 175, 175, 0.75); border-radius:20px;}
img {border:20;}
a {color:#536CAB;}
a:hover {text-decoration:none;}
 
/*Верхнее меню сайта*/
.bg-1 {width:923px; height:45px; background:#4c281e url(/images/m1.png); padding:0 0 0 10px; border-radius:20px;}
.bg-1 ul {margin:0; padding:0 0 0 30; list-style:none;}
.bg-1 ul li {float:left; padding:0 2px 0 0;}
.bg-1 ul li a {border-radius: 20px; display:block; height:15px; padding:12px 20px 0 20px; color:#ff9c00; text-decoration:none; text-transform:uppercase;}
.bg-1 ul li a:hover {height:33px; color:#fff; background:#ff9c00;}
 
.bg-2 {width:940px; height:15px; background:#ff9c00; margin:0 auto;}

/*Контент - основа*/
.main { float:right; width:655px; padding:0 0 0 20px; text-align:justify;}
.right { float:right; width:960px; padding:0 0 0 20px; text-align:center;}
.right h1 {text-transform:uppercase; color:#00BFFF; font-weight:normal; margin-top:0;}

.logo {
    text-align: center;
    border-radius: 20px;
    display: flex;
    position: relative;
    margin: inherit;
}

  
/*Подвал*/
.myclr {clear:both; float:none; width:100%; height:1px;}

#podval {border-top:10px solid #4c281e; margin-top:20px;}

.yellow {width:940px; height:5px; margin:0 auto; background:#ff9c00;}
.p1 {float:left; width:300px; padding:15px 0 0 0;}
.p2 {font-size:10px; font-family:Arial, Sans-serif; width:960px; text-align:center; padding:15px 20px 0 0;}
.p3 {float:right; width:30px; padding:15px 0 0 0;}
 
.burger-checkbox {
  position: absolute;
  visibility: hidden;
}
.burger {
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: block;
  border: none;
  background: transparent;
  width: 40px;
  height: 26px;
  margin: 100 auto 10;
}
.burger::before,
.burger::after {
  content: '';
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 10px;
  background: #000;
}
.burger::before {
  top: 0;
  box-shadow: 0 11px 0 #000;
  transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
}
.burger::after {
  bottom: 0;
  transition: bottom .3s .15s, transform .3s;
}
.burger-checkbox:checked + .burger::before {
  top: 11px;
  transform: rotate(45deg);
  box-shadow: 0 6px 0 rgba(0,0,0,0);
  transition: box-shadow .15s, top .3s, transform .3s .15s;
}
.burger-checkbox:checked + .burger::after {
  bottom: 11px;
  transform: rotate(-45deg);
  transition: bottom .3s, transform .3s .15s;
}
.menu-list {
  top: 0;
  left: 0;
  display: grid;
  gap: 12px;
  padding: 42px 0;
  margin: 10;
  background: rgba(0, 0, 0, 0.55);
  list-style-type: none;
  transform: scale(0.00001);  
  transition: .3s;
  border-radius: 20px;
}
.menu-item {
  display: block;
  padding: 8px;
  color: white;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}
.menu-item:hover {
  background: rgba(255,255,255,.2)
}
.burger-checkbox:checked ~ .menu-list {
  transform: translateX(0);
}