[class^="i-"], [class*=" i-"], .i-icon, .btn.arrow::after, .btn.arrow.btn-reverse::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'csg-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.i-twitter::after {
  content: "\e902";
}
.i-twitter-square::after {
  content: "\e901";
}
/*.i-twitter::after {
  content: "\f099"; }

.i-twitter-square::after {
  content: "\f081"; }*/

.i-facebook::after {
  content: "\f09a"; }

.i-envelope::after {
  content: "\f0e0"; }

.i-linkedin::after {
  content: "\f0e1"; }


.i-facebook-square::after {
  content: "\f082"; }

.i-linkedin-square::after {
  content: "\f08c"; }

.i-google-plus-square::after {
  content: "\f0d4"; }

.i-youtube-square::after {
  content: "\f166"; }

.i-arrow-long::after {
  content: "\e900"; }

.i-add::after {
  content: "\e145"; }

.i-remove::after {
  content: "\e15b"; }

.i-arrow-down::after {
  content: "\e313"; }

.i-arrow-left::after {
  content: "\e408"; }

.i-arrow-right::after {
  content: "\e315"; }

.i-play::after {
  content: "\e038"; }

.i-search::after {
  content: "\e8b6"; }