How to apply css on a content box short code (avada theme)

I am tryin to add custom gradient background, drop shadow and opacity on a content box shortcode.
CSS code=

`-moz-box-shadow: 0px 0px 17px #000000;
box-shadow: 0px 0px 17px #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = ‘#f7edbf’, endColorstr = ‘#58351a’);
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr = ‘#f7edbf’, endColorstr = ‘#58351a’)”;
background-image: -moz-linear-gradient(top, #f7edbf, #58351a);
background-image: -ms-linear-gradient(top, #f7edbf, #58351a);
background-image: linear-gradient(top, #f7edbf, #58351a);
opacity: 0.75;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 75);
filter: alpha(opacity = 75);

i used [bw_css]on both start and end of the code. The CSS did not function. Do i put the CSS with [bw_css] before the content box short code tag or after the shortcode tag. Do i need to use “{” and “}” in my CSS while i am using the [bw_css] tag to insert the code.

Would appreciate a reply ASAP cause of project deadline.

Thanks in advance.
Asif Farid

https://wordpress.org/plugins/oik-css/

Site working on:
http://rockeconstruction.com/