@font-face {
    font-family: 'xfont';
    font-style: normal;
    /*font-weight: 900;*/
    font-display: block;
    src:  url("../fonts/xfont-Regular.ttf") format("truetype");
}





/*
.clearfix::after,
.clearfix::before{
    content: "";
    display: block;
    clear: both;
}
*/
/*.row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 1em;*/
/*    justify-content: space-evenly;*/
/*    align-items: center;*/
/*}*/

/*.font-content {*/
/*    flex: 0 0 auto;*/
/*    width: 220px;*/
/*    text-align: center;*/
/*    padding: 1em 0;*/
/*    margin: 1%;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 1em;*/
/*    cursor: pointer;*/

/*}*/

/*.font-content:hover {*/
/*    padding: 0.5em 0;*/
/*    background: black;*/
/*    color: #fff;*/
/*}*/

/*.font-content i{*/
/*    font-size: 2em;*/
/*}*/

/*.font-content:hover i {*/
/*    font-size: 3em;*/
/*    text-align: center;*/
/*}*/

/*.font-name{*/
/*    padding: 0;*/
/*    margin: 0;*/
/*}*/
.fontsize-1{
    font-size: 1em;
}
.fontsize-2{
    font-size: 2em;
}
.fontsize-3{
    font-size: 3em;
}

.xf{
    font-family: 'xfont';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;


}

.xf-robika::before{content:"\E000";font-size: 1.7em;}
.xf-robika-alt::before{content:"\E001";font-size: 1.7em;}
.xf-bale::before{content:"\E002";font-size: 1.7em;}
.xf-bale-alt::before{content:"\E003";font-size: 1.7em;}
.xf-eitaa::before{content:"\E004";font-size: 1.7em;}
.xf-aparat::before{content:"\E005";font-size: 1.7em;}
.xf-aparat-alt::before{content:"\E006";font-size: 1.7em;}
.xf-basalam::before{content:"\E007";font-size: 1.7em;}
.xf-basalam-alt::before{content:"\E008";font-size: 1.7em;}
.xf-bluebank::before{content:"\E009";font-size: 1.7em;}
.xf-mellibank::before{content:"\E00A";font-size: 1.7em;}
.xf-mellibank-alt::before{content:"\E00B";font-size: 1.7em;}
.xf-mellatbank::before{content:"\E00C";font-size: 1.7em;}
.xf-mellatbank-alt::before{content:"\E00D";font-size: 1.7em;}
.xf-esam::before{content:"\E00E";font-size: 1.7em;}
.xf-gap::before{content:"\E00F";font-size: 1.7em;}
.xf-post::before{content:"\E010";font-size: 1.7em;}
.xf-torob::before{content:"\E011";font-size: 1.7em;}
.xf-divar::before{content:"\E012";font-size: 1.7em;}
.xf-tipax::before{content:"\E013";font-size: 1.7em;}
.xf-tipax-alt::before{content:"\E014";font-size: 1.7em;}
.xf-tapsi::before{content:"\E016";font-size: 1.7em;}
.xf-tapsi-alt::before{content:"\E015";font-size: 1.7em;}
.xf-alopeyk::before{content:"\E017";}
.xf-alopeyk-alt::before{content:"\E018";font-size: 1.7em;}
.xf-snapp::before{content:"\E019";font-size: 1.7em;}
.xf-snapp-alt::before{content:"\E01A";font-size: 1.7em;}



.social-icon li a i.xf-eitaa {
    background: #ff8100;
}
.social-icon li a i.xf-bale {
    background: #0aca9c;
}
.social-icon li a i.xf-robika {
    background: #ec0000;
}
/*.social-icon li a i.xf-telegram {*/
/*    background: #1e88e5;*/
/*}*/






/*
.xf-robika::before{
    content:"\e0020";
}
.xf-robika-alt::before{
    content:"\e0001";
}

.xf-bale::before{
    content:"\e6";
}
.xf-bale-alt::before{
    content:"\fe";
}

.xf-eitaa::before{
    content:"\f0";
}

.xf-aparat::before{
    content:"\111";
}

.xf-aparat-alt::before{
    content:"\126";
}

.xf-basalam::before{
    content:"\141";
}

.xf-basalam-alt::before{
    content:"\142";
}

.xf-bluebank::before{
    content:"\014a";
}

.xf-mellibank::before{
    content:"\014b";
}
.xf-mellibank-alt::before{
    content:"\152";
}

.xf-mellatbank::before{
    content:"\153";
}
.xf-mellatbank-alt::before{
    content:"\017f";
}

.xf-esam::before{
    content:"\180";
}

.xf-gap::before{
    content:"\181";
}

.xf-post::before{
    content:"\182";
}

.xf-torob::before{
    content:"\183";
}

.xf-divar::before{
    content:"\184";
}

.xf-tipax::before{
    content:"\185";
}
.xf-tipax-alt::before{
    content:"\186";
}

.xf-tapsi::before{
    content:"\187";
}

.xf-tapsi-alt::before{
    content:"\188";
}

.xf-alopeyk::before{
    content:"\187";
}

.xf-alopeyk-alt::before{
    content:"\018a";
}

.xf-snapp::before{
    content:"\018b";
}

.xf-snapp-alt::before{
    content:"\018c";
}
*/