.fiv-background, .fiv-viv {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fiv-size-md {
  font-size: 2.25em;
}

.fiv-size-lg {
  font-size: 3.5em;
}

.fiv-size-xl {
  font-size: 4.75em;
}

.fiv-viv {
  position: relative;
  display: inline-block;
  line-height: 1em;
  width: 0.75em;
}

.fiv-viv:before {
  content: '\00a0';
}

.fiv-viv.fiv-icon-3g2 {
  background-image: url("icons/vivid/3g2.svg");
}

.fiv-viv.fiv-icon-3ga {
  background-image: url("icons/vivid/3ga.svg");
}

.fiv-viv.fiv-icon-3gp {
  background-image: url("icons/vivid/3gp.svg");
}

.fiv-viv.fiv-icon-7z {
  background-image: url("icons/vivid/7z.svg");
}



.fiv-viv.fiv-icon-aac {
  background-image: url("icons/vivid/aac.svg");
}



.fiv-viv.fiv-icon-ai {
  background-image: url("icons/vivid/ai.svg");
}

.fiv-viv.fiv-icon-aif {
  background-image: url("icons/vivid/aif.svg");
}

.fiv-viv.fiv-icon-aifc {
  background-image: url("icons/vivid/aifc.svg");
}

.fiv-viv.fiv-icon-aiff {
  background-image: url("icons/vivid/aiff.svg");
}



.fiv-viv.fiv-icon-ani {
  background-image: url("icons/vivid/ani.svg");
}

.fiv-viv.fiv-icon-apk {
  background-image: url("icons/vivid/apk.svg");
}



.fiv-viv.fiv-icon-avi {
  background-image: url("icons/vivid/avi.svg");
}



.fiv-viv.fiv-icon-bak {
  background-image: url("icons/vivid/bak.svg");
}



.fiv-viv.fiv-icon-bmp {
  background-image: url("icons/vivid/bmp.svg");
}



.fiv-viv.fiv-icon-cab {
  background-image: url("icons/vivid/cab.svg");
}

.fiv-viv.fiv-icon-cad {
  background-image: url("icons/vivid/cad.svg");
}

.fiv-viv.fiv-icon-caf {
  background-image: url("icons/vivid/caf.svg");
}

.fiv-viv.fiv-icon-cal {
  background-image: url("icons/vivid/cal.svg");
}



.fiv-viv.fiv-icon-cer {
  background-image: url("icons/vivid/cer.svg");
}



.fiv-viv.fiv-icon-crt {
  background-image: url("icons/vivid/crt.svg");
}

.fiv-viv.fiv-icon-crypt {
  background-image: url("icons/vivid/crypt.svg");
}



.fiv-viv.fiv-icon-css {
  background-image: url("icons/vivid/css.svg");
}

.fiv-viv.fiv-icon-csv {
  background-image: url("icons/vivid/csv.svg");
}



.fiv-viv.fiv-icon-dat {
  background-image: url("icons/vivid/dat.svg");
}

.fiv-viv.fiv-icon-db {
  background-image: url("icons/vivid/db.svg");
}



.fiv-viv.fiv-icon-diz {
  background-image: url("icons/vivid/diz.svg");
}



.fiv-viv.fiv-icon-dmg {
  background-image: url("icons/vivid/dmg.svg");
}



.fiv-viv.fiv-icon-doc {
  background-image: url("icons/vivid/doc.svg");
}

.fiv-viv.fiv-icon-docb {
  background-image: url("icons/vivid/docb.svg");
}

.fiv-viv.fiv-icon-docm {
  background-image: url("icons/vivid/docm.svg");
}

.fiv-viv.fiv-icon-docx {
  background-image: url("icons/vivid/docx.svg");
}

.fiv-viv.fiv-icon-dot {
  background-image: url("icons/vivid/dot.svg");
}

.fiv-viv.fiv-icon-dotm {
  background-image: url("icons/vivid/dotm.svg");
}

.fiv-viv.fiv-icon-dotx {
  background-image: url("icons/vivid/dotx.svg");
}

.fiv-viv.fiv-icon-download {
  background-image: url("icons/vivid/download.svg");
}



.fiv-viv.fiv-icon-dtd {
  background-image: url("icons/vivid/dtd.svg");
}

.fiv-viv.fiv-icon-dwg {
  background-image: url("icons/vivid/dwg.svg");
}

.fiv-viv.fiv-icon-dxf {
  background-image: url("icons/vivid/dxf.svg");
}



.fiv-viv.fiv-icon-eps {
  background-image: url("icons/vivid/eps.svg");
}

.fiv-viv.fiv-icon-epub {
  background-image: url("icons/vivid/epub.svg");
}


.fiv-viv.fiv-icon-exe {
  background-image: url("icons/vivid/exe.svg");
}

.fiv-viv.fiv-icon-f4v {
  background-image: url("icons/vivid/f4v.svg");
}

.fiv-viv.fiv-icon-fax {
  background-image: url("icons/vivid/fax.svg");
}


.fiv-viv.fiv-icon-fla {
  background-image: url("icons/vivid/fla.svg");
}



.fiv-viv.fiv-icon-flv {
  background-image: url("icons/vivid/flv.svg");
}

.fiv-viv.fiv-icon-folder {
  background-image: url("icons/vivid/folder.svg");
}

.fiv-viv.fiv-icon-gadget {
  background-image: url("icons/vivid/gadget.svg");
}



.fiv-viv.fiv-icon-gif {
  background-image: url("icons/vivid/gif.svg");
}


.fiv-viv.fiv-icon-go {
  background-image: url("icons/vivid/go.svg");
}


.fiv-viv.fiv-icon-gz {
  background-image: url("icons/vivid/gz.svg");
}



.fiv-viv.fiv-icon-htm {
  background-image: url("icons/vivid/htm.svg");
}

.fiv-viv.fiv-icon-html {
  background-image: url("icons/vivid/html.svg");
}

.fiv-viv.fiv-icon-ibooks {
  background-image: url("icons/vivid/ibooks.svg");
}

.fiv-viv.fiv-icon-icns {
  background-image: url("icons/vivid/icns.svg");
}

.fiv-viv.fiv-icon-ico {
  background-image: url("icons/vivid/ico.svg");
}

.fiv-viv.fiv-icon-ics {
  background-image: url("icons/vivid/ics.svg");
}



.fiv-viv.fiv-icon-iff {
  background-image: url("icons/vivid/iff.svg");
}



.fiv-viv.fiv-icon-image {
  background-image: url("icons/vivid/image.svg");
}

.fiv-viv.fiv-icon-img {
  background-image: url("icons/vivid/img.svg");
}


.fiv-viv.fiv-icon-iso {
  background-image: url("icons/vivid/iso.svg");
}


.fiv-viv.fiv-icon-jpeg {
  background-image: url("icons/vivid/jpeg.svg");
}

.fiv-viv.fiv-icon-jpg {
  background-image: url("icons/vivid/jpg.svg");
}


.fiv-viv.fiv-icon-json {
  background-image: url("icons/vivid/json.svg");
}



.fiv-viv.fiv-icon-key {
  background-image: url("icons/vivid/key.svg");
}


.fiv-viv.fiv-icon-log {
  background-image: url("icons/vivid/log.svg");
}


.fiv-viv.fiv-icon-m2v {
  background-image: url("icons/vivid/m2v.svg");
}

.fiv-viv.fiv-icon-m3u {
  background-image: url("icons/vivid/m3u.svg");
}

.fiv-viv.fiv-icon-m3u8 {
  background-image: url("icons/vivid/m3u8.svg");
}

.fiv-viv.fiv-icon-m4 {
  background-image: url("icons/vivid/m4.svg");
}

.fiv-viv.fiv-icon-m4a {
  background-image: url("icons/vivid/m4a.svg");
}

.fiv-viv.fiv-icon-m4r {
  background-image: url("icons/vivid/m4r.svg");
}

.fiv-viv.fiv-icon-m4v {
  background-image: url("icons/vivid/m4v.svg");
}

.fiv-viv.fiv-icon-map {
  background-image: url("icons/vivid/map.svg");
}



.fiv-viv.fiv-icon-mdb {
  background-image: url("icons/vivid/mdb.svg");
}

.fiv-viv.fiv-icon-mdf {
  background-image: url("icons/vivid/mdf.svg");
}


.fiv-viv.fiv-icon-mid {
  background-image: url("icons/vivid/mid.svg");
}

.fiv-viv.fiv-icon-midi {
  background-image: url("icons/vivid/midi.svg");
}



.fiv-viv.fiv-icon-mkv {
  background-image: url("icons/vivid/mkv.svg");
}



.fiv-viv.fiv-icon-mobi {
  background-image: url("icons/vivid/mobi.svg");
}

.fiv-viv.fiv-icon-mod {
  background-image: url("icons/vivid/mod.svg");
}

.fiv-viv.fiv-icon-mov {
  background-image: url("icons/vivid/mov.svg");
}

.fiv-viv.fiv-icon-mp2 {
  background-image: url("icons/vivid/mp2.svg");
}

.fiv-viv.fiv-icon-mp3 {
  background-image: url("icons/vivid/mp3.svg");
}

.fiv-viv.fiv-icon-mp4 {
  background-image: url("icons/vivid/mp4.svg");
}

.fiv-viv.fiv-icon-mpa {
  background-image: url("icons/vivid/mpa.svg");
}

.fiv-viv.fiv-icon-mpd {
  background-image: url("icons/vivid/mpd.svg");
}

.fiv-viv.fiv-icon-mpe {
  background-image: url("icons/vivid/mpe.svg");
}

.fiv-viv.fiv-icon-mpeg {
  background-image: url("icons/vivid/mpeg.svg");
}

.fiv-viv.fiv-icon-mpg {
  background-image: url("icons/vivid/mpg.svg");
}

.fiv-viv.fiv-icon-mpga {
  background-image: url("icons/vivid/mpga.svg");
}

.fiv-viv.fiv-icon-mpp {
  background-image: url("icons/vivid/mpp.svg");
}

.fiv-viv.fiv-icon-mpt {
  background-image: url("icons/vivid/mpt.svg");
}

.fiv-viv.fiv-icon-msi {
  background-image: url("icons/vivid/msi.svg");
}


.fiv-viv.fiv-icon-odb {
  background-image: url("icons/vivid/odb.svg");
}

.fiv-viv.fiv-icon-ods {
  background-image: url("icons/vivid/ods.svg");
}

.fiv-viv.fiv-icon-odt {
  background-image: url("icons/vivid/odt.svg");
}

.fiv-viv.fiv-icon-ogg {
  background-image: url("icons/vivid/ogg.svg");
}

.fiv-viv.fiv-icon-ogv {
  background-image: url("icons/vivid/ogv.svg");
}


.fiv-viv.fiv-icon-otf {
  background-image: url("icons/vivid/otf.svg");
}

.fiv-viv.fiv-icon-p12 {
  background-image: url("icons/vivid/p12.svg");
}

.fiv-viv.fiv-icon-p7b {
  background-image: url("icons/vivid/p7b.svg");
}


.fiv-viv.fiv-icon-pdb {
  background-image: url("icons/vivid/pdb.svg");
}

.fiv-viv.fiv-icon-pdf {
  background-image: url("icons/vivid/pdf.svg");
}

.fiv-viv.fiv-icon-pem {
  background-image: url("icons/vivid/pem.svg");
}

.fiv-viv.fiv-icon-pfx {
  background-image: url("icons/vivid/pfx.svg");
}

.fiv-viv.fiv-icon-pgp {
  background-image: url("icons/vivid/pgp.svg");
}


.fiv-viv.fiv-icon-pkg {
  background-image: url("icons/vivid/pkg.svg");
}


.fiv-viv.fiv-icon-png {
  background-image: url("icons/vivid/png.svg");
}



.fiv-viv.fiv-icon-pps {
  background-image: url("icons/vivid/pps.svg");
}

.fiv-viv.fiv-icon-ppsx {
  background-image: url("icons/vivid/ppsx.svg");
}

.fiv-viv.fiv-icon-ppt {
  background-image: url("icons/vivid/ppt.svg");
}

.fiv-viv.fiv-icon-pptm {
  background-image: url("icons/vivid/pptm.svg");
}

.fiv-viv.fiv-icon-pptx {
  background-image: url("icons/vivid/pptx.svg");
}



.fiv-viv.fiv-icon-psd {
  background-image: url("icons/vivid/psd.svg");
}



.fiv-viv.fiv-icon-pst {
  background-image: url("icons/vivid/pst.svg");
}

.fiv-viv.fiv-icon-pub {
  background-image: url("icons/vivid/pub.svg");
}


.fiv-viv.fiv-icon-qt {
  background-image: url("icons/vivid/qt.svg");
}



.fiv-viv.fiv-icon-rar {
  background-image: url("icons/vivid/rar.svg");
}

.fiv-viv.fiv-icon-raw {
  background-image: url("icons/vivid/raw.svg");
}


.fiv-viv.fiv-icon-retry {
  background-image: url("icons/vivid/retry.svg");
}


.fiv-viv.fiv-icon-rss {
  background-image: url("icons/vivid/rss.svg");
}

.fiv-viv.fiv-icon-rtf {
  background-image: url("icons/vivid/rtf.svg");
}

.fiv-viv.fiv-icon-svg {
  background-image: url("icons/vivid/svg.svg");
}


.fiv-viv.fiv-icon-swf {
  background-image: url("icons/vivid/swf.svg");
}



.fiv-viv.fiv-icon-tar {
  background-image: url("icons/vivid/tar.svg");
}



.fiv-viv.fiv-icon-tga {
  background-image: url("icons/vivid/tga.svg");
}

.fiv-viv.fiv-icon-tgz {
  background-image: url("icons/vivid/tgz.svg");
}

.fiv-viv.fiv-icon-tif {
  background-image: url("icons/vivid/tif.svg");
}

.fiv-viv.fiv-icon-tiff {
  background-image: url("icons/vivid/tiff.svg");
}

.fiv-viv.fiv-icon-tmp {
  background-image: url("icons/vivid/tmp.svg");
}



.fiv-viv.fiv-icon-ttf {
  background-image: url("icons/vivid/ttf.svg");
}



.fiv-viv.fiv-icon-txt {
  background-image: url("icons/vivid/txt.svg");
}

.fiv-viv.fiv-icon-udf {
  background-image: url("icons/vivid/udf.svg");
}



.fiv-viv.fiv-icon-wav {
  background-image: url("icons/vivid/wav.svg");
}



.fiv-viv.fiv-icon-wmf {
  background-image: url("icons/vivid/wmf.svg");
}

.fiv-viv.fiv-icon-wmv {
  background-image: url("icons/vivid/wmv.svg");
}


.fiv-viv.fiv-icon-woff2 {
  background-image: url("icons/vivid/woff2.svg");
}


.fiv-viv.fiv-icon-wsf {
  background-image: url("icons/vivid/wsf.svg");
}

.fiv-viv.fiv-icon-xaml {
  background-image: url("icons/vivid/xaml.svg");
}

.fiv-viv.fiv-icon-xcf {
  background-image: url("icons/vivid/xcf.svg");
}

.fiv-viv.fiv-icon-xlm {
  background-image: url("icons/vivid/xlm.svg");
}

.fiv-viv.fiv-icon-xls {
  background-image: url("icons/vivid/xls.svg");
}

.fiv-viv.fiv-icon-xlsm {
  background-image: url("icons/vivid/xlsm.svg");
}

.fiv-viv.fiv-icon-xlsx {
  background-image: url("icons/vivid/xlsx.svg");
}

.fiv-viv.fiv-icon-xlt {
  background-image: url("icons/vivid/xlt.svg");
}

.fiv-viv.fiv-icon-xltm {
  background-image: url("icons/vivid/xltm.svg");
}

.fiv-viv.fiv-icon-xltx {
  background-image: url("icons/vivid/xltx.svg");
}

.fiv-viv.fiv-icon-xml {
  background-image: url("icons/vivid/xml.svg");
}

.fiv-viv.fiv-icon-xpi {
  background-image: url("icons/vivid/xpi.svg");
}

.fiv-viv.fiv-icon-xps {
  background-image: url("icons/vivid/xps.svg");
}



.fiv-viv.fiv-icon-xsd {
  background-image: url("icons/vivid/xsd.svg");
}

.fiv-viv.fiv-icon-xsl {
  background-image: url("icons/vivid/xsl.svg");
}

.fiv-viv.fiv-icon-xspf {
  background-image: url("icons/vivid/xspf.svg");
}



.fiv-viv.fiv-icon-yaml {
  background-image: url("icons/vivid/yaml.svg");
}

.fiv-viv.fiv-icon-yml {
  background-image: url("icons/vivid/yml.svg");
}


.fiv-viv.fiv-icon-zip {
  background-image: url("icons/vivid/zip.svg");
}