/* меню гамбургер  */
.wrapper.burger{margin: 0;
    /*background: #ffffff;*/
    position: relative;
    text-align: left;
    height: 75px; 
    display: none;
    z-index: 12;
}

#check-menu{
    display: none;
}

.wrapper.burger label{
    display: block;
    position: absolute;
    top: 0px;
	right:0px;
    margin-right: 0px;
	text-align:right;
    width:120px;
    height: 100%;
    cursor: pointer;
    z-index: 100;
    overflow: hidden;
}
/*.wrapper.burger .burger_title {font-weight: bold; line-height: 66px; font-size: 18px; text-align: center; text-transform:uppercase;}*/
.wrapper.burger .lines_wrapper {width: 30px; height: auto; position: absolute; z-index: 20; right: 60px; top:10px;}
@media screen and (max-width:415px){
.wrapper.burger label{width:120px;}
.wrapper.burger .lines_wrapper {right: 20px}
}

.burger-line{
    width: 26px;
    height: 3px;
    background-color: #323232;
    transition: .5s all;
}

.burger-line.first {margin-bottom: 6px;}
.burger-line.fourth {margin-top: 6px;}

.burger-line.first {/*width: 20px; background-color: #000000; */}
.burger-line.second, 
.burger-line.third {top: 40px; width: 20px; right:11px;} /*вторая и появляющаяся линия*/
.burger-line.third {margin-top: -3px;} 

.burger-line.fourth {top: 20px; width: 12px; right:19px;}

.wrapper.burger .left_menu_block {position: absolute; z-index:2; width: 49px; display: flex; justify-content: space-between; right:16px; top:25px;}
.wrapper.burger .left_menu_block a {display: block;}

/*.wrapper.burger .your_order {position: absolute; top:20px; right:20px;}
.wrapper.burger a.cart-contents {display: block; position: absolute; z-index: 24; right:-6px; top:-6px; width: 16px; height: 16px; border-radius: 50%; margin: 0; padding: 0; background-color: #D13283;}
.wrapper.burger a.cart-contents span.count {display: block; text-align: center; font-weight: normal; line-height: 16px; font-size: 12px; color: #FFFFFF;}
*/

.main-menu_burger_wrapper{height: 0;}

.main-menu_burger {
    display: block;
    margin: 0; padding: 0;
    max-height: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    font-size: 0;
    overflow: hidden;
    transition: 1s all;
    z-index: 150;
}

.burger ul.main-menu_burger li {border-bottom: 1px solid #DAEEFF;background-color: white;}
.burger ul.main-menu_burger li a{
    display: block;
    width: 100%;
    padding: 15px 80px;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #434343;

}
.burger ul.main-menu_burger li:hover {background-color: #f5feff;}
.burger ul.main-menu_burger li a.get_call {padding-top: 30px;cursor: pointer;background-color: #eafaff;padding-bottom: 30px;color: #1b94ff;font-weight: 600;}
.burger li.social_net {display: block; display: flex; justify-content: center; background-color: #ffffff; padding: 20px;}

.burger ul.main-menu_burger li.social_net a {display: block; background-color: #5DA02C; border-radius: 50%; width: 43px; height:43px; margin: 0 6px; transition: background-color .5s;}
.burger ul.main-menu_burger li.social_net a:hover {background-color: #009900;}
.burger ul.main-menu_burger li.social_net .telegram {margin-left: 0; background-image: url(../img/telegramm.png); background-repeat: no-repeat; background-position: center;}
.burger ul.main-menu_burger li.social_net .instagram {background-image: url(../img/instagram.png); background-repeat: no-repeat; background-position: center;}
.burger ul.main-menu_burger li.social_net .viber {background-image: url(../img/viber.png); background-repeat: no-repeat; background-position: center;}


.burger .contacts {
    position: absolute; 
    left:0;
    bottom: 0;
    bottom: 0;
    display: none;}

#check-menu:checked ~ .main-menu_burger_wrapper{
    height: auto;
    position: relative;
    z-index: 20;
    margin-top:75px;
    width: 100%;
    margin-right: 50px;
}

#check-menu:checked ~ .main-menu_burger_wrapper .main-menu_burger{
    max-height: 560px;
    
}

#check-menu:checked ~ .main-menu_burger_wrapper .contacts{
    display: block;
}

#check-menu:checked ~ .lines_wrapper .first{
    display: none;
}

#check-menu:checked ~ .lines_wrapper .second{
    transform: rotate(45deg);
	margin-top:8px;
}

#check-menu:checked ~ .lines_wrapper .third{
    transform: rotate(-45deg);

}

#check-menu:checked ~ .lines_wrapper .fourth{
    display: none;
}