@charset "utf-8";

* {margin: 0; padding: 0;}
body {background: #ffffff;color:#000000; font-family: Georgia, serif;font-size: 18px;min-width: 360px;max-width: 767px; }
.mobile-menu {
  
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px;
  top: 0;
  background-color: #6995A5;
  left: 0;
  right: 0;
  height: 30px;
  z-index: 9999999;
  width:90px;
  
} 
.mobile-menu__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
  cursor: pointer;
  transition: .4s;
  
}
.mobile-menu__icon {
  display: block;
  position: relative;
  background: white;
  width: 90%;
  height: 4px;
  transition: .4s;
  
}
.mobile-menu__icon::after, .mobile-menu__icon::before {
  content: "";
  display: block;
  position: absolute;
  background: white;
  width: 100%;
  height: 4px;
  transition: .4s;
 
}
.mobile-menu__icon::after {
  top: 8px;
}
.mobile-menu__icon::before {
  top: -8px;
 
}
.mobile-menu__container {
  position: fixed;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 999;
  height: 0;
  opacity: 1;
  transition: .5s;
  overflow: hidden;
  /*          background: #FFF;      ЗАБЕЛЕНИЕ ЭКРАНА */
}
.mobile-menu__list {
  transition: .5s;
  list-style: none;
  padding-left: 0;
  margin-top: -50px;
  
  
}
.mobile-menu__item {
  font-size: 15px;
  
  padding: 10px  10px  10px  10px     ;
  width:100%;height:15px;
  border:2px #FFF solid;
   background: #bbd3f8;
  /*          background: #000;       ЦВЕТ КНОПОК */
  margin:5px 0px 0px -20px;
}
.mobile-menu__link {
  text-decoration: none;
  color: #000;/*         ЦВЕТ ТЕКСТА КНОПОК */
 
  width:90%;
}
.mobile-menu__checkbox {
  display: none;
  
}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {
  opacity: 1;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {
  height: 100%;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
  background: transparent;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  top: 0;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.pstr1{margin:6px 0px 0px 5px;
	}
.pstr1:hover {
  color: #830b25;
    }
.pstrwt{ margin:2px 0px 0px 6px;
	}
.pstrwt:hover {
  color: #830b25;
    }	
	
.but12{border-radius: 5px;
            background: rgb(100,100,100) radial-gradient(circle at 50% 0,
		    rgba(255,255,255,.65), rgba(255,255,255,.35));
            box-shadow:
            inset rgba(0,0,0,.6) 0 -3px 8px,
            inset rgba(252,255,255,.7) 0 3px 8px,
            rgba(0,0,0,.8) 0 3px 8px -3px;
            font-size: 14px; 
            padding: 1px   7px   7px   5px;
            color:#fff;float:left;
            margin:4px 0px 0px 10px; 
			
	}
	
	.divv19 {width:248px;
         height:35px;border:0px solid #000000;
		 float:left;
		 margin:0px 0px 0px 10px;
		 font-size: 16px;}
	
	.divv20 {background-color:#fff;
         border:2px solid #6995A5;
		 
         cursor:text;
		 width:100px;height:22px;
		 font-size: 17px;text-align: 
		 center;color:#000;
	     }		 
	.divv21 {width:260px;
         height:200px;border:0px #77AAAB solid; 
		 float:left;
	     }		 

	.divv23 {background-color:#fff;
         border:2px solid #6995A5;
		 cursor:text;width:50px;
         height:25px;
         font-size: 17px;
	     }

		 .divv131 {
   width:100%;
   height:30px;
   float:left;
       }