.ribbon_flag {
    font-size: 16px;
    position: absolute;
    top: 15px;
    right: -20px;
    background-image: -o-linear-gradient(left , rgb(174,174,174) 35%, rgb(189,189,189) 63%, rgb(214,214,214) 96%);
    background-image: -moz-linear-gradient(left , rgb(174,174,174) 35%, rgb(189,189,189) 63%, rgb(214,214,214) 96%);
    background-image: -webkit-linear-gradient(left , rgb(174,174,174) 35%, rgb(189,189,189) 63%, rgb(214,214,214) 96%);
    background-image: -ms-linear-gradient(left , rgb(174,174,174) 35%, rgb(189,189,189) 63%, rgb(214,214,214) 96%);
    background-image: linear-gradient(left , rgb(174,174,174) 35%, rgb(189,189,189) 63%, rgb(214,214,214) 96%);
    padding: 12px 20px;
    color: #393939;
    text-shadow: -1px 1px 0 rgb(255 255 255 / 40%);
    box-shadow: -10px 10px 20px rgb(0 0 0 / 20%);
    -o-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
    user-select: none;
}

.ribbon_flag:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 24px solid #aeaeae;
    border-left: 15px solid transparent;
    border-bottom: 24px solid #aeaeae;
    margin: -12px 0 0px -35px;
    -o-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
}

.ribbon_flag:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 0;
    border-left: 20px solid #8f8f8f;
    border-bottom: 10px solid transparent;
    margin: 36px 0 0 0px;
    -o-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
}

.ribbon_title.red {
    color: #990909;
    background-image: -o-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -moz-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -webkit-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -ms-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
}
.ribbon_title.red:before {
    border-top: 24px solid #FF4444;
    border-bottom: 24px solid #FF4444;
}
.ribbon_title.red:after {
    border-left: 20px solid #CC0000;
    border-bottom: 10px solid transparent;
}

.ribbon_title.green {
    color: #496c02;
    background-image: -o-linear-gradient(left , rgb(153,204,0) 22%, rgb(212,233,147) 100%);
    background-image: -moz-linear-gradient(left , rgb(153,204,0) 22%, rgb(212,233,147) 100%);
    background-image: -webkit-linear-gradient(left , rgb(153,204,0) 22%, rgb(212,233,147) 100%);
    background-image: -ms-linear-gradient(left , rgb(153,204,0) 22%, rgb(212,233,147) 100%);
    background-image: linear-gradient(left , rgb(153,204,0) 22%, rgb(212,233,147) 100%);
}
.ribbon_title.green:before {
    border-top: 24px solid #99cc00;
    border-bottom: 24px solid #99cc00;
}
.ribbon_title.green:after {
    border-left: 20px solid #669900;
    border-bottom: 10px solid transparent;
}

.ribbon_title.blue {
    color: #145469;
    background-image: -o-linear-gradient(left , rgb(51,182,229) 22%, rgb(135,212,240) 100%);
    background-image: -moz-linear-gradient(left , rgb(51,182,229) 22%, rgb(135,212,240) 100%);
    background-image: -webkit-linear-gradient(left , rgb(51,182,229) 22%, rgb(135,212,240) 100%);
    background-image: -ms-linear-gradient(left , rgb(51,182,229) 22%, rgb(135,212,240) 100%);
    background-image: linear-gradient(left , rgb(51,182,229) 22%, rgb(135,212,240) 100%);
}
.ribbon_title.blue:before {
    border-top: 24px solid #33b6e5;
    border-bottom: 24px solid #33b6e5;
}
.ribbon_title.blue:after {
    border-left: 20px solid #1f7794;
    border-bottom: 10px solid transparent;
}

