Using MDBootstrap PRO in current project

I have a running project where i was using the free version of MDBootstrap , I have downloaded the PRO version ZIP file. Updated the .angular-cli.json to the following

Start your code here

"styles": [
"../node_modules/font-awesome/scss/font-awesome.scss",
"../scss/bootstrap/bootstrap.scss",
"../scss/mdb.scss",
"./styles.scss"
],

Copied the 'SCSS' folder to my '/' location and the 'typescript' folder to '/src/app'

When i run ng serve , i am getting the following error

Start your code here ./node_modules/css-loader?{"sourceMap":false,"import":false}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./scss/mdb.scss Module not found: Error: Can't resolve '../font/roboto/Roboto-Bold.eot' in '/Users/gauravsoni/Desktop/Programming/Angular apps/material-accounting/scss' @ ./node_modules/css-loader?{"sourceMap":false,"import":false}!./node_modules/postcss-loader/lib?{"ident":"postcss","sourceMap":false}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./scss/mdb.scss 7:142511-142552 7:142583-142624 @ ./scss/mdb.scss @ multi ./node_modules/font-awesome/scss/font-awesome.scss ./scss/bootstrap/bootstrap.scss ./scss/mdb.scss ./src/styles.scss

Please assist what to do...