@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont1382.html?v=3.3.92");
    src: url("../fonts/materialdesignicons-webfontd41d.html?#iefix&v=3.3.92") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont1382-2.html?v=3.3.92") format("woff2"), url("../fonts/materialdesignicons-webfont1382-3.html?v=3.3.92") format("woff"), url("../fonts/materialdesignicons-webfont1382-4.html?v=3.3.92") format("truetype"), url("../fonts/materialdesignicons-webfont1382-5.html?v=3.3.92#materialdesigniconsregular") format("svg");
    font-weight: normal;
    font-style: normal;
}
.title-logo {
    font-size:  2.5rem;
    font-weight:  600;
    color:  white;
    vertical-align:  middle;
    display:  inline-block;
    margin-left:  8px;
}
.page-header {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.page-header .navbar {
    border-radius: 0;
    margin-bottom: 0;
    background: inherit;
}
.page-header .navbar .page-logo {
    float: left;
    height: 50px;
    max-height: 50px;
    line-height: 50px;
    margin-right: 75px;
}
.page-header .navbar .page-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    float: left;
    display: inline-block;
    vertical-align: middle;
}

.page-header .navbar .topbar-actions {
    position: absolute;
}
.page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2 {
    padding: 0;
    min-width: 300px;
}
.page-header .navbar .topbar-actions .btn-group-notification .dropdown-menu-v2:before {
    border-color: transparent transparent #21282e;
}
.page-header .navbar .topbar-actions .btn-group-notification .btn {
    top: 6px;
    background: #7289DA;
    width: 35px;
    height: 35px;
}
.page-header .navbar .topbar-actions .btn-group-notification .btn i {
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
}
.page-header .navbar .topbar-actions .btn-group-notification .btn i:hover {
    color: #fff;
}
.page-header .navbar .topbar-actions .btn-group-notification .btn .badge {
    top: -10px;
    right: -10px;
    height: 21px;
    color: #62717f;
    min-width: 21px;
    font-weight: 700;
    line-height: 1.4;
    position: absolute;
    border: 2px solid #18191C;
    font-size: 9px!important;
    background: #fff;
}

