Не работает *нумерованный список bootstrap

Всем, привет! Есть может кто-нибудь кто сталкивался с такой проблемой. Делаю сайт, ввел нумерованный список, а вместо него квадратики. Все просмотрел понять не могу почему так? В чем может быть причина? догадываюсь, что в style.css но где именно искать...

<code>

body, html {

font-family: 'Open Sans', sans-serif;

text-rendering: optimizeLegibility !important;

-webkit-font-smoothing: antialiased !important;

color: #666;

font-weight: 400;

width: 100% !important;

height: 100% !important;

}

h2 {

font-family: 'Montserrat', sans-serif;

margin: 0 0 20px 0;

font-weight: 700;

font-size: 32px;

color: #333;

}

h3 {

font-family: 'Montserrat', sans-serif;

font-size: 22px;

font-weight: 700;

color: #333;

}

h4 {

font-size: 18px;

color: #333;

}

h5 {

text-transform: uppercase;

font-weight: 700;

line-height: 20px;

}

p {

font-size: 15px;

}

p.intro {

margin: 12px 0 0;

line-height: 24px;

}

a {

color: #1f386e;

font-weight: 400;

}

a:hover, a:focus {

text-decoration: none;

color: #e52f3c;

}

ul, ol {

list-style: none;

}

ul, ol {

padding: 0;

webkit-padding: 0;

moz-padding: 0;

}

hr {

height: 2px;

width: 70px;

text-align: center;

position: relative;

background: #1E7A46;

margin-bottom: 20px;

border: 0;

}

</code>

Где сам список должен быть:

<code>

#about .about-text li {

margin-bottom: 6px;

margin-left: 6px;

list-style: none;

padding: 0;

}

#about .about-text li:before {

content: '\f00c';

font-family: 'FontAwesome';

color: #1f386e;

font-size: 11px;

font-weight: 300;

padding-right: 8px;

}

</code>