.bampera-page {}
.bampera-page nav{display: block; background: #f5f5f5; margin-top: 15px; border-left: 2px solid #372e82}
.bampera-page nav a {display: block; line-height: 42px; margin-bottom: 2px; color: #333; padding: 0 15px; font-size: 16px; position: relative; cursor: pointer}
.bampera-page nav a span {display: inline-block; border-bottom: 1px dashed #000; white-space: nowrap; line-height: 24px;
		max-width: 80%; overflow: hidden; margin-top: 7px
	}
.bampera-page nav a.active {color: #fff; background-color: #f2a500}
.bampera-page nav a.active span {border-bottom-color: #fff;}
.bampera-page nav a .fa {float: left; width: 32px; text-align: center; display: inline-block; line-height: 42px; font-size: 24px; margin-right: 4px}
.bampera-page nav a .fa.fa-square-o {display: inline-block;}
.bampera-page nav a .fa.fa-check-square-o {display: none;}
.bampera-page nav a.active .fa.fa-square-o {display: none;}
.bampera-page nav a.active .fa.fa-check-square-o {display: inline-block;}
.bampera-page .nav-title {display: block; font-size: 12px; margin-top: 25px; color: #777}			

.bampera-page .mobile-toggle-nav-h4 h4 {display: block;
    padding-left: 22px;
    line-height: 45px;
    font-size: 16px;
    height: 45px;
    color: #fff;
    background-color: #3a3285;
    white-space: nowrap;
    font-weight: bold;}
.bampera-page .mobile-toggle-nav-h4 h4.arrow-check span {display: block}
.bampera-page .mobile-toggle-nav-h4 h4.arrow-check i {top: 0; right: 15px; line-height: 45px;}

@media (max-width: 768px) {
	.bampera-page nav {column-count: 3; margin-bottom: 15px}
	
	.bampera-page .mobile-toggle-nav-h4 nav {display: none;}
	.bampera-page .mobile-toggle-nav-h4.active nav {display: block;}
}

@media (max-width: 550px) {
	.bampera-page nav {column-count: 2;}
}