.page-header .navbar .topbar-actions .btn-group-red {
    position: relative;
    margin: 3px 30px 0 15px;
}
.page-header .navbar .topbar-actions .btn-group-red:after {
    top: 11px;
    width: 1px;
    content: " ";
    right: -17.5px;
    border-width: 25px;
    position: absolute;
    border-color: #3e4952;
    border-top-style: solid;
}
.page-header .navbar .topbar-actions .btn-group-red .btn {
    top: 6px;
    padding: 8px;
    position: relative;
    background: none;
    color: #606D78;
    width: 35px;
    height: 35px;
}
.page-header .navbar .topbar-actions .btn-group-red .btn:hover {
    color:  #ECECEC;
}
   .page-header .navbar .topbar-actions .btn-group-red .btn>i {
    font-size: 20px;
    line-height: .9;
}
.page-header .navbar .topbar-actions .btn-group-img .btn {
    cursor: pointer;
    top: 5px;
    padding: 0;
    position: relative;
    background:  transparent;
    line-height: normal;
    height: 35px;
}
.page-header .navbar .topbar-actions .btn-group-img .btn>span {
    padding: 9px;
    line-height: 1.3;
    font-size:  1.8rem;
    font-weight:  bold;
    opacity:  .95;
    display: inline-block;
    vertical-align: middle;
    color: #DCDCDC;
}
.page-header .navbar .topbar-actions .btn-group-img .btn>img {
    margin-top: -1px;
    text-align: center;
    vertical-align: middle;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50pxpx;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    background-clip: padding-box;
    height: 35px;
    width: 35px;
}
.page-header .navbar .navbar-nav>li>a {
    color: #636e77;
    font-size: 18px;
    font-weight: 400;
    padding: 22px 40px;
    background: #1D1E21;
    font-family: Oswald, sans-serif;
}
.page-header .navbar .navbar-nav>li>a>i {
    position: relative;
    font-size:  2.3rem;
    ;
    top: 0px;
    right: 5px;
}
.page-header .navbar .navbar-nav>li:hover>a {
    color: #fff;
    background: #7289DA;
}
.page-header .navbar .navbar-nav>li .more-dropdown-sub .dropdown-menu>li.active>a, .page-header .navbar .navbar-nav>li .more-dropdown-sub .dropdown-menu>li>a:hover, .page-header .navbar .navbar-nav>li.more-dropdown .dropdown-menu>li.active>a, .page-header .navbar .navbar-nav>li.more-dropdown .dropdown-menu>li>a:hover {
    background: #7289DA;
    color: #f1f1f1;
}
.page-header .navbar .navbar-nav li.open:hover>a, .page-header .navbar .navbar-nav li.open>a {
    background: #202225;
    border-top:  2px solid #7289DA;
    color: #fff;
}
.page-header .navbar .navbar-nav li.selected>a {
    color: #fff;
}
.page-header .navbar .navbar-nav li.open.selected>a {
    color: #fff;
}
.page-header .navbar .navbar-nav .dropdown-menu {
    z-index: 10;
    border: none;
    box-shadow: none;
    margin-top: -4px;
    border-radius: 0;
    background: #202225;
}
.page-header .navbar .navbar-nav .dropdown-menu:after, .page-header .navbar .navbar-nav .dropdown-menu:before {
    display: none!important;
}
.page-header .navbar .navbar-nav .dropdown-menu>li {
    display: inline-block;
}
.page-header .navbar .navbar-nav .dropdown-menu>li>a {
    color: #6c7b88;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 30px 15px 30px 30px;
    font-family: "Open Sans", sans-serif;
}
.page-header .navbar .navbar-nav .dropdown-menu>li>a:focus, .page-header .navbar .navbar-nav .dropdown-menu>li>a:hover {
    background: inherit;
    color: #7289DA;
}
.page-header .navbar .navbar-nav .dropdown-menu>li>a:focus>i, .page-header .navbar .navbar-nav .dropdown-menu>li>a:hover>i {
    color: #7289DA;
}
.page-header .navbar .navbar-nav .dropdown-menu li.active>a {
    background: inherit;
    color: #7289DA;
}
.page-header .navbar .navbar-nav .dropdown-menu li.active>a>i {
    color: #7289DA;
}
.page-portlet-fullscreen .page-header {
    display: none;
}
.page-md .topbar-actions .btn-group-notification .btn {
    overflow: visible!important;
}
.page-md .topbar-actions .btn-group-notification .btn .badge {
    padding: 3px 6px 2px;
}
.page-md .navbar-collapse .dropdown .dropdown-menu {
    box-shadow: none!important;
}
.page-md .navbar-collapse .more-dropdown .dropdown-menu, .page-md .navbar-collapse .more-dropdown-sub .dropdown-menu {
    box-shadow: 5px 5px rgba(102, 102, 102, .1)!important;
}
@media (max-width:991px) {
    .page-header .navbar-toggle {
    display: block;
}
.page-header .navbar-collapse.collapse {
    display: none!important;
}
.page-header .navbar-collapse.collapse.in {
    display: block!important;
    overflow-y: auto!important;
}
.page-header .navbar-nav {
    margin: 0;
    float: none!important;
}
.page-header .navbar-nav>li {
    float: none;
}
}@media (max-width:480px) {
    .page-header .search .form-control {
    width: 130px!important;
}
.page-header .topbar-actions {
    float: right;
    margin-bottom: 15px;
}
.page-header .topbar-actions .btn-group-notification .dropdown-menu-v2 {
    right: -125px;
}
.page-header .topbar-actions .btn-group-notification .dropdown-menu-v2:before {
    top: -10px;
    left: 150px;
    border-width: 0 7.5px 15px;
    border-color: transparent transparent #242b31;
}
.page-header .topbar-actions .btn-group-red .dropdown-menu-v2 {
    right: -70px;
}
.page-header .topbar-actions .btn-group-red .dropdown-menu-v2:before {
    top: -10px;
    right: 80px;
    border-width: 0 7.5px 15px;
    border-color: transparent transparent #242b31;
}
}@media (max-width:768px) {
    .page-header .page-logo {
    display: block;
    float: none!important;
}
.page-header .topbar-actions .btn-group-img .btn>span {
    display: none!important;
}
}@media (max-width:991px) {
    .page-header .navbar-fixed-top {
    position: static;
    margin: 10px auto;
}
.page-header .topbar-actions {
    top: 10px;
    right: 60px;
}
.page-header .nav-collapse {
    box-shadow: none;
    border-top: none;
}
.page-header .nav-collapse .navbar-nav {
    margin-bottom: 15px;
}
.page-header .nav-collapse .navbar-nav>li {
    border-top: 1px solid #414b54;
}
.page-header .nav-collapse .navbar-nav>li:first-child {
    border-top: none;
}
.page-header .nav-collapse .navbar-nav>li>a {
    position: relative;
}
.page-header .nav-collapse .navbar-nav>li>a:after {
    top: 20px;
    right: 20px;
    color: #8897a1;
    font-size: 16px;
    content: "\f142";
    position: absolute;
    font-weight: 400;
    display: inline-block;
    font-family: "Material Design Icons"}
.page-header .nav-collapse .navbar-nav>li:hover>a:after {
    color: #fff;
}
.page-header .nav-collapse .navbar-nav li.open>a:after {
    color: #6c7b88!important;
    content: "\f140"}
.page-header .nav-collapse .navbar-nav li.selected>a {
    background: #7289DA;
}
.page-header .nav-collapse .navbar-nav li.selected>a:after {
    color: #fff;
}
.page-header .nav-collapse .navbar-nav li.selected.open>a {
    background: #202225;
}
.page-header .nav-collapse .navbar-nav .dropdown-menu>li>a {
    padding: 10px 15px 10px 50px;
}
.page-header .nav-collapse .navbar-nav .dropdown-menu>li>a:hover {
    color: #7289DA!important;
}
.page-header .nav-collapse .navbar-nav .more-dropdown-sub>a:after {
    top: 10px;
    right: 20px;
    color: #6c7b88;
    font-size: 16px;
    content: "\f140";
    position: absolute;
    font-weight: 400;
    display: inline-block;
    font-family: "Material Design Icons"}
.page-header .nav-collapse .navbar-nav .more-dropdown-sub:focus>a, .page-header .nav-collapse .navbar-nav .more-dropdown-sub:hover>a {
    color: #636e77!important;
}
.page-header .nav-collapse .navbar-nav .more-dropdown-sub.open>a:after {
    color: #6c7b88;
    content: "\f140"}
.page-header .nav-collapse .navbar-nav .more-dropdown-sub.open>a:focus {
    color: #636e77;
}
.page-header .nav-collapse .navbar-nav .more-dropdown-sub.open .dropdown-menu {
    margin-left: 15px;
}
}@media (min-width:767px) {
    .page-header .nav-collapse {
    padding: 0;
}
}@media (min-width:992px) {
    .page-header .navbar-fixed-top, .page-header .topbar-actions, .page-on-scroll .page-header .dropdown-menu-v2, .page-on-scroll .page-header .navbar-fixed-top, .page-on-scroll .page-header .topbar-actions {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1);
}
.page-on-scroll .page-header .navbar-fixed-top {
    padding: 10px 25px;
}
.page-on-scroll .page-header .topbar-actions {
    top: 8px;
    right: 25px;
}
.page-on-scroll .page-header .dropdown-menu-v2 {
    margin-top: 21px;
}
.page-header .navbar-fixed-top {
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 25px;
    background: #18191C;
}
.page-header .topbar-actions {
    top: 20px;
    right: 25px;
}
.page-header .navbar-collapse {
    margin-top: 83px;
}
.page-header .navbar-collapse .navbar-nav>li {
    margin-left: 2px;
}
.page-header .navbar-collapse .navbar-nav>li:first-child {
    margin-left: 0;
}
.page-header .navbar-collapse .navbar-nav>li>a {
    -webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -ms-border-top-left-radius: 2px;
    -o-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -ms-border-top-right-radius: 2px;
    -o-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    background-clip: padding-box;
}
.page-header .navbar-collapse .navbar-nav li.opened>.dropdown-menu {
    display: block;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown>a {
    padding-right: 57px;
    position: relative;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown>a:after {
    top: 22px;
    right: 30px;
    color: #6c7b88;
    font-size: 20px;
    content: "\f140";
    position: absolute;
    font-weight: 400;
    display: inline-block;
    font-family: "Material Design Icons"}
.page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu>li, .page-header .navbar-collapse .navbar-nav .more-dropdown:hover>.dropdown-menu {
    display: block;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown:hover>a {
    background: #202225;
    color: #2a3239;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown:hover>a:after {
    color: #fff;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu {
    min-width: 230px;
    padding: 10px auto;
    box-shadow: 5px 5px rgba(102, 102, 102, .1);
}
.page-header .navbar-collapse .navbar-nav .more-dropdown .dropdown-menu>li>a {
    padding: 8px 30px;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown.open>a:after {
    color: #2a3239;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub>a {
    padding: 30px!important;
    position: relative;
    background: inherit;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub>a:after {
    top: 30px;
    right: 10px;
    color: #6c7b88;
    font-size: 16px;
    content: "\f140";
    position: absolute;
    font-weight: 400;
    display: inline-block;
    font-family: "Material Design Icons"}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu>li, .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover>.dropdown-menu {
    display: block;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub:focus>a, .page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover>a {
    color: #7289DA!important;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub:hover>a:after {
    color: #7289DA;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu {
    min-width: 230px;
    padding: 10px auto;
}
.page-header .navbar-collapse .navbar-nav .more-dropdown-sub .dropdown-menu>li>a {
    padding: 8px 30px;
}
}
.breadcrumbs h1, .page-content-row .page-sidebar h3 {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}
@media (max-width:991px) {
    .mega-menu .dropdown-menu {
    left: 0;
    right: 0;
    float: none!important;
    width: auto;
    position: static!important;
}
.mega-menu .dropdown-menu>li {
    display: block!important;
}
}@media (min-width:991px) {
    .mega-menu .collapse, .mega-menu .dropdown-fw, .mega-menu .dropup, .mega-menu .nav {
    position: static;
}
.mega-menu .dropdown-menu-fw {
    left: 15px;
    right: 15px;
}
}.page-content-container {
    overflow: hidden;
}
.page-content-row {
    width: 100%;
    display: table;
    table-layout: fixed;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.page-content-row .page-sidebar {
    display: table-cell;
    vertical-align: top;
    width: 225px;
    min-width: 225px;
    margin: 0;
    padding: 0;
}
.page-content-row .page-sidebar h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    margin: 0 0 15px;
    color: #2a3239;
}
.page-content-row .page-sidebar .navbar-nav {
    float: none;
    padding: 0;
    margin: 0 0 30px;
}
.page-content-row .page-sidebar .navbar-nav>li {
    float: none;
    display: block;
    margin-top: 2px;
}
.page-content-row .page-sidebar .navbar-nav>li:first-child {
    margin-top: 0;
}
.page-content-row .page-sidebar .navbar-nav>li>a {
    display: block;
    color: #6c7b88;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    background: #f4f7f8;
    text-transform: uppercase;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
}
.page-content-row .page-sidebar .navbar-nav>li>a>i {
    color: #5c7b88;
    margin-right: 7px;
}
.page-content-row .page-sidebar .navbar-nav>li>a .label {
    font-size: 11px;
    margin: 1px 0 0;
    float: right!important;
}
.page-content-row .page-sidebar .navbar-nav>li>a .badge {
    margin-top: 1px;
    float: right!important;
}
.page-content-row .page-sidebar .navbar-nav>li>a:hover {
    color: #fff;
    background: #7289DA;
}
.page-content-row .page-sidebar .navbar-nav>li>a:hover>i {
    color: #fff;
}
.page-content-row .page-sidebar .navbar-nav li.active>a {
    color: #fff;
    background: #7289DA;
}
.page-content-row .page-sidebar .navbar-nav li.active>a>i {
    color: #fff;
}
.page-content-row .page-content-col {
    vertical-align: top;
    display: table-cell;
    padding-left: 20px;
}
.page-md .page-sidebar .navbar-nav {
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1);
}
@media (max-width:991px) {
    .navbar-toggle {
    display: inline-block;
    border: none;
    padding-right: 0;
    margin: 8px 0 7px 20px;
}
.navbar-toggle .icon-bar {
    width: 25px;
    background: #606d78;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.page-content-row {
    width: 100%;
    display: block;
}
.page-content-row .page-sidebar {
    overflow-y: hidden;
    display: block;
    height: 0;
    margin-bottom: 20px;
    width: 100%;
    min-width: 100%}
.page-content-row .page-sidebar.in {
    height: auto;
    display: block;
}
.page-content-row .page-content-col {
    padding-left: 0;
    display: block;
}
.page-content-row .page-content-col .page-content {
    padding-top: 0;
}
}

body {
    font-size: 14px;
    background-color: #18191C;
}

.page-portlet-fullscreen .go2top i, .page-portlet-fullscreen .page-quick-sidebar-toggler, .page-portlet-fullscreen .page-quick-sidebar-wrapper {
    z-index: -1;
}
@media (min-width:991px) {
    .wrapper {
    margin: 10px;
    margin-bottom:  0;
}
}
.page-content {
    min-height: 500px;
    margin-bottom: 0px;
    background: #1D1E21;
}
@media (max-width:992px) {
    .page-content {
    margin-top: -1px;
}
}@media (min-width:992px) {
    .page-content {
    margin-top: -4px;
    position: relative;
    -webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -ms-border-top-right-radius: 2px;
    -o-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -ms-border-bottom-left-radius: 2px;
    -o-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -ms-border-bottom-right-radius: 2px;
    -o-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background-clip: padding-box;
}
}.breadcrumbs {
    overflow: hidden;
    margin-bottom: 30px;
    padding-right: 6px;
}
.breadcrumbs h1 {
    margin: 0 20px 0 0;
    float: left;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4;
    color: #2a3239;
}
.breadcrumbs .breadcrumb {
    margin: 0;
    padding: 0;
    text-align: right;
    background: inherit;
}
.breadcrumbs .breadcrumb>li {
    font-size: 13px;
}
.breadcrumbs .breadcrumb>li+li:before {
    top: 2px;
    color: #dfe4e6;
    font-size: 20px;
    content: "\2022";
    position: relative;
    padding: 0 8px 0 5px;
}
.breadcrumbs .breadcrumb>li>a {
    color: #6c7b88;
    text-transform: uppercase;
}
.breadcrumbs .breadcrumb>li>a:hover {
    text-decoration: none;
    color: #7289DA;
}
.breadcrumbs .breadcrumb li.active {
    color: #7289DA;
    text-transform: uppercase;
}
@media (max-width:991px) {
    .breadcrumbs, .breadcrumbs .breadcrumb {
    text-align: left;
}
.breadcrumbs {
    overflow: hidden;
    margin-bottom: 10px;
}
.breadcrumbs h1 {
    float: none;
    margin-bottom: 20px;
}
}.copyright {
    color: #bbb;
    margin-bottom: 5px;
}
@media (max-width:991px) {
    .copyright {
    margin-bottom: 15px;
}
}
.container-page {
    padding:  30px;
    padding-top:  105px;
}
.widget-bg-color-white  {
    background:  #202225;
}
.widget-thumb.bordered  {
    border-color:  #202225;
}
button:focus  {
    outline:  none;
}
span.btn-language {
    border-radius:  50px;
    height:  35px;
    display:  inline-block;
    font-weight:  600;
    padding:  5px 17px 7px;
    color:  #606D78;
    border:  2px solid #606D78;
    margin-top:  10px;
}
span.btn-language:hover, span.btn-language:focus {
    text-decoration:  none;
    transition:  0.3s;
    color:  #8A97A2;
    border-color:  #8A97A2;
}
.body-svg {
    background: url(https://discordapp.com/assets/f35de8ceb4c7be0466509e067b5209a6.svg) top 5% left -20px/246px 518px no-repeat fixed, url(https://discordapp.com/assets/5c8a0eea53ae23a427b61fdb1a2487b6.svg) bottom right -20px/398px 395px no-repeat fixed;
}
.widget-thumb .widget-thumb-wrap .widget-thumb-icon {
    border-radius:  50%;
}
.widget-thumb-body  {
    text-align:  right;
}
.headpage-title {
    color:  #ECECEC;
    width:  100%;
    text-align:  center;
    font-weight:  500;
    margin-bottom:  50px;
}
.headpage-span {
    border-bottom:  3px solid #7289DA;
    padding:  10px;
    padding-left:  20px;
    padding-right:  20px;
}
.frt-index {
    text-align:  center;
    margin:  20px auto;
    height:  auto;
}
.frt-index h2 {
    color:  #CF2644;
    font-size:  3.5rem;
    margin-top:  0%;
    font-weight:  600;

}
p.lor-index  {
    width:  50%;
    margin:  50px auto;
      color:  #9099A4;
}
#tabs-mobile  {
    margin-top:  -11px;
}
@media (max-width: 500px) {
    p.lor-index  {
    width:  100%}
.container, .container-fluid  {
    padding:  0;
}
.page-header .navbar-fixed-top  {
    padding-left:  15px;
    padding-right:  15px;
}
#tabs-mobile  {
    display:  none;
}
}
@media (max-width:991px) {
    .container-page  {
    padding:  20px;
}
}
.frt-index .btn {
    padding:  0 20px;
    height:  50px;
    line-height:  50px;
    color:  #FFF;
}
.btn {
    font-weight:  bold;
    border: 1px solid transparent;
    padding:  10px 20px;
    font-family:  sans-serif;
    color:  #FFF;
    font-size:  13px;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn:focus, .btn.disabled, .btn:disabled {
}
.btn:not([disabled]):not(.disabled):active, .btn:not([disabled]):not(.disabled).active {
    background-image: none;
}
.btn-primary {
    color:  #FFF;
    background-color: #CF2644;
    border-color: #CF2644;
}
.btn-primary:hover {
    color:  #FFF;
    ;
    background-color: #CF2644;
    border-color:  #CF2644;
}
.btn-primary:focus, .btn-primary.focus {
    color:  #FFF;
    -webkit-box-shadow: 0 0 0 .2rem rgba(67, 1129128, 0.5);
    box-shadow: 0 0 0 .2rem rgba(114, 137, 218, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: color-yiq(#7289DA);
    background-color: #7289DA;
    border-color: #7289DA;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    background-color:  #4A68D0;
    border-color: #4766CF;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
    bkit-box-shadow: 0 0 0 .2rem rgba(114, 137, 218, 0.5);
    box-shadow: 0 0 0 .2rem rgba(114, 137, 218, 0.5);
}
.btn-green {
    color:  #FFF;
    ;
    background-color: #43B581;
    border-color: #43B581;
}
.btn-green:hover {
    color:  #FFF;
    ;
    background-color: #3CA374;
    border-color:  #359167;
}
.btn-green:focus, .btn-green.focus {
    color:  #FFF;
    -webkit-box-shadow: 0 0 0 .2rem rgba(67, 1129128, 0.5);
    box-shadow: 0 0 0 .2rem rgba(67, 181, 129, 0.5);
}
.btn-green.disabled, .btn-green:disabled {
    color: color-yiq(#fff);
    background-color: #43B581;
    border-color: #43B581;
}
.btn-green:not(:disabled):not(.disabled):active, .btn-green:not(:disabled):not(.disabled).active, .show>.btn-green.dropdown-toggle {
    background-color:  #359167;
    border-color: #139369;
}
.btn-green:not(:disabled):not(.disabled):active:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .show>.btn-green.dropdown-toggle:focus {
    bkit-box-shadow: 0 0 0 .2rem rgba(67, 181, 128, 0.5);
    box-shadow: 0 0 0 .2rem rgba(67, 181, 128, 0.5);
}
.text-align  {
    text-align:  center!important;
}
.img-in  {
    margin:  20px auto;
}
h3.ico-p {
    color: #CF2644;
    font-size: 2rem;
    font-weight: 600;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focustextarea:-webkit-autofill, textarea:-webkit-autofill:hovertextarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-text-fill-color: #DCDCDC;
    -webkit-box-shadow:  0 0 0px 1000px transparent inset;
    transition:  background-color 5000s ease-in-out 0s;
}
.c-dis {
    color: #7289DA;
}
.ico-p {
    text-align:  center;
    display:  block;
    padding-left:  40px;
    padding-right:  40px;
}
p.ico-p {
    text-align:  center;
    display:  block;
    padding-left:  40px;
    padding-right:  40px;
    margin-top:  25px;
    margin-bottom:  40px;
    min-height:  120px;
    color:  #9099A4;
}
@media(min-width:991px) {
    .container-fluid  {
    max-width:  95%;
}
.page-header, .page-header .navbar-fixed-top {
    max-width:  95%;
    margin:  auto;
}
}
@media(min-width: 1291px) {
    .container-fluid {
    max-width:  85%;
}
.page-header, .page-header .navbar-fixed-top {
    max-width:  85%;
    margin:  auto;
}
}
.frt-index img {
    width:  100%;
    max-width:  699px;
    display:  block;
    margin:  50px auto;
}
.footerBackgroundPrimary-3ouTtT {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    position: relative;
}
path[AttributesStyle] {
    fill: #fff;
    fill-opacity: .9;
}
.bg-footer {
    background: #CF2644;
    padding: 50px;
    padding-bottom: 30px;
    color: #c5cfef;
    margin-top: -5px;
}
.bg-footer h3 {
    color: #fff;
    font-weight: 400;
    font-size: 2.8rem;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.bg-footer hr {
    border-color: #18191c;
}
.btm-footer {
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.bg-footer h4 {
    margin-top:  20px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin-bottom:  15px;
    text-transform: uppercase;
}
.bg-footer i {
    color:  #FFF;
    margin-right:  12px;
}
.footer-cc8 {
    display: block;
    margin-bottom:  10px;
}
.link-004 a {
    color:  #c5cfef;
    display:  block;
    margin-bottom:  8px;
}
.contact-fter {
    font-size:  2rem;
    margin:  8px;
}
.contact-fter i {
    margin-right:  8px;
}
.ff851c {
    margin-bottom: 25px;
    display: block;
}
.igt-r65 {
    height: 96px;
    width: 96px;
    text-align: center;
    color: #dcdcdc;
    position: absolute;
    top: 0;
    left: 15px;
    background: #1b1c1f;
    line-height: 96px;
}
.position_d8 {
    position: absolute;
    left: 40px;
    bottom: 6px;
    font-size: 3rem;
    color: #7289da;
}
.position_discord {
    position: absolute;
    left: 33px;
    top: 25px;
    font-size: 1rem;
    color: #8e9daa;
}
.position_twitch {
    position: absolute;
    left: 36px;
    top: 25px;
    font-size: 1rem;
    color: #8e9daa;
}
.position_minecraft {
    position: absolute;
    left: 25px;
    top: 25px;
    font-size: 1rem;
    color: #8e9daa;
}
#svg8469 {
    margin-left: 86px;
    transform: rotate(90deg);
    height: 96px;
    width: 96px;
    position: absolute;
}
.ml2 h3 {
    color: #7289da;
    font-weight: 500;
    font-size: 2rem;
}
.ml2 span {
    color: #9099a4;
}
.ml2 hr {
    border-top: 1px dashed;
    margin-top: 40px;
}
.ml2 .title {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #7289da;
}
.ml2 h4 {
    color: #9099a4;
    font-weight: 500;
    font-size: 14px;
}
.ml2 h4 span {
    color: #9099a4;
}
.l84-l {
    width: 80%;
    text-align: center;
    display: block;
    margin: 20px auto;
    color: #9099a4;
}
.ml2 {
    text-align: justify;
}
.part-img {
    height: 110px;
    width: 110px;
    display: block;
    margin: auto;
    margin-top: 10px;
    background: #1a1b1e;
    margin-bottom: 15px;
    border-radius: 110px;
}
.title-part {
    font-weight: 700;
    font-size: 20px;
    color: #ececec;
    margin-top: 30px;
}
.desc-part {
    overflow: hidden;
    color: #9099a4;
}
.btn-purple.focus, .btn-purple:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(109, 66, 183, .25);
    box-shadow: 0 0 0 .2rem rgba(109, 66, 183, .25);
    text-decoration: none;
}
.btn-purple.disabled, .btn-purple:disabled {
    opacity: .65;
}
.btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active {
    background-image: none;
    text-decoration: none;
}
.btn-purple {
    color: #fff;
    background-color: #6d42b7;
    border-color: #6d42b7;
}
.btn-purple:hover {
    color: #fff;
    background-color: #5f389e;
    border-color: #593595;
    text-decoration: none;
}
.btn-purple.focus, .btn-purple:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(109, 66, 183, .5);
    box-shadow: 0 0 0 .2rem rgba(109, 66, 183, .5);
}
.btn-purple.disabled, .btn-purple:disabled {
    color: color-yiq(#6d42b7);
    background-color: #6d42b7;
    border-color: #6d42b7;
    text-decoration: none;
}
.btn-purple:not(:disabled):not(.disabled).active, .btn-purple:not(:disabled):not(.disabled):active, .show>.btn-purple.dropdown-toggle {
    background-color: #593595;
    border-color: #4f2f84;
    text-decoration: none;
}
.btn-purple:not(:disabled):not(.disabled).active:focus, .btn-purple:not(:disabled):not(.disabled):active:focus, .show>.btn-purple.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(109, 66, 183, .5);
    box-shadow: 0 0 0 .2rem rgba(109, 66, 183, .5);
}
.gkrt {
    -webkit-columns: 400px;
    -moz-columns: 400px;
    columns: 400px;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}
.gkrp {
    -webkit-columns: 500px;
    -moz-columns: 500px;
    columns: 500px;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}
.gkr4 {
    -webkit-columns: 300px;
    -moz-columns: 300px;
    columns: 300px;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
}
.gtrgtr {
    padding: 1em;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
.vtrg {
    margin: 20px;
    text-align: center;
}
.starred {
    color: #f04747;
}
.block-blue {
    background: #7289da;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
    padding: 20px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 30px;
}
.block-blue span {
    color: #ececec;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 1.5rem;
    overflow: hidden;
    display: inline-block;
    width: calc(100%);
}
.left-cc-0 {
    width: 50px;
    display: inline-block;
    height: auto;
}
.left-cc {
    width: 50px;
    display: inline-block;
    margin-bottom: 20px;
    height: auto;
}
.right-cc {
    width: calc(100% - 60px);
    height: auto;
    float: right;
}
.right-cc p {
    font-weight: 700;
    color: #dcdcdc;
    text-transform: uppercase;
    font-size: 1.1rem;
    margin-bottom: 8px;
    margin-top: 10px;
}
#icon-cc-b {
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 4rem;
    margin-bottom: 10px;
}
#icon-contact {
    font-size: 4rem;
    color: #7289da;
    text-align: center;
}
.categorie-team {
    color: #8e9daa;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.avatar {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    display: inline-block;
}
.img-fluid {
    height: 75px;
    width: 75px;
    border-radius: 50%}
.img-fluid:before {
    content: " ";
    background: red;
    height: 75px;
    width: 75px;
    border-radius: 50px;
}
.img-fluid:after {
    content: "\fa11";
    background: #1d1e21;
    display: block;
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-family: "Material Design Icons";
    text-align: center;
    border-radius: 50px;
    font-size: 4rem;
    color: #606d78;
}
.comment-team {
    width: calc(100% - 90px);
    height: 75px;
    float: right;
    position: relative;
    display: inline-block;
    padding-left: 15px;
}
.comment-team h4 {
    color: #ececec;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
    margin-top: 3px;
    font-size: 1.7rem;
    margin-bottom: 3px;
}
.comment-team .role {
    font-style: italic;
    font-size: 13px;
    color: #8e9daa;
}
.comment-team .discord {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 95%;
    bottom: 0;
    position: absolute;
    font-weight: 600;
    font-size: 13px;
    display: block;
    color: #7289da;
}
.discord i {
    color: #7289da;
    padding-right: 5px;
}
.mt-comment-img i {
    font-size: 2.8rem;
    color: #7289da;
}
.account_avatar {
    height: 130px;
    width: 130px;
    display: block;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 110px;
}
.account_username {
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    color: #ececec;
}
.account_tag {
    display: block;
    text-align: center;
    margin-top: -18px;
}
hr {
    border-top: 1px dashed #32353a;
}
.account_infos {
    line-height: 18px;
    display: block;
    margin-bottom: 15px;
}
.account_infos i {
    font-size: 2.5rem;
    margin-right: 13px;
    float: left;
}
.tuto-content {
    padding: 20px;
    width: 100%}
.tuto-content:hover {
    text-decoration: none;
    background: #292c30;
}
.tuto-icon-d {
    margin-right: 20px;
    height: 80px;
    display: inline-block;
    width: 80px;
    border-color: 5px;
    background: #1d1e22;
    text-align: center;
    line-height: 80px;
}
.tuto-icon-d i {
    font-size: 3rem;
    color: #7289d9;
}
.tuto-right-d {
    display: inline-block;
    position: relative;
    height: 80px;
    width: auto;
}
.tuto-right-d h4 {
    font-weight: 600;
    color: #7289da;
}
.tuto-right-d span {
    color: #9099a4;
}
p.rank-name {
    font-weight: 700;
    color: #7289d9;
    margin-bottom: 10px;
}
small.rank-desc {
    display: block;
    margin-bottom: 30px;
    color: #9099a4;
}
.label-ra {
    display: block;
    margin-bottom: 20px;
}
.starred {
    color: #f04747;
}
.mt-radio {
    color: #6c7b88;
    font-size: 12px;
}
.mt-radio:afer {
    color: #7289d9;
}
.btn-switch {
    font-size: 13px;
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-switch__radio {
    display: none;
}
.btn-switch__label {
    display: inline-block;
    padding: .75em .75em .5em .75em;
    vertical-align: top;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    color: #90959b;
    cursor: pointer;
    transition: color .2s ease-in-out;
}
.btn-switch__label+.btn-switch__label {
    padding-right: .75em;
    padding-left: 0;
}
.btn-switch__txt {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}
.btn-switch__radio_no:checked~.btn-switch__label_yes .btn-switch__txt, .btn-switch__radio_yes:checked~.btn-switch__label_no .btn-switch__txt {
    opacity: 0;
}
.btn-switch__label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #32353a;
    border-radius: 1.5em;
    box-shadow: inset 0 .0715em .3572em rgba(43, 43, 43, .05);
    transition: background .2s ease-in-out;
}
.btn-switch__radio_yes:checked~.btn-switch__label:before {
    background: #7289da;
}
.btn-switch__label_no:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: .5em;
    bottom: .5em;
    left: .5em;
    width: 2em;
    background: #202225;
    border-radius: 1em;
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43, 43, 43, .2), 0 .3572em .3572em rgba(43, 43, 43, .1);
    transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_yes:checked~.btn-switch__label_no:after {
    left: calc(100% - 2.5em);
    background: #fff;
}
.btn-switch__radio_no:checked~.btn-switch__label_yes:before, .btn-switch__radio_yes:checked~.btn-switch__label_no:before {
    z-index: 1;
}
.btn-switch__radio_yes:checked~.btn-switch__label_yes {
    color: #fff;
}
.accordion a.tfaq {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 1.5rem 5rem 1.5rem 2rem;
    border-radius: 5px;
    color: #dcdcdc;
    font-size: 1.8rem;
    margin-bottom: 20px;
    font-weight: 400;
    background: #202225;
}
.accordion a.tfaq:hover {
    cursor: pointer;
    color: #7289da;
    text-decoration: none;
}
.accordion a.tfaq.active {
    color: #7289da;
}
.accordion a.tfaq::after {
    font-family: 'Material Design Icons';
    content: '\f140';
    position: absolute;
    float: right;
    right: 1rem;
    font-size: 2.5rem;
    color: #dcdcdc;
    padding: 5px;
    margin-top: -13px;
    width: 50px;
    height: 30px;
    text-align: center;
}
.accordion a.tfaq.active::after {
    font-family: 'Material Design Icons';
    content: '\f143';
    color: #7289da;
}
.accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    overflow: hidden;
    clear: both;
    -webkit-transition: all .2s ease .15s;
    -o-transition: all .2s ease .15s;
    transition: all .2s ease .15s;
}
.accordion .content p {
    font-size: 13px;
    color: #7288a2;
    margin-top: 0;
}
.accordion .content.active {
    opacity: 1;
    padding: 1rem;
    max-height: 100%;
    -webkit-transition: all .35s ease .15s;
    -o-transition: all .35s ease .15s;
    transition: all .35s ease .15s;
}
.t1 {
    color: #637dd6;
    font-weight: 700;
}
.text-desc {
    color: #9099a4;
}
.block .active {
    background-image: none;
    color: #fff;
}
.btn-green {
    color: #fff;
    background-color: #1bbf89;
    border-color: #1bbf89;
}
.btn-green:hover {
    color: #fff;
    background-color: #18b180;
    border-color: #16a576;
}
.btn-green.focus, .btn-green:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(24, 177, 128, .5);
    box-shadow: 0 0 0 .2rem rgba(24, 177, 128, .5);
}
.btn-green.disabled, .btn-green:disabled {
    color: color-yiq(#1bbf89);
    background-color: #1bbf89;
    border-color: #1bbf89;
}
.btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show>.btn-green.dropdown-toggle {
    background-color: #16a576;
    border-color: #139369;
}
.btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show>.btn-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(24, 177, 128, .5);
    box-shadow: 0 0 0 .2rem rgba(24, 177, 128, .5);
}
.btn-red.focus, .btn-red:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 71, 89, .25);
    box-shadow: 0 0 0 .2rem rgba(216, 71, 89, .25);
    color: #fff;
}
.btn-red.disabled, .btn-red:disabled {
    opacity: .65;
}
.btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active {
    background-image: none;
    color: #fff;
}
.btn-red {
    color: #fff;
    background-color: #d84759;
    border-color: #d84759;
}
.btn-red:hover {
    color: #fff;
    background-color: #cf2c40;
    border-color: #c2293d;
}
.btn-red.focus, .btn-red:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 71, 89, .25);
    box-shadow: 0 0 0 .2rem rgba(216, 71, 89, .25);
}
.btn-red.disabled, .btn-red:disabled {
    color: color-yiq(#d84759);
    background-color: #d84759;
    border-color: #d84759;
}
.btn-red:not(:disabled):not(.disabled).active, .btn-red:not(:disabled):not(.disabled):active, .show>.btn-red.dropdown-toggle {
    background-color: #c2293d;
    border-color: #af2536;
}
.btn-red:not(:disabled):not(.disabled).active:focus, .btn-red:not(:disabled):not(.disabled):active:focus, .show>.btn-red.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(216, 71, 89, .25);
    box-shadow: 0 0 0 .2rem rgba(216, 71, 89, .25);
}
p {
    color: #9099a4;
}
.btn-red, btn-green {
    margin: 10px;
}
@media (max-width:991px) {
    .align-items-center {
    text-align: center;
}
}.white {
    color: #dcdcdc;
}
.box_donateur {
    width: 100%;
    position: relative;
    background: #202225;
    border-radius: 3px;
    margin-bottom: 10px;
}
.img_dona {
    margin: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
}
#imageTemp {
    height: 50px;
    width: 50px;
    border-radius: 50%}