.ribbon_title.purple {
    color: #fff;
    background-image: -o-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -moz-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -webkit-linear-gradient(left , #895bda 22%, rgb(101 119 222) 100%);
    background-image: -ms-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
}
.ribbon_title.purple:before {
    border-top: 24px solid #895bda;
    border-bottom: 24px solid #895bda;
}
.ribbon_title.purple:after {
    border-left: 20px solid #4c54a0;
    border-bottom: 10px solid transparent;
}

.ribbon_title.orange {
    color: #9a5105;
    background-image: -o-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -moz-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -webkit-linear-gradient(left , rgb(255 164 68) 22%, rgb(254 219 121) 100%);
    background-image: -ms-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
}
.ribbon_title.orange:before {
    border-top: 24px solid #ffa444;
    border-bottom: 24px solid #ffa444;
}
.ribbon_title.orange:after {
    border-left: 20px solid #ffb454;
    border-bottom: 10px solid transparent;
}

.ribbon_title.black {
    color: #e0e0e0;
    background-image: -o-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -moz-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -webkit-linear-gradient(left , rgb(4 4 4) 22%, rgb(60 60 60) 100%);
    background-image: -ms-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
}
.ribbon_title.black:before {
    border-top: 24px solid #000;
    border-bottom: 24px solid #000;
}
.ribbon_title.black:after {
    border-left: 20px solid #121212;
    border-bottom: 10px solid transparent;
}

.ribbon_title.pink {
    color: #fff;
    background-image: -o-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -moz-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: -webkit-linear-gradient(left , #de51a5 22%, rgb(243 120 211) 100%);
    background-image: -ms-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
    background-image: linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
}
.ribbon_title.pink:before {
    border-top: 24px solid #de51a5;
    border-bottom: 24px solid #de51a5;
}
.ribbon_title.pink:after {
    border-left: 20px solid #de51a5;
    border-bottom: 10px solid transparent;
}

.ribbon_title.white {
    color: #983b3b;
    background-image: -o-linear-gradient(left , rgb(255,255,255) 22%, rgb(255,255,255) 100%);
    background-image: -moz-linear-gradient(left , rgb(255,255,255) 22%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient(left , #fff 22%, rgb(255 255 255) 100%);
    background-image: -ms-linear-gradient(left , rgb(255,255,255) 22%, rgb(255,255,255) 100%);
    background-image: linear-gradient(left , rgb(255,255,255) 22%, rgb(255,255,255) 100%);
}
.ribbon_title.white:before {
    border-top: 24px solid #fff;
    border-bottom: 24px solid #fff;
}
.ribbon_title.white:after {
    border-left: 20px solid #adadad;
    border-bottom: 10px solid transparent;
}

.ribbon_title.wood {
    color: #6f5733;
    background-image: -o-linear-gradient(left , #DEB887, #bf9661);
    background-image: -moz-linear-gradient(left , #DEB887, #bf9661);
    background-image: -webkit-linear-gradient(left , #DEB887, #bf9661);
    background-image: -ms-linear-gradient(left , #DEB887, #bf9661);
    background-image: linear-gradient(left , #DEB887, #bf9661);
}
.ribbon_title.wood:before {
    border-top: 24px solid #DEB887;
    border-bottom: 24px solid #DEB887;
}
.ribbon_title.wood:after {
    border-left: 20px solid #DEB887;
    border-bottom: 10px solid transparent;
}

.ribbon_title.cherry {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #9a2f34 22%, #390e10 100%);
}
.ribbon_title.cherry:before {
    border-top: 24px solid #9a2f34;
    border-bottom: 24px solid #9a2f34;
}
.ribbon_title.cherry:after {
    border-left: 20px solid #9a2f34;
    border-bottom: 10px solid transparent;
}

.ribbon_title.ice {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , rgb(51 122 229) 22%, rgb(23 61 169) 100%);
}
.ribbon_title.ice:before {
    border-top: 24px solid rgb(51 122 229);
    border-bottom: 24px solid rgb(51 122 229);
}
.ribbon_title.ice:after {
    border-left: 20px solid rgb(28 93 191);
    border-bottom: 10px solid transparent;
}

.ribbon_title.cold {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , rgb(23 61 169) 22%, rgb(14 40 113) 100%);
}
.ribbon_title.cold:before {
    border-top: 24px solid rgb(23 61 169);
    border-bottom: 24px solid rgb(23 61 169);
}
.ribbon_title.cold:after {
    border-left: 20px solid rgb(28 93 191);
    border-bottom: 10px solid transparent;
}

.ribbon_title.blood {
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-blood.jpg);
}
.ribbon_title.blood:before {
    border-top: 24px solid #040102;
    border-bottom: 24px solid #040102;
}
.ribbon_title.blood:after {
    border-left: 20px solid #4e0300;
    border-bottom: 10px solid transparent;
}

.ribbon_title.mountain {
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-mountain.png);
}
.ribbon_title.mountain:before {
    border-top: 24px solid #251e26;
    border-bottom: 24px solid #251e26;
}
.ribbon_title.mountain:after {
    border-left: 20px solid #251e26;
    border-bottom: 10px solid transparent;
}

.ribbon_title.ground {
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-ground.png);
}
.ribbon_title.ground:before {
    border-top: 24px solid #001b18;
    border-bottom: 24px solid #001b18;
}
.ribbon_title.ground:after {
    border-left: 20px solid #001b18;
    border-bottom: 10px solid transparent;
}
.ribbon_title.radio { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-radio-demon.jpg);
}
.ribbon_title.radio:before {
    border-top: 24px solid #000;
    border-bottom: 24px solid #000;
}
.ribbon_title.radio:after {
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
}  
.ribbon_title.pride { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-pride.jpg);
}
.ribbon_title.pride:before {
    border-top: 24px solid #000;
    border-bottom: 24px solid #000;
}
.ribbon_title.pride:after {
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
}  
.ribbon_title.savannah { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-savannah.png);
}
.ribbon_title.savannah:before {
    border-top: 24px solid #c5720b;
    border-bottom: 24px solid #c5720b;
}
.ribbon_title.savannah:after {
    border-left: 20px solid #583307;
    border-bottom: 10px solid transparent;
} 
.ribbon_title.caravan { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-caravan.png);
}
.ribbon_title.caravan:before {
    border-top: 24px solid #8f5d39;
    border-bottom: 24px solid #8f5d39;
}
.ribbon_title.caravan:after {
    border-left: 20px solid #583307;
    border-bottom: 10px solid transparent;
} 

