/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: center;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding: 5px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; }
 }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; }
 }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }



/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    /*display: block;*/
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip.in {
  opacity: 1;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}


/*!
 * CSS file icons v0.0.5 (https://colorswall.github.io/CSS-file-icons)
 * Copyright 2018 The CSS file icons Authors
 * Licensed under MIT
 */
 .fi{
  width:36px;
  height:46px;
  padding:10px 0 0;
  position:relative;
  margin:0 auto;
  transition:all .2s ease-in-out;
  cursor:pointer;
  box-sizing:border-box;
  font-family:sans-serif;
  text-decoration:none;
  display:block
}
.fi:after,.fi:before{
  position:absolute;
  content:"";
  pointer-events:none
}
.fi:before{
  top:0;
  height:100%;
  left:0;
  background-color:#007bff;
  right:10px
}
.fi:after{
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 0 0 10px;
  border-color:transparent transparent transparent #66b0ff;
  top:0;
  right:0
}
.fi:hover{
  transform:translateY(-5px)
}
.fi-content{
  background-color:#007bff;
  top:10px;
  color:#fff;
  left:0;
  bottom:0;
  right:0;
  padding:16.5px .3em 0;
  font-size:13px;
  font-weight:500;
  position:absolute
}
.fi-doc.fi:before{
  background-color:#235d9c
}
.fi-doc.fi:after{
  border-left-color:#317dd1
}
.fi-doc.fi .fi-content{
  background-color:#235d9c;
  color:#fff
}
.fi-docx.fi:before{
  background-color:#2980b9
}
.fi-docx.fi:after{
  border-left-color:#4da1d8
}
.fi-docx.fi .fi-content{
  background-color:#2980b9;
  color:#fff
}
.fi-log.fi:before{
  background-color:#accff3
}
.fi-log.fi:after{
  border-left-color:#e6f0fb
}
.fi-log.fi .fi-content{
  background-color:#accff3;
  color:#fff
}
.fi-txt.fi:before{
  background-color:#8bc6d6
}
.fi-txt.fi:after{
  border-left-color:#bcdee7
}
.fi-txt.fi .fi-content{
  background-color:#8bc6d6;
  color:#fff
}
.fi-wps.fi:before{
  background-color:#297eff
}
.fi-wps.fi:after{
  border-left-color:#6ba6ff
}
.fi-wps.fi .fi-content{
  background-color:#297eff;
  color:#fff
}
.fi-csv.fi:before{
  background-color:#579704
}
.fi-csv.fi:after{
  border-left-color:#7cd806
}
.fi-csv.fi .fi-content{
  background-color:#579704;
  color:#fff
}
.fi-dat.fi:before{
  background-color:#0463ea
}
.fi-dat.fi:after{
  border-left-color:#3587fc
}
.fi-dat.fi .fi-content{
  background-color:#0463ea;
  color:#fff
}
.fi-ppt.fi:before{
  background-color:#ce4123
}
.fi-ppt.fi:after{
  border-left-color:#e26b52
}
.fi-ppt.fi .fi-content{
  background-color:#ce4123;
  color:#fff
}
.fi-xml.fi:before{
  background-color:#0e886b
}
.fi-xml.fi:after{
  border-left-color:#14c49a
}
.fi-xml.fi .fi-content{
  background-color:#0e886b;
  color:#fff
}
.fi-mp3.fi:before{
  background-color:#156aea
}
.fi-mp3.fi:after{
  border-left-color:#5291ef
}
.fi-mp3.fi .fi-content{
  background-color:#156aea;
  color:#fff
}
.fi-wav.fi:before{
  background-color:#36af14
}
.fi-wav.fi:after{
  border-left-color:#4be520
}
.fi-wav.fi .fi-content{
  background-color:#36af14;
  color:#fff
}
.fi-avi.fi:before{
  background-color:#40c1e6
}
.fi-avi.fi:after{
  border-left-color:#7bd4ee
}
.fi-avi.fi .fi-content{
  background-color:#40c1e6;
  color:#fff
}
.fi-mov.fi:before{
  background-color:#ff5838
}
.fi-mov.fi:after{
  border-left-color:#ff907a
}
.fi-mov.fi .fi-content{
  background-color:#ff5838;
  color:#fff
}
.fi-mp4.fi:before{
  background-color:#4163b4
}
.fi-mp4.fi:after{
  border-left-color:#6d89ca
}
.fi-mp4.fi .fi-content{
  background-color:#4163b4;
  color:#fff
}
.fi-3ds.fi:before{
  background-color:#015051
}
.fi-3ds.fi:after{
  border-left-color:#029192
}
.fi-3ds.fi .fi-content{
  background-color:#015051;
  color:#fff
}
.fi-max.fi:before{
  background-color:#02b4b6
}
.fi-max.fi:after{
  border-left-color:#03f4f7
}
.fi-max.fi .fi-content{
  background-color:#02b4b6;
  color:#fff
}
.fi-gif.fi:before{
  background-color:#aaa
}
.fi-gif.fi:after{
  border-left-color:#cbcbcb
}
.fi-gif.fi .fi-content{
  background-color:#aaa;
  color:#fff
}
.fi-ai.fi:before{
  background-color:#f67503
}
.fi-ai.fi:after{
  border-left-color:#fd983f
}
.fi-ai.fi .fi-content{
  background-color:#f67503;
  color:#fff
}
.fi-svg.fi:before{
  background-color:#e6a420
}
.fi-svg.fi:after{
  border-left-color:#edbc5c
}
.fi-svg.fi .fi-content{
  background-color:#e6a420;
  color:#fff
}
.fi-pdf.fi:before{
  background-color:#f88e21
}
.fi-pdf.fi:after{
  border-left-color:#faaf61
}
.fi-pdf.fi .fi-content{
  background-color:#f88e21;
  color:#fff
}
.fi-xls.fi:before{
  background-color:#86d44c
}
.fi-xls.fi:after{
  border-left-color:#aae181
}
.fi-xls.fi .fi-content{
  background-color:#86d44c;
  color:#fff
}
.fi-xlsx.fi:before{
  background-color:#6cbf2e
}
.fi-xlsx.fi:after{
  border-left-color:#8ed758
}
.fi-xlsx.fi .fi-content{
  background-color:#6cbf2e;
  color:#fff
}
.fi-sql.fi:before{
  background-color:#157efb
}
.fi-sql.fi:after{
  border-left-color:#56a2fc
}
.fi-sql.fi .fi-content{
  background-color:#157efb;
  color:#fff
}
.fi-exe.fi:before{
  background-color:#0e63ab
}
.fi-exe.fi:after{
  border-left-color:#1386e8
}
.fi-exe.fi .fi-content{
  background-color:#0e63ab;
  color:#fff
}
.fi-js.fi:before{
  background-color:#f0db4f
}
.fi-js.fi:after{
  border-left-color:#f5e78c
}
.fi-js.fi .fi-content{
  background-color:#f0db4f;
  color:#323330
}
.fi-html.fi:before{
  background-color:#e54c21
}
.fi-html.fi:after{
  border-left-color:#ec7c5c
}
.fi-html.fi .fi-content{
  background-color:#e54c21;
  color:#fff
}
.fi-xhtml.fi:before{
  background-color:#55a9ef
}
.fi-xhtml.fi:after{
  border-left-color:#92c8f5
}
.fi-xhtml.fi .fi-content{
  background-color:#55a9ef;
  color:#fff
}
.fi-css.fi:before{
  background-color:#264de4
}
.fi-css.fi:after{
  border-left-color:#617deb
}
.fi-css.fi .fi-content{
  background-color:#264de4;
  color:#fff
}
.fi-asp.fi:before{
  background-color:#5c2d91
}
.fi-asp.fi:after{
  border-left-color:#7c3dc3
}
.fi-asp.fi .fi-content{
  background-color:#5c2d91;
  color:#fff
}
.fi-ttf.fi:before{
  background-color:#14444b
}
.fi-ttf.fi:after{
  border-left-color:#22737f
}
.fi-ttf.fi .fi-content{
  background-color:#14444b;
  color:#fff
}
.fi-dll.fi:before{
  background-color:#960a4a
}
.fi-dll.fi:after{
  border-left-color:#d40e69
}
.fi-dll.fi .fi-content{
  background-color:#960a4a;
  color:#fff
}
.fi-7z.fi:before{
  background-color:#f63
}
.fi-7z.fi:after{
  border-left-color:#ff9875
}
.fi-7z.fi .fi-content{
  background-color:#f63;
  color:#fff
}
.fi-zip.fi:before{
  background-color:#ffb229
}
.fi-zip.fi:after{
  border-left-color:#ffca6b
}
.fi-zip.fi .fi-content{
  background-color:#ffb229;
  color:#fff
}
.fi-c.fi:before{
  background-color:#3747a5
}
.fi-c.fi:after{
  border-left-color:#5767c7
}
.fi-c.fi .fi-content{
  background-color:#3747a5;
  color:#fff
}
.fi-cs.fi:before{
  background-color:#013467
}
.fi-cs.fi:after{
  border-left-color:#0255a9
}
.fi-cs.fi .fi-content{
  background-color:#013467;
  color:#fff
}
.fi-java.fi:before{
  background-color:#ea2c2e
}
.fi-java.fi:after{
  border-left-color:#f0686a
}
.fi-java.fi .fi-content{
  background-color:#ea2c2e;
  color:#fff
}
.fi-jsp.fi:before{
  background-color:#e5000c
}
.fi-jsp.fi:after{
  border-left-color:#ff2834
}
.fi-jsp.fi .fi-content{
  background-color:#e5000c;
  color:#161419
}
.fi-swift.fi:before{
  background-color:#f32a20
}
.fi-swift.fi:after{
  border-left-color:#f6665f
}
.fi-swift.fi .fi-content{
  background-color:#f32a20;
  color:#fff
}
.fi-torrent.fi:before{
  background-color:#55ac44
}
.fi-torrent.fi:after{
  border-left-color:#7bc56d
}
.fi-torrent.fi .fi-content{
  background-color:#55ac44;
  color:#fff
}
.fi-php.fi:before{
  background-color:#4f5b93
}
.fi-php.fi:after{
  border-left-color:#717db3
}
.fi-php.fi .fi-content{
  background-color:#4f5b93;
  color:#fff
}
.fi-hh.fi:before{
  background-color:#505050
}
.fi-hh.fi:after{
  border-left-color:#717171
}
.fi-hh.fi .fi-content{
  background-color:#505050;
  color:#fff
}
.fi-go.fi:before{
  background-color:#e0ebf5
}
.fi-go.fi:after{
  border-left-color:#fff
}
.fi-go.fi .fi-content{
  background-color:#e0ebf5;
  color:#000
}
.fi-py.fi:before{
  background-color:#ffd542
}
.fi-py.fi:after{
  border-left-color:#ffe484
}
.fi-py.fi .fi-content{
  background-color:#ffd542;
  color:#3472a3
}
.fi-rss.fi:before{
  background-color:#fd8b33
}
.fi-rss.fi:after{
  border-left-color:#feb075
}
.fi-rss.fi .fi-content{
  background-color:#fd8b33;
  color:#fff
}
.fi-rb.fi:before{
  background-color:#a20d01
}
.fi-rb.fi:after{
  border-left-color:#e41201
}
.fi-rb.fi .fi-content{
  background-color:#a20d01;
  color:#fff
}
.fi-psd.fi:before{
  background-color:#181040
}
.fi-psd.fi:after{
  border-left-color:#2c1d75
}
.fi-psd.fi .fi-content{
  background-color:#181040;
  color:#3db6f2
}
.fi-png.fi:before{
  background-color:#dc7460
}
.fi-png.fi:after{
  border-left-color:#e8a496
}
.fi-png.fi .fi-content{
  background-color:#dc7460;
  color:#fff
}
.fi-bmp.fi:before{
  background-color:#459fa0
}
.fi-bmp.fi:after{
  border-left-color:#69bdbe
}
.fi-bmp.fi .fi-content{
  background-color:#459fa0;
  color:#fff
}
.fi-vb.fi:before{
  background-color:#19aad9
}
.fi-vb.fi:after{
  border-left-color:#4ac3ea
}
.fi-vb.fi .fi-content{
  background-color:#19aad9;
  color:#fff
}
.fi-size-xs.fi{
  width:28.8px;
  height:36.8px;
  padding-top:8px
}
.fi-size-xs.fi:before{
  right:8px
}
.fi-size-xs.fi:after{
  border-top-width:8px;
  border-left-width:8px
}
.fi-size-xs.fi .fi-content{
  top:8px;
  padding-top:13.2px;
  font-size:10.4px
}
.fi-size-sm.fi{
  width:36px;
  height:46px;
  padding-top:10px
}
.fi-size-sm.fi:before{
  right:10px
}
.fi-size-sm.fi:after{
  border-top-width:10px;
  border-left-width:10px
}
.fi-size-sm.fi .fi-content{
  top:10px;
  padding-top:16.5px;
  font-size:13px
}
.fi-size-md.fi{
  width:43.2px;
  height:55.2px;
  padding-top:12px
}
.fi-size-md.fi:before{
  right:12px
}
.fi-size-md.fi:after{
  border-top-width:12px;
  border-left-width:12px
}
.fi-size-md.fi .fi-content{
  top:12px;
  padding-top:19.8px;
  font-size:15.6px
}
.fi-size-lg.fi{
  width:54px;
  height:69px;
  padding-top:15px
}
.fi-size-lg.fi:before{
  right:15px
}
.fi-size-lg.fi:after{
  border-top-width:15px;
  border-left-width:15px
}
.fi-size-lg.fi .fi-content{
  top:15px;
  padding-top:24.75px;
  font-size:19.5px
}
.fi-size-xl.fi{
  width:72px;
  height:92px;
  padding-top:20px
}
.fi-size-xl.fi:before{
  right:20px
}
.fi-size-xl.fi:after{
  border-top-width:20px;
  border-left-width:20px
}
.fi-size-xl.fi .fi-content{
  top:20px;
  padding-top:33px;
  font-size:26px
}
.fi-content-xs .fi-content{
  font-size:11px;
  padding-top:55%
}
.mb-3{
  margin-bottom:30px
}