#imageTemp:before {
    content: " ";
    background: red;
    height: 50px;
    width: 50px;
    border-radius: 50px;
}
#imageTemp:after {
    content: "\F66F";
    background: #1d1e21;
    display: block;
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-family: "Material Design Icons";
    text-align: center;
    border-radius: 50px;
    font-size: 2rem;
    color: #606d78;
}

.btn {
    font-weight: 700;
    border: 1px solid transparent;
    padding: 10px 20px;
    font-family: sans-serif;
    font-size: 13px;
    color: #fff;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}
.btn:not([disabled]):not(.disabled).active, .btn:not([disabled]):not(.disabled):active {
    background-image: none;
}
.btn-ban {
    color: #fff;
    background-color: #43b581;
    border-color: #43b581;
}
.btn-ban:hover {
    color: #fff;
    background-color: #3ca374;
    border-color: #359167;
}
.btn-ban.focus, .btn-ban:focus {
    color: #fff;
    -webkit-box-shadow: 0 0 0 .2rem rgba(67, 1129128, .5);
    box-shadow: 0 0 0 .2rem rgba(67, 181, 129, .5);
}
.btn-ban.disabled, .btn-ban:disabled {
    color: color-yiq(#fff);
    background-color: #43b581;
    border-color: #43b581;
}
.btn-ban:not(:disabled):not(.disabled).active, .btn-ban:not(:disabled):not(.disabled):active, .show>.btn-ban.dropdown-toggle {
    background-color: #359167;
    border-color: #139369;
}
.btn-ban:not(:disabled):not(.disabled).active:focus, .btn-ban:not(:disabled):not(.disabled):active:focus, .show>.btn-ban.dropdown-toggle:focus {
    129bkit-box-shadow: 0 0 0 .2rem rgba(67, 181, 128, .5);
    box-shadow: 0 0 0 .2rem rgba(67, 181, 128, .5);
}
.background-1T_Vdb {
    -webkit-transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.link-footer-85 {
    height:  50px;
    width:  50px;
    text-align:  center;
    vertical-align:  middle;
    background:  rgba(255,  255,  255,  .3);
    display:  inline-block;
    border-radius:  5px;
    font-size:  2.3rem;
    padding:  8px;
    margin-right:  8px;
}
.link-footer-85 i {
    margin:  0;
}

/*Anti Selection*/
.unselectable { 
  -webkit-user-select: none; 
  -webkit-touch-callout: none;
  -moz-user-select: none; 
  -ms-user-select: none; 
  user-select: none;
} 

/*Tool */
.tool {
  display: inline-block;
  -webkit-user-select: none;
}
.tool::before {
  content: attr(data-tool);
  position: absolute;
  left: 50%;
  bottom: 100%;
  padding: 8px 12px;
  background: rgba(34,50,84,0.98);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  border-radius: 5px;
  transition: all 0.2s ease;
  transform: translate3d(-50%, 5px, 0) scale(0.5);
}
.tool.active::before {
  opacity: 1;
  transform: translate3d(-50%, -10px, 0) scale(1);
}