.ribbon_title.clan-1 {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left, #380768, #88afff);
}
.ribbon_title.clan-1:before {
    border-top: 24px solid #380768;
    border-bottom: 24px solid #380768;
}
.ribbon_title.clan-1:after {
    border-left: 20px solid #380768;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-34 {
    color: #FFF07F;
    background-image: -webkit-linear-gradient(left, #9B0707, #070707);
}
.ribbon_title.clan-34:before {
    border-top: 24px solid #9B0707;
    border-bottom: 24px solid #9B0707;
}
.ribbon_title.clan-34:after {
    border-left: 20px solid #9B0707;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-63 {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , rgb(51 122 229) 22%, rgb(23 61 169) 100%);
}
.ribbon_title.clan-63:before {
    border-top: 24px solid rgb(51 122 229);
    border-bottom: 24px solid rgb(51 122 229);
}
.ribbon_title.clan-63:after {
    border-left: 20px solid rgb(28 93 191);
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-86 {
    color: #f8cb64;
    background-image: -webkit-linear-gradient(left, #000000, #ff6600);
}
.ribbon_title.clan-86:before {
    border-top: 24px solid #000000;
    border-bottom: 24px solid #000000;
}
.ribbon_title.clan-86:after {
    border-left: 20px solid #000000;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-112 {
    color: #e1c332;
    background-image: -webkit-linear-gradient(left , rgb(4 4 4) 22%, rgb(60 60 60) 100%);
}
.ribbon_title.clan-112:before {
    border-top: 24px solid #040404;
    border-bottom: 24px solid #040404;
}
.ribbon_title.clan-112:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-1-2 {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #c7171f 22%, #df101a 100%);
}
.ribbon_title.clan-1-2:before {
    border-top: 24px solid #c7171f;
    border-bottom: 24px solid #c7171f;
}
.ribbon_title.clan-1-2:after {
    border-left: 20px solid #040404cc;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-111 {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , #200122 22%, #6f0000 100%);
}
.ribbon_title.clan-111:before {
    border-top: 24px solid #200122;
    border-bottom: 24px solid #200122;
}
.ribbon_title.clan-111:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-66 {
    color: #AF0000;
    background-image: -webkit-linear-gradient(left , #000000 22%, #450E0E 100%);
    text-shadow: none;
}
.ribbon_title.clan-66:before {
    border-top: 24px solid #000000;
    border-bottom: 24px solid #000000;
}
.ribbon_title.clan-66:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-117 {
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , #000000 22%, #990e0e 100%);
}
.ribbon_title.clan-117:before {
    border-top: 24px solid #000000;
    border-bottom: 24px solid #000000;
}
.ribbon_title.clan-117:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-112-2 {
    color: #000;
    background-image: -webkit-linear-gradient(left, #ffe108 22%, #f63030 100%);
}
.ribbon_title.clan-112-2:before {
    border-top: 24px solid #ffe108;
    border-bottom: 24px solid #ffe108;
}
.ribbon_title.clan-112-2:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-159 {
    color: #e2bb12;
    background-image: -webkit-linear-gradient(left , #4d110c 22%, #9d261a 100%);
}
.ribbon_title.clan-159:before {
    border-top: 24px solid #4d110c;
    border-bottom: 24px solid #4d110c;
}
.ribbon_title.clan-159:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-126 {
    color: #e1c332;
    background-image: -webkit-linear-gradient(left , rgb(255,68,68) 22%, rgb(254,121,121) 100%);
}
.ribbon_title.clan-126:before {
    border-top: 24px solid rgb(255,68,68);
    border-bottom: 24px solid rgb(255,68,68);
}
.ribbon_title.clan-126:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-175 {
    color: #e1c332;
    background-image: -webkit-linear-gradient(left , rgb(4 4 4) 22%, rgb(60 60 60) 100%);
}
.ribbon_title.clan-175:before {
    border-top: 24px solid #040404;
    border-bottom: 24px solid #040404;
}
.ribbon_title.clan-175:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}
.ribbon_title.clan-66-2 {
    color: #f80000;
    background-image: -webkit-linear-gradient(left , #050505 22%, #450E0E 100%);
}
.ribbon_title.clan-66-2:before {
    border-top: 24px solid #050505;
    border-bottom: 24px solid #050505;
}
.ribbon_title.clan-66-2:after {
    border-left: 20px solid #040404;
    border-bottom: 10px solid transparent;
}

.ribbon_title.snowflakes { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-snowflakes.png);
}
.ribbon_title.snowflakes:before {
    border-top: 24px solid #a8c9fe;
    border-bottom: 24px solid #a8c9fe;
}
.ribbon_title.snowflakes:after {
    border-left: 20px solid #02081f;
    border-bottom: 10px solid transparent;
} 
.ribbon_title.winter { 
    color: #000;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-winter.png);
}
.ribbon_title.winter:before {
    border-top: 24px solid #acdad7;
    border-bottom: 24px solid #acdad7;
}
.ribbon_title.winter:after {
    border-left: 20px solid #6caca9;
    border-bottom: 10px solid transparent;
} 
.ribbon_title.winter-soldier { 
    color: #000;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-winter-soldier.png);
}
.ribbon_title.winter-soldier:before {
    border-top: 24px solid #f4f8fa;
    border-bottom: 24px solid #f4f8fa;
}
.ribbon_title.winter-soldier:after {
    border-left: 20px solid #717d85;
    border-bottom: 10px solid transparent;
}
.ribbon_title.winter-2 { 
    color: #081e61;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-winter-2.png);
}
.ribbon_title.winter-2:before {
    border-top: 24px solid #fff;
    border-bottom: 24px solid #fff;
}
.ribbon_title.winter-2:after {
    border-left: 20px solid #081e61;
    border-bottom: 10px solid transparent;
} 
.ribbon_title.winter-christmas { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-winter-christmas.png);
}
.ribbon_title.winter-christmas:before {
    border-top: 24px solid #f84855;
    border-bottom: 24px solid #f84855;
}
.ribbon_title.winter-christmas:after {
    border-left: 20px solid #1e0001;
    border-bottom: 10px solid transparent;
} 
.ribbon_title.hearth-keeper { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-hearth-keeper.png);
}
.ribbon_title.hearth-keeper:before {
    border-top: 24px solid #020301;
    border-bottom: 24px solid #020301;
}
.ribbon_title.hearth-keeper:after {
    border-left: 20px solid #020301;
    border-bottom: 10px solid transparent;
} 
.ribbon_title.forest-ground { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-forest-ground.png);
}
.ribbon_title.forest-ground:before {
    border-top: 24px solid #2c2813;
    border-bottom: 24px solid #2c2813;
}
.ribbon_title.forest-ground:after {
    border-left: 20px solid #020301;
    border-bottom: 10px solid transparent;
}
.ribbon_title.forest { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-forest.png);
}
.ribbon_title.forest:before {
    border-top: 24px solid #f7f0e9;
    border-bottom: 24px solid #f7f0e9;
}
.ribbon_title.forest:after {
    border-left: 20px solid #020301;
    border-bottom: 10px solid transparent;
}
.ribbon_title.swamp { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-swamp.png);
}
.ribbon_title.swamp:before {
    border-top: 24px solid #051105;
    border-bottom: 24px solid #051105;
}
.ribbon_title.swamp:after {
    border-left: 20px solid #020301;
    border-bottom: 10px solid transparent;
}
.ribbon_title.mountain-2 { 
    color: #6e4125;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-mountain-2.png);
}
.ribbon_title.mountain-2:before {
    border-top: 24px solid #fbf3f0;
    border-bottom: 24px solid #fbf3f0;
}
.ribbon_title.mountain-2:after {
    border-left: 20px solid #503e33;
    border-bottom: 10px solid transparent;
}
.ribbon_title.jungle-king { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-jungle-king.png);
}
.ribbon_title.jungle-king:before {
    border-top: 24px solid #051a17;
    border-bottom: 24px solid #051a17;
}
.ribbon_title.jungle-king:after {
    border-left: 20px solid #051a17;
    border-bottom: 10px solid transparent;
}
.ribbon_title.horns { 
    color: #fff;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-horns.png);
}
.ribbon_title.horns:before {
    border-top: 24px solid #000100;
    border-bottom: 24px solid #000100;
}
.ribbon_title.horns:after {
    border-left: 20px solid #000100;
    border-bottom: 10px solid transparent;
}
.ribbon_title.cute-horns { 
    color: #5e5555;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-cute-horns.png);
}
.ribbon_title.cute-horns:before {
    border-top: 24px solid #f9c19a;
    border-bottom: 24px solid #f9c19a;
}
.ribbon_title.cute-horns:after {
    border-left: 20px solid #7a7570;
    border-bottom: 10px solid transparent;
}
.ribbon_title.antipode { 
    color: #000000;
    text-shadow: -1px 1px 0 rgb(255 255 255);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-antipode.png);
}
.ribbon_title.antipode:before {
    border-top: 24px solid #eeeeee;
    border-bottom: 24px solid #eeeeee;
}
.ribbon_title.antipode:after {
    border-left: 20px solid #000100;
    border-bottom: 10px solid transparent;
}
.ribbon_title.confr { 
    color: #fff;
    text-shadow: -1px 2px 0 rgb(2 2 2);
    background-image: url(https://dynastica.ru/templates/default/img/other/bg-ribbon-confr.png);
}
.ribbon_title.confr:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0px;
    border-bottom: 0;
    border-right: 20px solid #000100;
    border-top: 10px solid transparent;
    margin: -22px 0 0 -34px;
    -o-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -webkit-transition: all 0.05s ease;
    transition: all 0.05s ease;
}
.ribbon_title.confr:after {
    border-left: 20px solid #000100;
    border-bottom: 10px solid transparent;
}
.ribbon_title.elder {
    color: #ffffff;
    background-image: -o-linear-gradient(left , #e39725 22%, rgb(245 204 57) 100%);
    background-image: -moz-linear-gradient(left , #e39725 22%, rgb(245 204 57) 100%);
    background-image: -webkit-linear-gradient(left , #e39725 22%, rgb(245 204 57) 100%);
    background-image: -ms-linear-gradient(left , #e39725 22%, rgb(245 204 57) 100%);
    background-image: linear-gradient(left , #e39725 22%, rgb(245 204 57) 100%);
}
.ribbon_title.elder:before {
    border-top: 24px solid #e39725;
    border-bottom: 24px solid #e39725;
}
.ribbon_title.elder:after {
    border-left: 20px solid #e39725;
    border-bottom: 10px solid transparent;
}
.ribbon_title.goliath { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(195 195 195);
    background-image: -webkit-linear-gradient(left , #000000 35%, #000000 43%, #b92456 96%);
}
.ribbon_title.goliath:before {
    border-top: 24px solid #000000;
    border-bottom: 24px solid #000000;
}
.ribbon_title.goliath:after {
    border-left: 20px solid #3c3121;
    border-bottom: 10px solid transparent;
}
.ribbon_title.titan-junior { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(195 195 195);
    background-image: -webkit-linear-gradient(left , rgb(251 198 78) 35%, rgb(255 145 31) 63%, rgb(225 141 15) 96%);
}
.ribbon_title.titan-junior:before {
    border-top: 24px solid #fbc64e;
    border-bottom: 24px solid #fbc64e;
}
.ribbon_title.titan-junior:after {
    border-left: 20px solid #3c3121;
    border-bottom: 10px solid transparent;
}
.ribbon_title.sloth { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(195 195 195);
    background-image: -webkit-linear-gradient(left , #9abad3 35%, #96b2c9 43%, #7095b3 96%);
}
.ribbon_title.sloth:before {
    border-top: 24px solid #9abad3;
    border-bottom: 24px solid #9abad3;
}
.ribbon_title.sloth:after {
    border-left: 20px solid #596a78;
    border-bottom: 10px solid transparent;
}
.ribbon_title.serene { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(195 195 195);
    background-image: -webkit-linear-gradient(left , #f8cacc 35%, #8da4d0 96%);
}
.ribbon_title.serene:before {
    border-top: 24px solid #f8cacc;
    border-bottom: 24px solid #f8cacc;
}
.ribbon_title.serene:after {
    border-left: 20px solid #596a78;
    border-bottom: 10px solid transparent;
}
.ribbon_title.handyman { 
    color: #000000;
    text-shadow: -1px 1px 0 rgb(255 255 255);
    background-image: -webkit-linear-gradient(left , #ffe455 35%, #fdf1b0 96%);
}
.ribbon_title.handyman:before {
    border-top: 24px solid #ffe455;
    border-bottom: 24px solid #ffe455;
}
.ribbon_title.handyman:after {
    border-left: 20px solid #7e795b;
    border-bottom: 10px solid transparent;
}
.ribbon_title.hard-worker { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(195 195 195);
    background-image: -webkit-linear-gradient(left , #f44336 35%, #cd3126 96%);
}
.ribbon_title.hard-worker:before {
    border-top: 24px solid #f44336;
    border-bottom: 24px solid #f44336;
}
.ribbon_title.hard-worker:after {
    border-left: 20px solid #5c1914;
    border-bottom: 10px solid transparent;
}
.ribbon_title.double-hero { 
    color: #705e04;
    text-shadow: -1px 1px 0 rgb(255 255 255);
    background-image: -webkit-linear-gradient(left , #ffd700 35%, #e6c619 96%);
}
.ribbon_title.double-hero:before {
    border-top: 24px solid #ffd700;
    border-bottom: 24px solid #ffd700;
}
.ribbon_title.double-hero:after {
    border-left: 20px solid #78731e;
    border-bottom: 10px solid transparent;
}
.ribbon_title.farmer { 
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(195 195 195);
    background-image: -webkit-linear-gradient(left , #009688 22%, rgb(147 233 162) 100%);
}
.ribbon_title.farmer:before {
    border-top: 24px solid #009688;
    border-bottom: 24px solid #009688;
}
.ribbon_title.farmer:after {
    border-left: 20px solid #009320;
    border-bottom: 10px solid transparent;
}
.ribbon_title.apex { 
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , #eb5185 35%, #f5005a 96%);
}
.ribbon_title.apex:before {
    border-top: 24px solid #eb5185;
    border-bottom: 24px solid #eb5185;
}
.ribbon_title.apex:after {
    border-left: 20px solid #404040;
    border-bottom: 10px solid transparent;
}
.ribbon_title.penetrating { 
    color: #ffffff;
    background-image: -webkit-linear-gradient(left , #343434 22%, rgb(0 0 0) 100%);
}
.ribbon_title.penetrating:before {
    border-top: 24px solid #343434;
    border-bottom: 24px solid #343434;
}
.ribbon_title.penetrating:after {
    border-left: 20px solid #000000;
    border-bottom: 10px solid transparent;
}
.ribbon_title.yellow {
    color: #c57705;
    background-image: -webkit-linear-gradient(left , #fff06a 22%, #ffdd77 100%);
}
.ribbon_title.yellow:before {
    border-top: 24px solid #fff06a;
    border-bottom: 24px solid #fff06a;
}
.ribbon_title.yellow:after {
    border-left: 20px solid #ffc107;
    border-bottom: 10px solid transparent;
}
.ribbon_title.sea {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #5ee3a0 22%, #38d787 100%);
    text-shadow: none;
}
.ribbon_title.sea:before {
    border-top: 24px solid #5ee3a0;
    border-bottom: 24px solid #5ee3a0;
}
.ribbon_title.sea:after {
    border-left: 20px solid #2bc578;
    border-bottom: 10px solid transparent;
}
.ribbon_title.grass {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #76af79 22%, #2da731 100%);
    text-shadow: none;
}
.ribbon_title.grass:before {
    border-top: 24px solid #76af79;
    border-bottom: 24px solid #76af79;
}
.ribbon_title.grass:after {
    border-left: 20px solid #268f29;
    border-bottom: 10px solid transparent;
}
.ribbon_title.stone {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #82a6b7 22%, #617c89 100%);
    text-shadow: none;
}
.ribbon_title.stone:before {
    border-top: 24px solid #82a6b7;
    border-bottom: 24px solid #82a6b7;
}
.ribbon_title.stone:after {
    border-left: 20px solid #516772;
    border-bottom: 10px solid transparent;
}
.ribbon_title.desert {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #e3921a 22%, #b36b02 100%);
    text-shadow: none;
}
.ribbon_title.desert:before {
    border-top: 24px solid #e3921a;
    border-bottom: 24px solid #e3921a;
}
.ribbon_title.desert:after {
    border-left: 20px solid #925800;
    border-bottom: 10px solid transparent;
}
.ribbon_title.lilac {
    color: #5d586a;
    background-image: -webkit-linear-gradient(left , #e0d6fb 22%, #ac8eff 100%);
    text-shadow: none;
}
.ribbon_title.lilac:before {
    border-top: 24px solid #e0d6fb;
    border-bottom: 24px solid #e0d6fb;
}
.ribbon_title.lilac:after {
    border-left: 20px solid #7761b3;
    border-bottom: 10px solid transparent;
}
.ribbon_title.choco {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #994a2d 22%, #602914 100%);
    text-shadow: none;
}
.ribbon_title.choco:before {
    border-top: 24px solid #994a2d;
    border-bottom: 24px solid #994a2d;
}
.ribbon_title.choco:after {
    border-left: 20px solid #3d1a0d;
    border-bottom: 10px solid transparent;
}
.ribbon_title.bubble {
    color: #911b72;
    background-image: -webkit-linear-gradient(left , #fbe180 22%, #fb80ca 100%);
    text-shadow: none;
}
.ribbon_title.bubble:before {
    border-top: 24px solid #fbe180;
    border-bottom: 24px solid #fbe180;
}
.ribbon_title.bubble:after {
    border-left: 20px solid #ac588a;
    border-bottom: 10px solid transparent;
}
.ribbon_title.cornflowerblue {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #6495ed 22%, #5284df 100%);
    text-shadow: none;
}
.ribbon_title.cornflowerblue:before {
    border-top: 24px solid #6495ed;
    border-bottom: 24px solid #6495ed;
}
.ribbon_title.cornflowerblue:after {
    border-left: 20px solid #446bb4;
    border-bottom: 10px solid transparent;
}
.ribbon_title.lime {
    color: #6d8901;
    background-image: -webkit-linear-gradient(left , #ccff00 22%, #b6e302 100%);
    text-shadow: none;
}
.ribbon_title.lime:before {
    border-top: 24px solid #ccff00;
    border-bottom: 24px solid #ccff00;
}
.ribbon_title.lime:after {
    border-left: 20px solid #9ac000;
    border-bottom: 10px solid transparent;
}
.ribbon_title.tritanotopia {
    color: #6a333a;
    background-image: -webkit-linear-gradient(left , #cf6e79 22%, #c7636f 100%);
    text-shadow: none;
}
.ribbon_title.tritanotopia:before {
    border-top: 24px solid #cf6e79;
    border-bottom: 24px solid #cf6e79;
}
.ribbon_title.tritanotopia:after {
    border-left: 20px solid #a04f58;
    border-bottom: 10px solid transparent;
}
.ribbon_title.tritanotopia2 {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #cf6e79 22%, #c7636f 100%);
    text-shadow: none;
}
.ribbon_title.tritanotopia2:before {
    border-top: 24px solid #cf6e79;
    border-bottom: 24px solid #cf6e79;
}
.ribbon_title.tritanotopia2:after {
    border-left: 20px solid #a04f58;
    border-bottom: 10px solid transparent;
}
.ribbon_title.shafran {
    color: #91741d;
    background-image: -webkit-linear-gradient(left , #f4c430 22%, #f1c420 100%);
    text-shadow: none;
}
.ribbon_title.shafran:before {
    border-top: 24px solid #f4c430;
    border-bottom: 24px solid #f4c430;
}
.ribbon_title.shafran:after {
    border-left: 20px solid #9e8116;
    border-bottom: 10px solid transparent;
}
.ribbon_title.shadow {
    color: #bdb7a9;
    background-image: -webkit-linear-gradient(left , #673ab7 22%, #3c3c3c 100%);
    text-shadow: none;
}
.ribbon_title.shadow:before {
    border-top: 24px solid #673ab7;
    border-bottom: 24px solid #673ab7;
}
.ribbon_title.shadow:after {
    border-left: 20px solid #141414;
    border-bottom: 10px solid transparent;
}
.ribbon_title.century {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #5f7d8b 22%, #303e44 100%);
    text-shadow: none;
}
.ribbon_title.century:before {
    border-top: 24px solid #5f7d8b;
    border-bottom: 24px solid #5f7d8b;
} 
.ribbon_title.century:after {
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dark-red {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #832d2d 22%, #cf1717 100%);
    text-shadow: none;
}
.ribbon_title.dark-red:before {
    border-top: 24px solid #832d2d;
    border-bottom: 24px solid #832d2d;
} 
.ribbon_title.dark-red:after {
    border-left: 20px solid #642913;
    border-bottom: 10px solid transparent;
}
.ribbon_title.sword {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #a3b3bb 22%, #717f85 100%);
    text-shadow: none;
}
.ribbon_title.sword:before {
    border-top: 24px solid #a3b3bb;
    border-bottom: 24px solid #a3b3bb;
} 
.ribbon_title.sword:after {
    border-left: 20px solid #5c5c5c;
    border-bottom: 10px solid transparent;
}
.ribbon_title.light-green {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #89d58d 22%, #70bd74 100%);
    text-shadow: none;
}
.ribbon_title.light-green:before {
    border-top: 24px solid #89d58d;
    border-bottom: 24px solid #89d58d;
} 
.ribbon_title.light-green:after {
    border-left: 20px solid #2e9324;
    border-bottom: 10px solid transparent;
}
.ribbon_title.fire {
    color: #fff;
    background-image: -webkit-linear-gradient(left , #ff7b00 22%, #d33c02 100%);
    text-shadow: none;
}
.ribbon_title.fire:before {
    border-top: 24px solid #ff7b00;
    border-bottom: 24px solid #ff7b00;
} 
.ribbon_title.fire:after {
    border-left: 20px solid #5e1d04;
    border-bottom: 10px solid transparent;
}
.ribbon_title.bone {
    color: #73717c;
    background-image: -webkit-linear-gradient(left , #f1f0f7 22%, #ebe7ff 100%);
    text-shadow: none;
}
.ribbon_title.bone:before {
    border-top: 24px solid #f1f0f7;
    border-bottom: 24px solid #f1f0f7;
} 
.ribbon_title.bone:after {
    border-left: 20px solid #858585;
    border-bottom: 10px solid transparent;
}
.ribbon_title.white-yellow {
    color: #7a7427;
    background-image: -webkit-linear-gradient(left , #fffce6 2%, #fff385 50%, #ffea2f 100%);
    text-shadow: none;
}
.ribbon_title.white-yellow:before {
    border-top: 24px solid #fffce6 ;
    border-bottom: 24px solid #fffce6 ;
} 
.ribbon_title.white-yellow:after {
    border-left: 20px solid #9b9916;
    border-bottom: 10px solid transparent;
}
.ribbon_title.chaos {
    color: #73717c;
    background-image: -webkit-linear-gradient(left , #7564a9 22%, #0f153a 100%);
    text-shadow: none;
}
.ribbon_title.chaos:before {
    border-top: 24px solid #7564a9;
    border-bottom: 24px solid #7564a9;
} 
.ribbon_title.chaos:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-trike {
    color: #ffffff;
    background-image: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-herb-trike.png);
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-trike:before {
    border-top: 24px solid #72b36d;
    border-bottom: 24px solid #72b36d;
} 
.ribbon_title.dino-trike:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-diablo {
    color: #ffffff;
    background: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-herb-diablo.png) #5aa855;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-diablo:before {
    border-top: 24px solid #5aa855;
    border-bottom: 24px solid #5aa855;
} 
.ribbon_title.dino-diablo:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-allo {
    color: #ffffff;
    background: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-carn-allo.png) #e67b68;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-allo:before {
    border-top: 24px solid #e67b68;
    border-bottom: 24px solid #e67b68;
} 
.ribbon_title.dino-allo:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-shant {
    color: #ffffff;
    background: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-herb-shant.png) #5aa855;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-shant:before {
    border-top: 24px solid #5aa855;
    border-bottom: 24px solid #5aa855;
} 
.ribbon_title.dino-shant:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-maia {
    color: #ffffff;
    background: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-herb-maia.png) #5aa855;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-maia:before {
    border-top: 24px solid #4a9e46;
    border-bottom: 24px solid #4a9e46;
} 
.ribbon_title.dino-maia:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-para {
    color: #ffffff;
    background: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-herb-para.png) #5aa855;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-para:before {
    border-top: 24px solid #5aa855;
    border-bottom: 24px solid #5aa855;
} 
.ribbon_title.dino-para:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dino-dilo {
    color: #ffffff;
    background: url(https://dynastica.ru/templates/default/img/ribbons/ribbon-carn-dilo.png) #e67b68;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    text-shadow: -1px 1px 0 rgb(88 88 88 / 40%);
}
.ribbon_title.dino-dilo:before {
    border-top: 24px solid #ea8372;
    border-bottom: 24px solid #ea8372;
} 
.ribbon_title.dino-dilo:after {
    border-left: 20px solid #060818;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-91 {
    color: #52004a;
    background-image: -webkit-linear-gradient(left, #acfaee, #e494f4);
}
.ribbon_title.clan-91:before {
    border-top: 24px solid #acfaee;
    border-bottom: 24px solid #acfaee;
}
.ribbon_title.clan-91:after {
    border-left: 20px solid #b284bb;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-201 {
    color: #FFFFFF;
    background-image: -webkit-linear-gradient(left, #000, #000);
}
.ribbon_title.clan-201:before {
    border-top: 24px solid #000;
    border-bottom: 24px solid #000;
}
.ribbon_title.clan-201:after {
    border-left: 20px solid #000;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-159-2 {
    color: #DDAA37;
    background-image: -webkit-linear-gradient(left, #B349AF 1%, #6254CD 45%, #6254CD 60%, #0B0B0C 100%);
    text-shadow: -1px 1px 0 #ddaa3745;
}
.ribbon_title.clan-159-2:before {
    border-top: 24px solid #B349AF;
    border-bottom: 24px solid #B349AF;
}
.ribbon_title.clan-159-2:after {
    border-left: 20px solid #0B0B0C;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-252 {
    color: #e0e0e0;
    background-image: -webkit-linear-gradient(left, #000, #000);
}
.ribbon_title.clan-252:before {
    border-top: 24px solid #000;
    border-bottom: 24px solid #000;
}
.ribbon_title.clan-252:after {
    border-left: 20px solid #121212;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-220 {
    color: #98012C;
    background-image: -webkit-linear-gradient(left, #C1C1C1, #FFFFFF);
}
.ribbon_title.clan-220:before {
    border-top: 24px solid #C1C1C1;
    border-bottom: 24px solid #C1C1C1;
}
.ribbon_title.clan-220:after {
    border-left: 20px solid #C1C1C1;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-73 {
    color: #fff;
    background-image: -webkit-linear-gradient(left, #00ff05, #000000);
}
.ribbon_title.clan-73:before {
    border-top: 24px solid #00ff05;
    border-bottom: 24px solid #00ff05;
}
.ribbon_title.clan-73:after {
    border-left: 20px solid #000000;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-193 {
    color: #fff;
    background-image: -webkit-linear-gradient(left, #000000, #474747, #bd530d);
}
.ribbon_title.clan-193:before {
    border-top: 24px solid #000000;
    border-bottom: 24px solid #000000;
}
.ribbon_title.clan-193:after {
    border-left: 20px solid #000000;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-159-3 {
    color: #fff;
    background-image: -webkit-linear-gradient(left, #003432, #007343, #c1f9d9);
}
.ribbon_title.clan-159-3:before {
    border-top: 24px solid #003432;
    border-bottom: 24px solid #003432;
}
.ribbon_title.clan-159-3:after {
    border-left: 20px solid #003432;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-301 {
    color: #3dd46d;
    background-image: -webkit-linear-gradient(left, #640bb3, #640bb3);
    text-shadow: none;
}
.ribbon_title.clan-301:before {
    border-top: 24px solid #640bb3;
    border-bottom: 24px solid #640bb3;
}
.ribbon_title.clan-301:after {
    border-left: 20px solid #390667;
    border-bottom: 10px solid transparent;
}

.ribbon_title.clan-279 {
    color: #ffeeb9;
    background-image: -webkit-linear-gradient(left, #000000, #2f0214, #bf4132);
}
.ribbon_title.clan-279:before {
    border-top: 24px solid #000000;
    border-bottom: 24px solid #000000;
}
.ribbon_title.clan-279:after {
    border-left: 20px solid #000000;
    border-bottom: 10px solid transparent;
}
.ribbon_title.dragon {
    background-image: -webkit-linear-gradient(left, #FFC107 35%, #bb1f1f 63%, #bb1f1f 96%);
    color: #ffffff;
    text-shadow: -1px 1px 0 rgb(41 37 37 / 40%);
}
.ribbon_title.dragon:before {
    border-top: 24px solid #FFC107 ;
    border-bottom: 24px solid #FFC107 ;
} 
.ribbon_title.dragon:after {
    border-left: 20px solid #181818;
    border-bottom: 10px solid transparent;
}