/*    
    Manrope
    Download woff and generate font-face from https://transfonter.org/
    Preload in head.tpl
*/
  @font-face {
    font-family: 'Manrope-Medium';
    src: url('./fonts/Manrope-Medium.eot');
    src: local('Manrope Medium'), local('Manrope-Medium'),
        url('./fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-Medium.woff2') format('woff2'),
        url('./fonts/Manrope-Medium.woff') format('woff'),
        url('./fonts/Manrope-Medium.ttf') format('truetype'),
        url('./fonts/Manrope-Medium.svg#Manrope-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope-Regular';
    src: url('./fonts/Manrope-Regular.eot');
    src: local('Manrope Regular'), local('Manrope-Regular'),
        url('./fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-Regular.woff2') format('woff2'),
        url('./fonts/Manrope-Regular.woff') format('woff'),
        url('./fonts/Manrope-Regular.ttf') format('truetype'),
        url('./fonts/Manrope-Regular.svg#Manrope-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope-ExtraLight';
    src: url('./fonts/Manrope-ExtraLight.eot');
    src: local('Manrope ExtraLight'), local('Manrope-ExtraLight'),
        url('./fonts/Manrope-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-ExtraLight.woff2') format('woff2'),
        url('./fonts/Manrope-ExtraLight.woff') format('woff'),
        url('./fonts/Manrope-ExtraLight.ttf') format('truetype'),
        url('./fonts/Manrope-ExtraLight.svg#Manrope-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope';
    src: url('./fonts/Manrope-Light.eot');
    src: local('Manrope Light'), local('Manrope-Light'),
        url('./fonts/Manrope-Light.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-Light.woff2') format('woff2'),
        url('./fonts/Manrope-Light.woff') format('woff'),
        url('./fonts/Manrope-Light.ttf') format('truetype'),
        url('./fonts/Manrope-Light.svg#Manrope-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope-SemiBold';
    src: url('./fonts/Manrope-SemiBold.eot');
    src: local('Manrope SemiBold'), local('Manrope-SemiBold'),
        url('./fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('./fonts/Manrope-SemiBold.woff') format('woff'),
        url('./fonts/Manrope-SemiBold.ttf') format('truetype'),
        url('./fonts/Manrope-SemiBold.svg#Manrope-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope-Bold';
    src: url('./fonts/Manrope-Bold.eot');
    src: local('Manrope Bold'), local('Manrope-Bold'),
        url('./fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-Bold.woff2') format('woff2'),
        url('./fonts/Manrope-Bold.woff') format('woff'),
        url('./fonts/Manrope-Bold.ttf') format('truetype'),
        url('./fonts/Manrope-Bold.svg#Manrope-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope-ExtraBold';
    src: url('./fonts/Manrope-ExtraBold.eot');
    src: local('Manrope Bold'), local('Manrope-ExtraBold'),
        url('./fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('./fonts/Manrope-ExtraBold.woff') format('woff'),
        url('./fonts/Manrope-ExtraBold.ttf') format('truetype'),
        url('./fonts/Manrope-ExtraBold.svg#Manrope-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Manrope';
    src: url('./fonts/Manrope-ExtraBold.eot');
    src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'),
        url('./fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('./fonts/Manrope-ExtraBold.woff') format('woff'),
        url('./fonts/Manrope-ExtraBold.ttf') format('truetype'),
        url('./fonts/Manrope-ExtraBold.svg#Manrope-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
/*    icomon ICIONS MSURF   */
  @font-face {
    font-family: 'msurf';
    src:  url('fonts/msurf.eot?xl8xkl');
    src:  url('fonts/msurf.eot?xl8xkl#iefix') format('embedded-opentype'),
      url('fonts/msurf.ttf?xl8xkl') format('truetype'),
      url('fonts/msurf.woff?xl8xkl') format('woff'),
      url('fonts/msurf.svg?xl8xkl#msurf') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  @font-face {
    font-family: 'msurf';
    src:  url('fonts/msurf.eot?rkjjve');
    src:  url('fonts/msurf.eot?rkjjve#iefix') format('embedded-opentype'),
      url('fonts/msurf.ttf?rkjjve') format('truetype'),
      url('fonts/msurf.woff?rkjjve') format('woff'),
      url('fonts/msurf.svg?rkjjve#msurf') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="msurf-"], [class*=" msurf-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'msurf' !important;
    speak: never;
    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;
  }
  
  .msurf-logo-tiktok-svgrepo-com:before {
    content: "\e943";
  }
  .msurf-stock-msurf .path1:before {
    content: "\eadf";
    color: rgb(29, 113, 184);
  }
  .msurf-stock-msurf .path2:before {
    content: "\eae0";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock-msurf .path3:before {
    content: "\eae1";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.6;
  }
  .msurf-stock-msurf .path4:before {
    content: "\eae2";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.9;
  }
  .msurf-stock-msurf .path5:before {
    content: "\eae3";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.9;
  }
  .msurf-stock-msurf .path6:before {
    content: "\eae4";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.6;
  }
  .msurf-stock-msurf .path7:before {
    content: "\eae6";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock-msurf .path8:before {
    content: "\eae7";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock-msurf .path9:before {
    content: "\eae8";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.6;
  }
  .msurf-stock-msurf .path10:before {
    content: "\eae9";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.9;
  }
  .msurf-stock-msurf .path11:before {
    content: "\eaea";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock-msurf .path12:before {
    content: "\eaeb";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-ok-msurf:before {
    content: "\eaec";
    color: #1d71b8;
  }
  .msurf-envios2-msurf .path1:before {
    content: "\eaed";
    color: rgb(29, 113, 184);
  }
  .msurf-envios2-msurf .path2:before {
    content: "\eaee";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios2-msurf .path3:before {
    content: "\eaef";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios2-msurf .path4:before {
    content: "\eaf0";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios2-msurf .path5:before {
    content: "\eaf1";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios2-msurf .path6:before {
    content: "\eaf2";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.6;
  }
  .msurf-envios2-msurf .path7:before {
    content: "\eaf3";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.9;
  }
  .msurf-stock2-msurf .path1:before {
    content: "\eaf4";
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path2:before {
    content: "\eaf5";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path3:before {
    content: "\eaf6";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path4:before {
    content: "\eaf7";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path5:before {
    content: "\eaf8";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path6:before {
    content: "\eaf9";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path7:before {
    content: "\eafa";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path8:before {
    content: "\eafb";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-stock2-msurf .path9:before {
    content: "\eafc";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.6;
  }
  .msurf-stock2-msurf .path10:before {
    content: "\eafd";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.9;
  }
  .msurf-envios-msurf .path1:before {
    content: "\eafe";
    color: rgb(29, 113, 184);
  }
  .msurf-envios-msurf .path2:before {
    content: "\eaff";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios-msurf .path3:before {
    content: "\eb00";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios-msurf .path4:before {
    content: "\eb01";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-envios-msurf .path5:before {
    content: "\eb02";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.6;
  }
  .msurf-envios-msurf .path6:before {
    content: "\eb03";
    margin-left: -1em;
    color: rgb(29, 113, 184);
    opacity: 0.9;
  }
  .msurf-sequre-msurf .path1:before {
    content: "\ead4";
    color: rgb(255, 255, 255);
  }
  .msurf-sequre-msurf .path2:before {
    content: "\ead5";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path3:before {
    content: "\ead6";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path4:before {
    content: "\ead7";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path5:before {
    content: "\ead8";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path6:before {
    content: "\ead9";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path7:before {
    content: "\eada";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path8:before {
    content: "\eadb";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path9:before {
    content: "\eadc";
    margin-left: -1em;
    color: rgb(255, 255, 255);
  }
  .msurf-sequre-msurf .path10:before {
    content: "\eadd";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-sequre-msurf .path11:before {
    content: "\eade";
    margin-left: -1em;
    color: rgb(29, 113, 184);
  }
  .msurf-days-msurf:before {
    content: "\eae5";
    color: #1d71b8;
  }
  .msurf-delivery-hours-msurf .path1:before {
    content: "\ead0";
    color: rgb(25, 25, 25);
  }
  .msurf-delivery-hours-msurf .path2:before {
    content: "\ead1";
    margin-left: -1.3642578125em;
    color: rgb(25, 25, 25);
  }
  .msurf-delivery-hours-msurf .path3:before {
    content: "\ead2";
    margin-left: -1.3642578125em;
    color: rgb(83, 141, 194);
  }
  .msurf-delivery-hours-msurf .path4:before {
    content: "\ead3";
    margin-left: -1.3642578125em;
    color: rgb(25, 25, 25);
  }
  .msurf-sizes-msurf:before {
    content: "\eac3";
  }
  .msurf-estimate-msurf .path1:before {
    content: "\eac4";
    color: rgb(25, 25, 25);
  }
  .msurf-estimate-msurf .path2:before {
    content: "\eac5";
    margin-left: -1.03515625em;
    color: rgb(83, 141, 194);
  }
  .msurf-estimate-msurf .path3:before {
    content: "\eac6";
    margin-left: -1.03515625em;
    color: rgb(83, 141, 194);
  }
  .msurf-delivery-msurf .path1:before {
    content: "\eac7";
    color: rgb(25, 25, 25);
  }
  .msurf-delivery-msurf .path2:before {
    content: "\eac8";
    margin-left: -1.5068359375em;
    color: rgb(25, 25, 25);
  }
  .msurf-delivery-msurf .path3:before {
    content: "\eac9";
    margin-left: -1.5068359375em;
    color: rgb(25, 25, 25);
  }
  .msurf-delivery-msurf .path4:before {
    content: "\eaca";
    margin-left: -1.5068359375em;
    color: rgb(25, 25, 25);
  }
  .msurf-delivery-msurf .path5:before {
    content: "\eacb";
    margin-left: -1.5068359375em;
    color: rgb(83, 141, 194);
  }
  .msurf-delivery-msurf .path6:before {
    content: "\eacc";
    margin-left: -1.5068359375em;
    color: rgb(83, 141, 194);
  }
  .msurf-returns-msurf .path1:before {
    content: "\eacd";
    color: rgb(83, 141, 194);
  }
  .msurf-returns-msurf .path2:before {
    content: "\eace";
    margin-left: -1.0087890625em;
    color: rgb(25, 25, 25);
  }
  .msurf-returns-msurf .path3:before {
    content: "\eacf";
    margin-left: -1.0087890625em;
    color: rgb(25, 25, 25);
  }
  .msurf-sequra-logo:before {
    content: "\eabe";
  }
  .msurf-instant-sequra:before {
    content: "\eabf";
  }
  .msurf-split-sequra:before {
    content: "\eac0";
  }
  .msurf-cart-msurf-white:before {
    content: "\eabc";
  }
  .msurf-user-msurf-white:before {
    content: "\eabd";
  }
  .msurf-clock-msurf:before {
    content: "\eab9";
  }
  .msurf-whatsapp-msurf:before {
    content: "\eaba";
  }
  .msurf-telf-msurf:before {
    content: "\eabb";
  }
  .msurf-cart-msurf .path1:before {
    content: "\e900";
    color: rgb(49, 102, 175);
  }
  .msurf-cart-msurf .path2:before {
    content: "\e98d";
    margin-left: -1.0283203125em;
    color: rgb(49, 102, 175);
  }
  .msurf-cart-msurf .path3:before {
    content: "\e9d7";
    margin-left: -1.0283203125em;
    color: rgb(56, 155, 201);
  }
  .msurf-user-msurf .path1:before {
    content: "\eab4";
    color: rgb(49, 102, 175);
  }
  .msurf-user-msurf .path2:before {
    content: "\eab5";
    margin-left: -0.7626953125em;
    color: rgb(49, 102, 175);
  }
  .msurf-user-msurf .path3:before {
    content: "\eab6";
    margin-left: -0.7626953125em;
    color: rgb(49, 102, 175);
  }
  .msurf-user-msurf .path4:before {
    content: "\eab7";
    margin-left: -0.7626953125em;
    color: rgb(85, 166, 213);
  }
  .msurf-user-msurf .path5:before {
    content: "\eab8";
    margin-left: -0.7626953125em;
    color: rgb(56, 155, 201);
  }
  .msurf-sr-x-logo:before {
    content: "\e901";
  }
  .msurf-sr-arrow-full-right:before {
    content: "\e902";
  }
  .msurf-sr-arrow-full-left:before {
    content: "\eac1";
  }
  .msurf-sr-arrow-full-down:before {
    content: "\eac2";
  }
  .msurf-sr-star-full:before {
    content: "\e903";
  }
  .msurf-sr-menu-hamburger-diagonal-out:before {
    content: "\e904";
  }
  .msurf-sr-menu-hamburger-diagonal-in:before {
    content: "\e905";
  }
  .msurf-sr-menu-boxed:before {
    content: "\e906";
  }
  .msurf-sr-loading-circle:before {
    content: "\e907";
  }
  .msurf-sr-loading-circle-v2:before {
    content: "\e908";
  }
  .msurf-sr-link:before {
    content: "\e909";
  }
  .msurf-sr-link-v2:before {
    content: "\e90a";
  }
  .msurf-sr-hearth:before {
    content: "\e90b";
  }
  .msurf-sr-hearth-broken:before {
    content: "\e90c";
  }
  .msurf-sr-fullscreen:before {
    content: "\e90d";
  }
  .msurf-sr-filter:before {
    content: "\e90e";
  }
  .msurf-sr-filter-hamburger:before {
    content: "\e90f";
  }
  .msurf-sr-download:before {
    content: "\e910";
  }
  .msurf-sr-discountbadges:before {
    content: "\e911";
  }
  .msurf-sr-cursor:before {
    content: "\e912";
  }
  .msurf-sr-cloud:before {
    content: "\e913";
  }
  .msurf-sr-cloud-upload:before {
    content: "\e914";
  }
  .msurf-sr-cloud-download:before {
    content: "\e915";
  }
  .msurf-sr-close:before {
    content: "\e916";
  }
  .msurf-sr-checkbox:before {
    content: "\e917";
  }
  .msurf-sr-check:before {
    content: "\e918";
  }
  .msurf-sr-check-circle:before {
    content: "\e919";
  }
  .msurf-sr-cast:before {
    content: "\e91a";
  }
  .msurf-sr-cast-v2:before {
    content: "\e91b";
  }
  .msurf-sr-cart-trolley:before {
    content: "\e91c";
  }
  .msurf-sr-cart-trolley-v2:before {
    content: "\e91d";
  }
  .msurf-sr-cart-basket:before {
    content: "\e91e";
  }
  .msurf-sr-cart-basket-v4:before {
    content: "\e91f";
  }
  .msurf-sr-cart-basket-v3:before {
    content: "\e920";
  }
  .msurf-sr-cart-basket-v2:before {
    content: "\e921";
  }
  .msurf-sr-caption:before {
    content: "\e922";
  }
  .msurf-sr-bookmark:before {
    content: "\e923";
  }
  .msurf-sr-bookmark-multiple:before {
    content: "\e924";
  }
  .msurf-sr-bag:before {
    content: "\e925";
  }
  .msurf-sr-bag-v3:before {
    content: "\e926";
  }
  .msurf-sr-bag-v2:before {
    content: "\e927";
  }
  .msurf-sr-tshirt-v2:before {
    content: "\e928";
  }
  .msurf-sr-tshirt:before {
    content: "\e929";
  }
  .msurf-sr-watch-v3:before {
    content: "\e92a";
  }
  .msurf-sr-bicycle-rider:before {
    content: "\e92b";
  }
  .msurf-sr-bicycle-deliveryrider:before {
    content: "\e92c";
  }
  .msurf-sr-truck:before {
    content: "\e92d";
  }
  .msurf-sr-truck-v2:before {
    content: "\e92e";
  }
  .msurf-sr-usergroup:before {
    content: "\e92f";
  }
  .msurf-sr-user:before {
    content: "\e930";
  }
  .msurf-sr-user-remove:before {
    content: "\e931";
  }
  .msurf-sr-user-remove-v3:before {
    content: "\e932";
  }
  .msurf-sr-user-remove-v2:before {
    content: "\e933";
  }
  .msurf-sr-user-deduct:before {
    content: "\e934";
  }
  .msurf-sr-user-deduct-v3:before {
    content: "\e935";
  }
  .msurf-sr-user-deduct-v2:before {
    content: "\e936";
  }
  .msurf-sr-user-add:before {
    content: "\e937";
  }
  .msurf-sr-user-add-v3:before {
    content: "\e938";
  }
  .msurf-sr-user-add-v2:before {
    content: "\e939";
  }
  .msurf-sr-shield:before {
    content: "\e93a";
  }
  .msurf-sr-shield-remove:before {
    content: "\e93b";
  }
  .msurf-sr-shield-deduct:before {
    content: "\e93c";
  }
  .msurf-sr-shield-check:before {
    content: "\e93d";
  }
  .msurf-sr-shield-add:before {
    content: "\e93e";
  }
  .msurf-sr-rqscan-v2:before {
    content: "\e93f";
  }
  .msurf-sr-qrscan:before {
    content: "\e940";
  }
  .msurf-sr-qrscan-v3:before {
    content: "\e941";
  }
  .msurf-sr-qrscan-deduct:before {
    content: "\e942";
  }
  .msurf-sr-male:before {
    content: "\e944";
  }
  .msurf-sr-lock:before {
    content: "\e945";
  }
  .msurf-sr-lock-open:before {
    content: "\e946";
  }
  .msurf-sr-lock-disable:before {
    content: "\e947";
  }
  .msurf-sr-key:before {
    content: "\e948";
  }
  .msurf-sr-key-v2:before {
    content: "\e949";
  }
  .msurf-sr-female:before {
    content: "\e94a";
  }
  .msurf-sr-eye-open:before {
    content: "\e94b";
  }
  .msurf-sr-ey-close:before {
    content: "\e94c";
  }
  .msurf-sr-warning:before {
    content: "\e94d";
  }
  .msurf-sr-warning-triangle:before {
    content: "\e94e";
  }
  .msurf-sr-warning-hexagon:before {
    content: "\e94f";
  }
  .msurf-sr-thunder:before {
    content: "\e950";
  }
  .msurf-sr-forward-button-toend:before {
    content: "\e951";
  }
  .msurf-sr-stop:before {
    content: "\e952";
  }
  .msurf-sr-video:before {
    content: "\e953";
  }
  .msurf-sr-stop-button:before {
    content: "\e954";
  }
  .msurf-sr-rewind:before {
    content: "\e955";
  }
  .msurf-sr-power:before {
    content: "\e956";
  }
  .msurf-sr-play:before {
    content: "\e957";
  }
  .msurf-sr-play-button:before {
    content: "\e958";
  }
  .msurf-sr-pause:before {
    content: "\e959";
  }
  .msurf-sr-pause-button:before {
    content: "\e95a";
  }
  .msurf-sr-forward-button:before {
    content: "\e95b";
  }
  .msurf-sr-backward-button:before {
    content: "\e95c";
  }
  .msurf-sr-backward-button-tofirst:before {
    content: "\e95d";
  }
  .msurf-sr-backward-tofirst:before {
    content: "\e95e";
  }
  .msurf-sr-backward:before {
    content: "\e95f";
  }
  .msurf-sr-eject-button:before {
    content: "\e960";
  }
  .msurf-sr-eject:before {
    content: "\e961";
  }
  .msurf-sr-forward-toend:before {
    content: "\e962";
  }
  .msurf-sr-forward:before {
    content: "\e963";
  }
  .msurf-sr-plus-bold:before {
    content: "\e964";
  }
  .msurf-sr-check-bold:before {
    content: "\e965";
  }
  .msurf-sr-boxpackage:before {
    content: "\e966";
  }
  .msurf-sr-boxframe:before {
    content: "\e967";
  }
  .msurf-sr-two:before {
    content: "\e968";
  }
  .msurf-sr-three:before {
    content: "\e969";
  }
  .msurf-sr-six:before {
    content: "\e96a";
  }
  .msurf-sr-seven:before {
    content: "\e96b";
  }
  .msurf-sr-one:before {
    content: "\e96c";
  }
  .msurf-sr-nine:before {
    content: "\e96d";
  }
  .msurf-sr-minus:before {
    content: "\e96e";
  }
  .msurf-sr-four:before {
    content: "\e96f";
  }
  .msurf-sr-five:before {
    content: "\e970";
  }
  .msurf-sr-equal:before {
    content: "\e971";
  }
  .msurf-sr-eight:before {
    content: "\e972";
  }
  .msurf-sr-devide:before {
    content: "\e973";
  }
  .msurf-sr-symbol-questionmark:before {
    content: "\e974";
  }
  .msurf-sr-plus:before {
    content: "\e975";
  }
  .msurf-sr-plus-insquare:before {
    content: "\e976";
  }
  .msurf-sr-plus-incircle:before {
    content: "\e977";
  }
  .msurf-sr-multiply:before {
    content: "\e978";
  }
  .msurf-sr-store:before {
    content: "\e979";
  }
  .msurf-sr-placemarker:before {
    content: "\e97a";
  }
  .msurf-sr-placemarker-remove:before {
    content: "\e97b";
  }
  .msurf-sr-placemarker-deduct:before {
    content: "\e97c";
  }
  .msurf-sr-placemarker-check:before {
    content: "\e97d";
  }
  .msurf-sr-map:before {
    content: "\e97e";
  }
  .msurf-sr-map-placemarker:before {
    content: "\e97f";
  }
  .msurf-sr-home:before {
    content: "\e980";
  }
  .msurf-sr-checknote:before {
    content: "\e981";
  }
  .msurf-sr-card:before {
    content: "\e982";
  }
  .msurf-sr-coin-drop:before {
    content: "\e983";
  }
  .msurf-sr-coin-dollar:before {
    content: "\e984";
  }
  .msurf-sr-coin:before {
    content: "\e985";
  }
  .msurf-sr-poundsterling:before {
    content: "\e986";
  }
  .msurf-sr-wallet:before {
    content: "\e987";
  }
  .msurf-sr-wallet-slim:before {
    content: "\e988";
  }
  .msurf-sr-wallet-bifold:before {
    content: "\e989";
  }
  .msurf-sr-receipt:before {
    content: "\e98a";
  }
  .msurf-sr-moneyshield:before {
    content: "\e98b";
  }
  .msurf-sr-moneybook:before {
    content: "\e98c";
  }
  .msurf-sr-money:before {
    content: "\e98e";
  }
  .msurf-sr-money-wave:before {
    content: "\e98f";
  }
  .msurf-sr-money-transaction:before {
    content: "\e990";
  }
  .msurf-sr-coin-yuan:before {
    content: "\e991";
  }
  .msurf-sr-coin-yen:before {
    content: "\e992";
  }
  .msurf-sr-coin-stack:before {
    content: "\e993";
  }
  .msurf-sr-coin-rupiah:before {
    content: "\e994";
  }
  .msurf-sr-coin-pound:before {
    content: "\e995";
  }
  .msurf-sr-coin-euro:before {
    content: "\e996";
  }
  .msurf-sr-document:before {
    content: "\e997";
  }
  .msurf-sr-document-v4:before {
    content: "\e998";
  }
  .msurf-sr-document-v3:before {
    content: "\e999";
  }
  .msurf-sr-document-v2:before {
    content: "\e99a";
  }
  .msurf-sr-document-remove:before {
    content: "\e99b";
  }
  .msurf-sr-document-reduct:before {
    content: "\e99c";
  }
  .msurf-sr-file-check:before {
    content: "\e99d";
  }
  .msurf-sr-file-add:before {
    content: "\e99e";
  }
  .msurf-sr-file-document:before {
    content: "\e99f";
  }
  .msurf-sr-straightface:before {
    content: "\e9a0";
  }
  .msurf-sr-straightface-v2:before {
    content: "\e9a1";
  }
  .msurf-sr-smile:before {
    content: "\e9a2";
  }
  .msurf-sr-smile-v2:before {
    content: "\e9a3";
  }
  .msurf-sr-shock:before {
    content: "\e9a4";
  }
  .msurf-sr-sad:before {
    content: "\e9a5";
  }
  .msurf-sr-happy:before {
    content: "\e9a6";
  }
  .msurf-sr-happy-v2:before {
    content: "\e9a7";
  }
  .msurf-sr-dead:before {
    content: "\e9a8";
  }
  .msurf-sr-dead-v2:before {
    content: "\e9a9";
  }
  .msurf-sr-cheer:before {
    content: "\e9aa";
  }
  .msurf-sr-angry:before {
    content: "\e9ab";
  }
  .msurf-sr-pencil:before {
    content: "\e9ac";
  }
  .msurf-sr-pencil-draw:before {
    content: "\e9ad";
  }
  .msurf-sr-timer:before {
    content: "\e9ae";
  }
  .msurf-sr-timer-v2:before {
    content: "\e9af";
  }
  .msurf-sr-timer-sleep:before {
    content: "\e9b0";
  }
  .msurf-sr-timer-check:before {
    content: "\e9b1";
  }
  .msurf-sr-timer-add:before {
    content: "\e9b2";
  }
  .msurf-sr-tableclock:before {
    content: "\e9b3";
  }
  .msurf-sr-sandtimer:before {
    content: "\e9b4";
  }
  .msurf-sr-clock:before {
    content: "\e9b5";
  }
  .msurf-sr-clock-v2:before {
    content: "\e9b6";
  }
  .msurf-sr-clock-progress:before {
    content: "\e9b7";
  }
  .msurf-sr-calendar:before {
    content: "\e9b8";
  }
  .msurf-sr-Calendar-v3:before {
    content: "\e9b9";
  }
  .msurf-sr-Calendar-v2:before {
    content: "\e9ba";
  }
  .msurf-sr-signal:before {
    content: "\e9bb";
  }
  .msurf-sr-signal-v2:before {
    content: "\e9bc";
  }
  .msurf-sr-signal-medium:before {
    content: "\e9bd";
  }
  .msurf-sr-signal-low:before {
    content: "\e9be";
  }
  .msurf-sr-signal-high:before {
    content: "\e9bf";
  }
  .msurf-sr-sendchat:before {
    content: "\e9c0";
  }
  .msurf-sr-sendchat-v2:before {
    content: "\e9c1";
  }
  .msurf-sr-phonecall-voice:before {
    content: "\e9c2";
  }
  .msurf-sr-phonecall-voice-v2:before {
    content: "\e9c3";
  }
  .msurf-sr-phonecall-ringing:before {
    content: "\e9c4";
  }
  .msurf-sr-phonecall-ringing-v3:before {
    content: "\e9c5";
  }
  .msurf-sr-phonecall-ringing-v2:before {
    content: "\e9c6";
  }
  .msurf-sr-phonecall-pause:before {
    content: "\e9c7";
  }
  .msurf-sr-phonecall-offline:before {
    content: "\e9c8";
  }
  .msurf-sr-phonecall-loading:before {
    content: "\e9c9";
  }
  .msurf-sr-phonecall-end:before {
    content: "\e9ca";
  }
  .msurf-sr-phonecall-deduct:before {
    content: "\e9cb";
  }
  .msurf-sr-phonecall-add:before {
    content: "\e9cc";
  }
  .msurf-sr-phonebook:before {
    content: "\e9cd";
  }
  .msurf-sr-outgoingcall:before {
    content: "\e9ce";
  }
  .msurf-sr-officephone:before {
    content: "\e9cf";
  }
  .msurf-sr-missedcall:before {
    content: "\e9d0";
  }
  .msurf-sr-missedcall-v2:before {
    content: "\e9d1";
  }
  .msurf-sr-keypad:before {
    content: "\e9d2";
  }
  .msurf-sr-incomingcall:before {
    content: "\e9d3";
  }
  .msurf-sr-groupchat:before {
    content: "\e9d4";
  }
  .msurf-sr-email:before {
    content: "\e9d5";
  }
  .msurf-sr-email-open:before {
    content: "\e9d6";
  }
  .msurf-sr-classicphone:before {
    content: "\e9d8";
  }
  .msurf-sr-classicphone-v2:before {
    content: "\e9d9";
  }
  .msurf-sr-classichandphone:before {
    content: "\e9da";
  }
  .msurf-sr-chatsticker:before {
    content: "\e9db";
  }
  .msurf-sr-chatbubble:before {
    content: "\e9dc";
  }
  .msurf-sr-chatbubble-voicechat:before {
    content: "\e9dd";
  }
  .msurf-sr-chatbubble-voicechat-v3:before {
    content: "\e9de";
  }
  .msurf-sr-chatbubble-voicechat-v2:before {
    content: "\e9df";
  }
  .msurf-sr-chatbubble-v3:before {
    content: "\e9e0";
  }
  .msurf-sr-chatbubble-v2:before {
    content: "\e9e1";
  }
  .msurf-sr-chatbubble-smile:before {
    content: "\e9e2";
  }
  .msurf-sr-chatbubble-notification:before {
    content: "\e9e3";
  }
  .msurf-sr-chatbubble-notification-v3:before {
    content: "\e9e4";
  }
  .msurf-sr-chatbubble-notification-v2:before {
    content: "\e9e5";
  }
  .msurf-sr-chatbubble-message:before {
    content: "\e9e6";
  }
  .msurf-sr-chatbubble-message-v3:before {
    content: "\e9e7";
  }
  .msurf-sr-chatbubble-message-v2:before {
    content: "\e9e8";
  }
  .msurf-sr-chatbubble-loading:before {
    content: "\e9e9";
  }
  .msurf-sr-chatbubble-loading-v3:before {
    content: "\e9ea";
  }
  .msurf-sr-chatbubble-loading-v2:before {
    content: "\e9eb";
  }
  .msurf-sr-chatbubble-idle:before {
    content: "\e9ec";
  }
  .msurf-sr-chatbubble-idle-v3:before {
    content: "\e9ed";
  }
  .msurf-sr-chatbubble-idle-v2:before {
    content: "\e9ee";
  }
  .msurf-sr-chatbubble-add:before {
    content: "\e9ef";
  }
  .msurf-sr-chatbubble-add-v3:before {
    content: "\e9f0";
  }
  .msurf-sr-chatbubble-add-v2:before {
    content: "\e9f1";
  }
  .msurf-sr-uarrow-upright:before {
    content: "\e9f2";
  }
  .msurf-sr-uarrow-upleft:before {
    content: "\e9f3";
  }
  .msurf-sr-uarrow-rightup:before {
    content: "\e9f4";
  }
  .msurf-sr-uarrow-rightdown:before {
    content: "\e9f5";
  }
  .msurf-sr-uarrow-leftup:before {
    content: "\e9f6";
  }
  .msurf-sr-uarrow-leftdown:before {
    content: "\e9f7";
  }
  .msurf-sr-uarrow-downright:before {
    content: "\e9f8";
  }
  .msurf-sr-uarrow-downleft:before {
    content: "\e9f9";
  }
  .msurf-sr-twosidearrow-vertical:before {
    content: "\e9fa";
  }
  .msurf-sr-twosidearrow-horizontal:before {
    content: "\e9fb";
  }
  .msurf-sr-twosidearrow-diagonal:before {
    content: "\e9fc";
  }
  .msurf-sr-twosidearrow-diagonal-v2:before {
    content: "\e9fd";
  }
  .msurf-sr-twoarrow-shrink-vertical:before {
    content: "\e9fe";
  }
  .msurf-sr-twoarrow-shrink-horizontal:before {
    content: "\e9ff";
  }
  .msurf-sr-twoarrow-opposite-vertical-v2:before {
    content: "\ea00";
  }
  .msurf-sr-twoarrow-opposite-horizontal-v2:before {
    content: "\ea01";
  }
  .msurf-sr-twoarrow-linecollide-vertical:before {
    content: "\ea02";
  }
  .msurf-sr-twoarrow-linecollide-horizontal:before {
    content: "\ea03";
  }
  .msurf-sr-twoarrow-expandline-vertical:before {
    content: "\ea04";
  }
  .msurf-sr-twoarrow-expandline-horizontal:before {
    content: "\ea05";
  }
  .msurf-sr-twoarrow-expand-vertical:before {
    content: "\ea06";
  }
  .msurf-sr-twoarrow-expand-horizontal:before {
    content: "\ea07";
  }
  .msurf-sr-twoarrow-collide-vertical:before {
    content: "\ea08";
  }
  .msurf-sr-twoarrow-collide-vertical-v2:before {
    content: "\ea09";
  }
  .msurf-sr-twoarrow-collide-horizontal:before {
    content: "\ea0a";
  }
  .msurf-sr-twoarrow-collide-horizontal-v2:before {
    content: "\ea0b";
  }
  .msurf-sr-swaparrow-vertical:before {
    content: "\ea0c";
  }
  .msurf-sr-swaparrow-horizontal:before {
    content: "\ea0d";
  }
  .msurf-sr-longarrow-upright:before {
    content: "\ea0e";
  }
  .msurf-sr-longarrow-upleft:before {
    content: "\ea0f";
  }
  .msurf-sr-longarrow-up:before {
    content: "\ea10";
  }
  .msurf-sr-longarrow-right:before {
    content: "\ea11";
  }
  .msurf-sr-longarrow-left:before {
    content: "\ea12";
  }
  .msurf-sr-longarrow-downright:before {
    content: "\ea13";
  }
  .msurf-sr-longarrow-downleft:before {
    content: "\ea14";
  }
  .msurf-sr-longarrow-down:before {
    content: "\ea15";
  }
  .msurf-sr-icon-arrow-downupleft:before {
    content: "\ea16";
  }
  .msurf-sr-doublechevron-up:before {
    content: "\ea17";
  }
  .msurf-sr-doublechevron-square-up:before {
    content: "\ea18";
  }
  .msurf-sr-doublechevron-square-right:before {
    content: "\ea19";
  }
  .msurf-sr-doublechevron-square-left:before {
    content: "\ea1a";
  }
  .msurf-sr-doublechevron-square-down:before {
    content: "\ea1b";
  }
  .msurf-sr-doublechevron-right:before {
    content: "\ea1c";
  }
  .msurf-sr-doublechevron-left:before {
    content: "\ea1d";
  }
  .msurf-sr-doublechevron-circle-up:before {
    content: "\ea1e";
  }
  .msurf-sr-doublechevron-circle-right:before {
    content: "\ea1f";
  }
  .msurf-sr-doublechevron-circle-left:before {
    content: "\ea20";
  }
  .msurf-sr-doublechevron-circle-down:before {
    content: "\ea21";
  }
  .msurf-sr-doublearrow-down:before {
    content: "\ea22";
  }
  .msurf-sr-dotarrow-up:before {
    content: "\ea23";
  }
  .msurf-sr-dotarrow-twosides-verticall:before {
    content: "\ea24";
  }
  .msurf-sr-dotarrow-twosides-horizontal:before {
    content: "\ea25";
  }
  .msurf-sr-dotarrow-right:before {
    content: "\ea26";
  }
  .msurf-sr-dotarrow-left:before {
    content: "\ea27";
  }
  .msurf-sr-dotarrow-down:before {
    content: "\ea28";
  }
  .msurf-sr-curvearrow-rightup:before {
    content: "\ea29";
  }
  .msurf-sr-curvearrow-rightdown:before {
    content: "\ea2a";
  }
  .msurf-sr-curvearrow-leftup:before {
    content: "\ea2b";
  }
  .msurf-sr-curvearrow-leftdown:before {
    content: "\ea2c";
  }
  .msurf-sr-crossarrow:before {
    content: "\ea2d";
  }
  .msurf-sr-chevron-up:before {
    content: "\ea2e";
  }
  .msurf-sr-chevron-square-up:before {
    content: "\ea2f";
  }
  .msurf-sr-chevron-square-right:before {
    content: "\ea30";
  }
  .msurf-sr-chevron-square-left:before {
    content: "\ea31";
  }
  .msurf-sr-chevron-square-down:before {
    content: "\ea32";
  }
  .msurf-sr-chevron-right:before {
    content: "\ea33";
  }
  .msurf-sr-chevron-left:before {
    content: "\ea34";
  }
  .msurf-sr-chevron-frontlinesquare-up:before {
    content: "\ea35";
  }
  .msurf-sr-chevron-frontlinesquare-right:before {
    content: "\ea36";
  }
  .msurf-sr-chevron-frontlinesquare-left:before {
    content: "\ea37";
  }
  .msurf-sr-chevron-frontlinesquare-down:before {
    content: "\ea38";
  }
  .msurf-sr-chevron-frontlinecircle-up:before {
    content: "\ea39";
  }
  .msurf-sr-chevron-frontlinecircle-right:before {
    content: "\ea3a";
  }
  .msurf-sr-chevron-frontlinecircle-left:before {
    content: "\ea3b";
  }
  .msurf-sr-chevron-frontlinecircle-down:before {
    content: "\ea3c";
  }
  .msurf-sr-chevron-frontline-up:before {
    content: "\ea3d";
  }
  .msurf-sr-chevron-frontline-right:before {
    content: "\ea3e";
  }
  .msurf-sr-chevron-frontline-left:before {
    content: "\ea3f";
  }
  .msurf-sr-chevron-frontline-down:before {
    content: "\ea40";
  }
  .msurf-sr-chevron-down:before {
    content: "\ea41";
  }
  .msurf-sr-chevron-circle-up:before {
    content: "\ea42";
  }
  .msurf-sr-chevron-circle-right:before {
    content: "\ea43";
  }
  .msurf-sr-chevron-circle-left:before {
    content: "\ea44";
  }
  .msurf-sr-chevron-circle-down:before {
    content: "\ea45";
  }
  .msurf-sr-chevron-backlinesquare-up:before {
    content: "\ea46";
  }
  .msurf-sr-chevron-backlinesquare-right:before {
    content: "\ea47";
  }
  .msurf-sr-chevron-backlinesquare-left:before {
    content: "\ea48";
  }
  .msurf-sr-chevron-backlinesquare-down:before {
    content: "\ea49";
  }
  .msurf-sr-chevron-backlinecircle-up:before {
    content: "\ea4a";
  }
  .msurf-sr-chevron-backlinecircle-right:before {
    content: "\ea4b";
  }
  .msurf-sr-chevron-backlinecircle-left:before {
    content: "\ea4c";
  }
  .msurf-sr-chevron-backlinecircle-down:before {
    content: "\ea4d";
  }
  .msurf-sr-chevron-backline-up:before {
    content: "\ea4e";
  }
  .msurf-sr-chevron-backline-right:before {
    content: "\ea4f";
  }
  .msurf-sr-chevron-backline-left:before {
    content: "\ea50";
  }
  .msurf-sr-chevron-backline-down:before {
    content: "\ea51";
  }
  .msurf-sr-boldarrow-upright:before {
    content: "\ea52";
  }
  .msurf-sr-boldarrow-upleft:before {
    content: "\ea53";
  }
  .msurf-sr-boldarrow-up:before {
    content: "\ea54";
  }
  .msurf-sr-boldarrow-right:before {
    content: "\ea55";
  }
  .msurf-sr-boldarrow-left:before {
    content: "\ea56";
  }
  .msurf-sr-boldarrow-downright:before {
    content: "\ea57";
  }
  .msurf-sr-boldarrow-downleft:before {
    content: "\ea58";
  }
  .msurf-sr-boldarrow-down:before {
    content: "\ea59";
  }
  .msurf-sr-boldarrow-backline-up:before {
    content: "\ea5a";
  }
  .msurf-sr-boldarrow-backline-right:before {
    content: "\ea5b";
  }
  .msurf-sr-boldarrow-backline-left:before {
    content: "\ea5c";
  }
  .msurf-sr-boldarrow-backline-down:before {
    content: "\ea5d";
  }
  .msurf-sr-bendarrow-upright:before {
    content: "\ea5e";
  }
  .msurf-sr-bendarrow-upleft:before {
    content: "\ea5f";
  }
  .msurf-sr-bendarrow-rightup:before {
    content: "\ea60";
  }
  .msurf-sr-bendarrow-rightdown:before {
    content: "\ea61";
  }
  .msurf-sr-bendarrow-leftup:before {
    content: "\ea62";
  }
  .msurf-sr-bendarrow-leftdown:before {
    content: "\ea63";
  }
  .msurf-sr-bendarrow-downright:before {
    content: "\ea64";
  }
  .msurf-sr-bendarrow-downleft:before {
    content: "\ea65";
  }
  .msurf-sr-arrowbold-backline-upright:before {
    content: "\ea66";
  }
  .msurf-sr-arrowbold-backline-upleft:before {
    content: "\ea67";
  }
  .msurf-sr-arrowbold-backline-downright:before {
    content: "\ea68";
  }
  .msurf-sr-arrowbold-backline-downleft:before {
    content: "\ea69";
  }
  .msurf-sr-arrow-updownright:before {
    content: "\ea6a";
  }
  .msurf-sr-arrow-updownleft:before {
    content: "\ea6b";
  }
  .msurf-sr-arrow-up:before {
    content: "\ea6c";
  }
  .msurf-sr-arrow-squareline-up:before {
    content: "\ea6d";
  }
  .msurf-sr-arrow-squareline-right:before {
    content: "\ea6e";
  }
  .msurf-sr-arrow-squareline-left:before {
    content: "\ea6f";
  }
  .msurf-sr-arrow-squareline-down:before {
    content: "\ea70";
  }
  .msurf-sr-arrow-square-upright:before {
    content: "\ea71";
  }
  .msurf-sr-arrow-square-upleft:before {
    content: "\ea72";
  }
  .msurf-sr-arrow-square-up:before {
    content: "\ea73";
  }
  .msurf-sr-arrow-square-right:before {
    content: "\ea74";
  }
  .msurf-sr-arrow-square-left:before {
    content: "\ea75";
  }
  .msurf-sr-arrow-square-downright:before {
    content: "\ea76";
  }
  .msurf-sr-arrow-square-downleft:before {
    content: "\ea77";
  }
  .msurf-sr-arrow-square-down:before {
    content: "\ea78";
  }
  .msurf-sr-arrow-right:before {
    content: "\ea79";
  }
  .msurf-sr-arrow-multipledirection-v2:before {
    content: "\ea7a";
  }
  .msurf-sr-arrow-downupright:before {
    content: "\ea7b";
  }
  .msurf-sr-arrow-upright:before {
    content: "\ea7c";
  }
  .msurf-sr-arrow-upleft:before {
    content: "\ea7d";
  }
  .msurf-sr-arrow-opensquare-outtop:before {
    content: "\ea7e";
  }
  .msurf-sr-arrow-opensquare-outright:before {
    content: "\ea7f";
  }
  .msurf-sr-arrow-opensquare-outleft:before {
    content: "\ea80";
  }
  .msurf-sr-arrow-opensquare-outbottom:before {
    content: "\ea81";
  }
  .msurf-sr-arrow-opensquare-inup:before {
    content: "\ea82";
  }
  .msurf-sr-arrow-opensquare-inright:before {
    content: "\ea83";
  }
  .msurf-sr-arrow-opensquare-inleft:before {
    content: "\ea84";
  }
  .msurf-sr-arrow-opensquare-indown:before {
    content: "\ea85";
  }
  .msurf-sr-arrow-multipledirection:before {
    content: "\ea86";
  }
  .msurf-sr-arrow-downright:before {
    content: "\ea87";
  }
  .msurf-sr-arrow-downleft:before {
    content: "\ea88";
  }
  .msurf-sr-arrow-down:before {
    content: "\ea89";
  }
  .msurf-sr-arrow-circle-upright:before {
    content: "\ea8a";
  }
  .msurf-sr-arrow-circle-upleft:before {
    content: "\ea8b";
  }
  .msurf-sr-arrow-circle-up:before {
    content: "\ea8c";
  }
  .msurf-sr-arrow-circle-right:before {
    content: "\ea8d";
  }
  .msurf-sr-arrow-circle-left:before {
    content: "\ea8e";
  }
  .msurf-sr-arrow-circle-downright:before {
    content: "\ea8f";
  }
  .msurf-sr-arrow-circle-downleft:before {
    content: "\ea90";
  }
  .msurf-sr-arrow-circle-down:before {
    content: "\ea91";
  }
  .msurf-sr-zoom-in:before {
    content: "\ea92";
  }
  .msurf-sr-windowsframe:before {
    content: "\ea93";
  }
  .msurf-sr-upload:before {
    content: "\ea94";
  }
  .msurf-sr-trashcan:before {
    content: "\ea95";
  }
  .msurf-sr-trashcan-v4:before {
    content: "\ea96";
  }
  .msurf-sr-trashcan-v3:before {
    content: "\ea97";
  }
  .msurf-sr-trashcan-v2:before {
    content: "\ea98";
  }
  .msurf-sr-thumbs-up:before {
    content: "\ea99";
  }
  .msurf-sr-thumbs-down:before {
    content: "\ea9a";
  }
  .msurf-sr-taglabel:before {
    content: "\ea9b";
  }
  .msurf-sr-tag:before {
    content: "\ea9c";
  }
  .msurf-sr-step-path:before {
    content: "\ea9d";
  }
  .msurf-sr-star:before {
    content: "\ea9e";
  }
  .msurf-sr-stack-list:before {
    content: "\ea9f";
  }
  .msurf-sr-stack-list-arrangement:before {
    content: "\eaa0";
  }
  .msurf-sr-shareoption:before {
    content: "\eaa1";
  }
  .msurf-sr-search:before {
    content: "\eaa2";
  }
  .msurf-sr-screen-expand:before {
    content: "\eaa3";
  }
  .msurf-sr-refrest:before {
    content: "\eaa4";
  }
  .msurf-sr-refrest-v2:before {
    content: "\eaa5";
  }
  .msurf-sr-refresh-v3:before {
    content: "\eaa6";
  }
  .msurf-sr-pin:before {
    content: "\eaa7";
  }
  .msurf-sr-pin-v2:before {
    content: "\eaa8";
  }
  .msurf-sr-outsidelink:before {
    content: "\eaa9";
  }
  .msurf-sr-outsidelink-v3:before {
    content: "\eaaa";
  }
  .msurf-sr-outsidelink-v2:before {
    content: "\eaab";
  }
  .msurf-sr-minimize-topright:before {
    content: "\eaac";
  }
  .msurf-sr-minimize-fullscreen:before {
    content: "\eaad";
  }
  .msurf-sr-minimize-bottomright:before {
    content: "\eaae";
  }
  .msurf-sr-menu-vertical-lite:before {
    content: "\eaaf";
  }
  .msurf-sr-menu-squaredot:before {
    content: "\eab0";
  }
  .msurf-sr-menu-horizontal-lite:before {
    content: "\eab1";
  }
  .msurf-sr-menu-hamburger:before {
    content: "\eab2";
  }
  .msurf-sr-zoom-out:before {
    content: "\eab3";
  }