/* Îôîðìëåíèå ïàíåëè */
#side-checkbox{
    	display:none;
		}
@media (max-width:767px){
.side-panel{
		position:fixed;
		z-index:999999;
		top:0;
		left:-200%;
		background:#FFF;
		transition:all 0.5s;   
		width:100vw;
		height:100vh;
		color:#030035;    
		padding:40px;
		overflow:hidden;
		overflow-y:scroll;
		}
#side-checkbox:checked + .side-panel{
    	left:0;
		}
.side-panel b{
		font-size:20px;
		padding-bottom:10px;
		margin-bottom:20px;
		border-bottom:2px solid #030035;
		color:#030035;    
		}
}

/* Îôîðìëåíèå êíîïêè íà ïàíåëå */
.side-button-close{
		display:none; 
		}
@media (max-width:767px){
.side-button-close{
		position:static;
		display:block;
		font-size:16px;
		border-radius:20px;
		z-index:100;
		bottom:0;
		left:0;
		right:0;
		padding:15px 0;
		font-weight:bold;
		background:#030035;
		cursor:pointer;
		text-align:center;
		color:#FFF;    
		-webkit-transition:all 0.5s linear;
		-moz-transition:all 0.5s linear;
		-o-transition:all 0.5s linear;
		-ms-transition:all 0.5s linear;
		transition:all 0.5s linear;
		}
.side-button-close:hover{ 
		color:#030035;
		background:#FFB33B;
		}
}

/* Îôîðìëåíèå êíîïêè íà ïàíåëå */
.label-panel{
		display:none; 
		}
@media (max-width:767px){
.label-panel{
		position:relative;
		display:block;
		cursor:pointer;
		color:#030035;
		transition:all 280ms ease-in-out;       
		}
.label-panel:before{
		display:block;
		font-size:35px;
		cursor:pointer;
		color:#030035;  
		}
.label-panel:hover,
.label-panel:hover:before{
		color:#ffb33b;
		}
}