/********************************************************************/
 /* Bizarc.pro                                                       */
 /* Главное меню для модильных устройств.                            */
 /* Silentium Company 2015-2020                                      */
 /* www.silentium.ru                                                 */
 /********************************************************************/

@media screen and (max-width: 940px) {

.current_exit_text {
    display: none;
}

.menu__btn {
  display: flex;
  border: 0px solid red; 
  align-items: center; 
  position: fixed; 
  top: 10px;  
  left: 10px;
  width: 26px;
  height: 26px; 
  cursor: pointer;
  z-index: 1;
  float: left; 
}

/* добавляем "гамбургер" */
.menu__btn > span, 
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;  
  width: 100%;
  height: 2px; 
  background-color: white;
  transition-duration: .25s;
}

.menu__btn > span::before {
  content: '';
  top: -8px; 
}

.menu__btn > span::after {
  content: '';
  top: 8px; 
}

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden; 
  top: 47px; 
  left: -100%;
  width: 100%;
  margin: 0;
  list-style: none;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
  transition-duration: .25s;
  z-index: 100;
}


#menu__toggle:checked ~ .menu__btn > span {
  transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
  top: 0;
  transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
  visibility: visible;
  left: 0;
}

.topnav ul { 
  margin-top: 0px;
  width: 100%; 
}

.topnav li { 
  border: 0px solid black;  
  float: none;
  width: 100%; 
  background-color: #D9D9D9;       /* Цвет меню синий #2EA3F0 , серый  #D9D9D9*/  
}

.topnav li ul li { 
  left: 140px;
  top: -140px;
  padding-top: 5px; 
}

.topnav a:link, .topnav a:visited {
    margin: 0px;
    color: black;
}

.topnav {
    font-weight: none;
}

/* СЕРЫЙ ВАРИАНТ Цвет букв главного меню */
.topnav li { 
    color: black;
    padding-top: 10px; 
    height: 45px;
}

/* СЕРЫЙ ВАРИАНТ Фон выделенного меню темносерый #464646 */
.topnav li ul li:hover {
    background-color: #878787;   
}
.topnav a:active, .topnav a:hover {
    background-color: #878787;   
}
.topnav li:hover {
    color: white;  
    background-color: #878787;   
}


.topnav li ul li:hover a {
   color: white;  
}

.current {
  display: none; 
}

.connection {
  display: none; 
}

.connection_mobile {
  color: white;
  display: block;
}


/************************************************/
/* Besttest header                              */
/************************************************/

.div_bt_header_exit {
    display: none;
}

.menu__btn_bt {
  border: 0px solid silver; 
  margin-top: 20px; 
  margin-right: 30px;
  align-items: center; 
  width: 26px;
  height: 26px; 
  cursor: pointer;
  display: flex;
  float: right; 
  z-index: 100;
}

/* добавляем "гамбургер" */
.menu__btn_bt > span, 
.menu__btn_bt > span::before,
.menu__btn_bt > span::after {
  display: block;
  width: 100%;
  height: 3px; 
  margin-top: 0px;
  background-color: black;
  transition-duration: .25s;
}

.menu__btn_bt > span::before {
  content: '';
  margin-top: -8px; 
/*   background-color: red; */
}

.menu__btn_bt > span::after {
  content: '';
  margin-top: 13px; 
/*   background-color: blue; */ 
}

#menu__toggle:checked ~ .menu__box_bt {
  visibility: visible;
  right: 0; 
}

#menu__toggle:checked ~ .wait_back_bt {
  display: block;
  opacity: 0.6;    
}

.wait_back_bt {
  position: fixed; 
  top: 0;
  left: 0;
  height: 100%; 
  width: 100%;
  content: '';
  opacity: 0;    
  background-color: black;  
  display: none;
  z-index: 50; 
}

.menu__box_bt {
  border: 0px solid red;  
  display: block;
  position: fixed; 
  visibility: hidden; 
  top: 0; 
  right: -200px;
  width: 180px; 
  margin: 0;  
  list-style: none;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
  transition-duration: .25s;
  background-color: white;
  z-index: 100; 
}

.topnav_bt ul { 
  border: 0px solid blue;  
  margin: 0;
  padding: 0;
/*  height: 264px;  */
  height: 384px; 
  width: 100%;
  font-family: 'Roboto', Arial, sans-serif;
  text-decoration: none;
  background-color: white;
  float: left; 
}

.topnav_bt li { 
  border: 0px solid black;  
  padding-left: 30px;
  padding-top: 10px;
  height: 43px; 
  width: 100%; 
}

.topnav_bt li ul { 
  left: -185px;  
  top: -30px;  
  padding: 0;
  min-width: 180px;
}

.topnav_bt li ul li { 
  padding-top: 10px;    
  height: 43px; 
}

.topnav_bt a:link, .topnav_bt a:visited {
    margin: 0px;
    color: black;
}

.topnav_bt li ul li:hover {
    height: 43px;          
    background-color: #D9D9D9;    
}
.topnav_bt a:active, .topnav a:hover {
    background-color: #D9D9D9;   
}
.topnav_bt li:hover {
    background-color: #D9D9D9;    
}

.topnav_bt li ul li:hover a {
/*   color: white;   */
}

.menu__box_bt_header {
  border: 0px solid red; 
  margin: 0; 
  height: 100px; 
  display: block;
  float: left; 
}

.menu__box_bt_footer {
  border: 0px solid green;  
  position: relative;  
  padding: 0;  
  /* ПОДНЯЛИ ДОЯ ТЕСТИРОВАНИЯ */
  /* margin-top: -150px; */
  height: 85px;  
  width: 100%;
  display: block;
  float: left; 
}

.div_bt_header_logo_mobile {
  border: 0px solid red;
  margin-right: 0px; 
  margin-left: 32px;  
  height: 65px;
  width: 210px; 
  background: no-repeat;
  background-image: url('../images/bestbest_small.gif');
  background-size: 50%;
  float: left;
}

.div_bt_header_exit_mobile {
  border: 0px solid red;
  font-size: 14px;
  margin-left: 30px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px; 
  height: 45px;
  width: 130px; 
  color: white;
  background-color: #8db12c;
  float: left;
}

.div_bt_header_register_mobile {
  border: 2px solid #8db12c;
  margin-left: 30px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  height: 45px;
  width: 130px; 
  font-size: 14px;
  color: #8db12c;
  background-color: white;
  float: left;
}

.div_bt_close_mobile {  
    border: solid yellow 0px; 
    margin: 15px;
    margin-bottom: 5px;
    margin-left: 115px;
    width: 45px;              
    height: 30px;             
    cursor: pointer;
    float: left;
}

.div_bt_close_mobile:before,
.div_bt_close_mobile:after {
    position: absolute;
    margin-top: 8px;          
    margin-right: 20px;         
    content: "";
    width: 25px;
    height: 2px;
    background: black; 
}

.div_bt_close_mobile:before {
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.div_bt_close_mobile:after {
    webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 

/* СКОБКУ НЕ УБИРАТЬ УКАЗЫВАЕТ НА МОБИЛЬНУЮ ВЕРСТКУ */
}