.box-menu{
	position: relative;
    top: 150px;
    z-index: 100;
    width: 250px;
    padding-left: 70px;
    display: flex;
    flex-flow: column; 
    transition: .5s;
    height: 352px;
}


.menu-section{
	display: flex;
    align-items: center;
    cursor: pointer;
    transition: .5s;
}

.menu-section:hover{
/*	color: red;*/
	transition: .1s;
}

.circ1{
    width: 20px;
    height: 20px;
    background: none;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    border-radius: 50%;
    border-color: #404041;
    border-style: solid;
    transition: 0.1s;
    border-width: 1px;
}

.newLine {
    width: 1px;
    height: 60px;
    margin-left: 10px;
    border-left-style: solid;
    border-left-color: #404041;
    border-left-width: 1px;
    transition: .5s;
}

.circ2-active{
    width: 80%;
    height: 80%;
    border: transparent 0px solid;
    border-radius: 50%;
    background: #f16c21;
    margin-left: 2px;
    margin-top: 2px;
}

.circ1-active{
	border-color: #f16c21 ;
	border-width: 2px;
}

.txt-active{
	color: #f16c21 ;
	font-weight: bold;
}

/*Estilos menu hamburguer*/
.circ2-active-m{
    width: 80%;
    height: 80%;
    border: transparent 0px solid;
    border-radius: 50%;
    background: #f16c21;
    margin-left: 2px;
    margin-top: 2px;
}

.circ1-active-m{
    border-color: #f16c21 ;
    border-width: 2px;
}

.txt-active-m{
    color: #f16c21 ;
    font-weight: bold;
}

.formulario-2 label{
    color: white;
}

.activeBef:before{
    border-width: 2px !important;
}

/*Estilo de la X*/
.img-cerrar{
    position: absolute;
    width: 25px;
    top: 20px;
    right: 20px;
    cursor: pointer;
}