/**
* FONTS FOR
 */
@font-face {
    font-family: 'pfl_icons';
    src:  url('../fonts/pfl_icons/pfl_icons.eot?ajd3nc');
    src:  url('../fonts/pfl_icons/pfl_icons.eot?ajd3nc#iefix') format('embedded-opentype'),
    url('../fonts/pfl_icons/pfl_icons.ttf?ajd3nc') format('truetype'),
    url('../fonts/pfl_icons/pfl_icons.woff?ajd3nc') format('woff'),
    url('../fonts/pfl_icons/pfl_icons.svg?ajd3nc#pfl_icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Kelson Sans';
    src: local('Kelson Sans Light'), local('KelsonSans-Light'), url('../fonts/kelson/kelsonsanslight.woff2') format('woff2'), url('../fonts/kelson/kelsonsanslight.woff') format('woff'), url('../fonts/kelson/kelsonsanslight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Kelson Sans';
    src: local('Kelson Sans Regular'), local('KelsonSans-Regular'), url('../fonts/kelson/kelsonsansregular.woff2') format('woff2'), url('../fonts/kelson/kelsonsansregular.woff') format('woff'), url('../fonts/kelson/kelsonsansregular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    ascent-override: 100%;
}
@font-face {
    font-family: 'Kelson Sans';
    src: local('Kelson Sans Bold'), local('KelsonSans-Bold'), url('../fonts/kelson/kelsonsansbold.woff2') format('woff2'), url('../fonts/kelson/kelsonsansbold.woff') format('woff'), url('../fonts/kelson/kelsonsansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    ascent-override: 100%;
}

[class^="icon-"], [class*=" icon-"]
{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'pfl_icons', serif !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /*line-height: 0.666;*/

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-down-new .path1:before {
    content: "\e92a";
    color: rgb(255, 0, 0);
}
.icon-down-new .path2:before {
    content: "\e92b";
    margin-left: -1.5em;
    color: #0db04b;
}
.icon-up-new {
    position: relative;
}
.icon-up-new .path1:before {
    content: "\e92c";
    position: absolute;
    top: -5px;
    left: -1.5em;
    color: #0db04b;
}
.icon-up-new .path2:before {
    content: "\e92d";
    position: absolute;
    bottom: -5px;
    left: -1.5em;
    color: rgb(255, 0, 0);
}
.icon-up-new .path3 {
    font-family: Helvetica sans-serif;
    position: absolute;
    top: 0.1em;
    left: auto;
    right: auto;
    text-align: center;
    color: #ff0000;
}
.icon-yellow {
    position: relative;
    margin-left: 1em;
    right: 1em;
}
.icon-yellow:before {
    position: absolute;
    content: "\e900";
    color: #ffd42a;
}
.icon-red {
    position: relative;
    margin-left: 1em;
    right: 1em;
}
.icon-red:before {
    position: absolute;
    content: "\e901";
    color: #f00;
}
.icon-ball-plus{
    position: relative;
    right:1em;
    margin-left: 1em;
}
.icon-ball-plus .path1:before {
    position: absolute;
    content: "\e902";
    color: #0db04b;
}
.icon-ball-plus .path2:before {
    position: absolute;
    content: "\e903";
    color: #0db04b;
}
.icon-ball-plus .path3:before {
    position: absolute;
    content: "\e904";
    color: #000000;
}
.icon-ball-miss{
    position: relative;
    right:1em;
    margin-left: 1em;
}
.icon-ball-miss .path1:before {
    position: absolute;
    content: "\e905";
    color: #0db04b;
}
.icon-ball-miss .path2:before {
    position: absolute;
    content: "\e906";
    color: #0db04b;
}
.icon-ball-miss .path3:before {
    position: absolute;
    content: "\e907";
    color: rgb(255, 0, 0);
}
.icon-calendar:before {
    content: "\e908";
    color: #0db04b;
}
.icon-views:before {
    content: "\e909";
    color: #01a8f8;
}
.icon-photo:before {
    content: "\e90a";
    color: #fff;
}
.icon-play:before {
    content: "\e90b";
    color: #0db04b;
}
.icon-ball {
    position: relative;
    margin-left: 1em;
    right: 1em;
}
.icon-ball:before {
    position: absolute;
    content: "\e90c";
    color: #0db04b;
}
.icon-data:before {
    content: "\e90d";
    color: #0db04b;
}
.icon-circleUser:before {
    content: "\e90e";
    color: #0db04b;
}
.icon-field:before {
    content: "\e90f";
    color: #0db04b;
}
.icon-world:before {
    content: "\e910";
    color: #0db04b;
}
.icon-height:before {
    content: "\e911";
    color: #0db04b;
}
.icon-team:before {
    content: "\e912";
    color: #0db04b;
}
.icon-T-short:before {
    content: "\e913";
    color: #0db04b;
}
.icon-weight:before {
    content: "\e914";
    color: #0db04b;
}
.icon-camera:before {
    content: "\e915";
    color: #0db04b;
}
.icon-linked:before {
    content: "\e916";
    color: #0db04b;
}
.icon-twitter:before {
    content: "\e917";
    color: #0db04b;
}
.icon-clock:before {
    content: "\e918";
    color: #0db04b;
}
.icon-viewers:before {
    content: "\e919";
    color: #0db04b;
}
.icon-t:before {
    content: "\e91a";
    color: #0db04b;
}
.icon-tools:before {
    content: "\e91b";
    color: #0db04b;
}
.icon-file:before {
    content: "\e91c";
    color: #0db04b;
}
.icon-cards {
    position:relative;
    
    margin-left: 1em;
    right: 1em;
}
.icon-cards .path1:before {
    position: absolute;
    content: "\e91d";
    color: #ff0000;
}
.icon-cards .path2:before {
    position: absolute;
    content: "\e91e";
    color: #ffd42a;
}
.icon-autogoal{
    position:relative;
    margin-left: 1em;
    right: 1em;
}
.icon-autogoal .path1:before {
    position: absolute;
    content: "\e91f";
    color: #0db04b;
}
.icon-autogoal .path2:before {
    position: absolute;
    content: "\e920";
    color: #ff0000;
}
.icon-autogoal .path3:before {
    position: absolute;
    content: "\e921";
    color: #0db04b;
}
.icon-close:before {
    content: "\e922";
}
.icon-share:before {
    content: "\e923";
}
.icon-link:before {
    content: "\e924";
    color: #05173f;
}
.icon-telegram:before {
    content: "\e925";
    color: #26befd;
}
.icon-menu:before {
    content: "\e926";
    color: #01a8f8;
}
.icon-point:before {
    content: "\e927";
    color: #6b6b6b;
}
.icon-down {
    position: relative;
    margin-left: 1em;
    right: 1em;
}
.icon-down .path1 {
    display: none;
    position: absolute;
    color: #f00;
    right: 0;
}
.icon-down:after {
    position: absolute;
    content: "\e928";
    color: #f00;
}
.icon-up {
    position: relative;
    margin-left: 1em;
    right: 1em;
}
.icon-up .path1 {
    display:none;
    position: absolute;
    right: 0;
    color: #0db04b;
}
.icon-up:after {
    position: absolute;
    content: "\e929";
    color: #0db04b;
}
.icon-change {
    position: relative;
    margin-left: 1em;
    right: 1em;
}
.icon-change:before {
    position: absolute;
    left:-0.2em;
    content: "\e928";
    color: #f00;
    top:0;
}
.icon-change:after {
    position: absolute;
    content: "\e929";
    color: #0db04b;
    left:0.2em;
    top:0;
}