@media screen and (min-width: 768px) {
    .Hidden-nav {
        display: none;
    }
}

.markdown pre {
    margin: 0;
    width: 100%;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.shop-table, .shop-zpass {
    width: 100%;
    background: linear-gradient(#a92f2f, #9e2222 38.24%, #8d3838);
    border: 2px solid rgba(64, 9, 9, 0.22) !important;
    border-width: 1px !important;
    -webkit-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    -moz-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
}

.ui.steps .disabled.step, .ui.steps .disabled.step .description, .ui.steps .disabled.step .title {
    color: rgb(255 255 255 / 30%) !important;
}

.ui.menu .item:before {
	width: 0px !important;	
}

.shop-zpass {
    background: linear-gradient(#a92f2f, #9e2222 38.24%, #8d3838) !important;
    text-align: center;
    max-height: 200px;
}

.shop-zpass .img-zpass {
    background: url(/img/zpass-banner.png) no-repeat left;
    width: 100%;
    height: 200px !important;
    background-size: cover;
}

.shop-emotes {
    background: linear-gradient(#a92f2f, #9e2222 38.24%, #8d3838) !important;
    text-align: center;
}

.shop-emotes .img-emotes {
    background: url(/img/emotes-banner.png) no-repeat left;
    width: 100%;
    height: 90px !important;
    background-size: cover;
}

.shop-emotes .form-emotes {
    padding-top: 30px !important;
}

.shop-emotes .title {
    font-size: 20px;
    padding: 3px 10px 0px 10px;
    text-transform: uppercase;
    text-align: center;
    color:white;
    background: linear-gradient(115deg, rgba(126, 42, 39, 1), rgba(128, 20, 20, 1));
    padding: 4px 15px;
    border-radius: 50px;
    font-weight: 100;
    border: 1px solid rgba(240, 22, 22, 0.18);
    color: white;
}

.shop-emotes h2,h5 {
    color: white !important;
    text-align: center;
}

.shop-emotes .img-emotes {
    width: auto;
    height: 100%;
}

.shop-emotes .price {
    margin-top: 20px;
    text-align: center;
}
.shop-emotes .price span {
    font-weight: 800;
    color: white;
    margin-right: 4px;
    margin-left: 4px;
}

.shop-emotes .price small {
    color: white;
    opacity: 0.7;
}

.shop-zpass .form-zpass {
    padding-top: 30px !important;
}

.shop-zpass .title {
    font-size: 20px;
    padding: 3px 10px 0px 10px;
    text-transform: uppercase;
    text-align: center;
    color:white;
    background: linear-gradient(115deg, rgba(126, 42, 39, 1), rgba(128, 20, 20, 1));
    padding: 4px 15px;
    border-radius: 50px;
    font-weight: 100;
    border: 1px solid rgba(240, 22, 22, 0.18);
    color: white;
}

.shop-zpass .img-zpass {
    width: auto;
    height: 100%;
}

.shop-zpass .price {
    margin-top: 20px;
    text-align: center;
}
.shop-zpass .price span {
    font-weight: 800;
    color: white;
    margin-right: 4px;
    margin-left: 4px;
}

.shop-zpass .price small {
    color: white;
    opacity: 0.7;
}

.shop-table .advantage-title {
    background: rgb(128, 34, 37);
    text-transform: uppercase;
    color:white;
}

.shop-table .advantage-title td {
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}

.shop-table th {
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}

.shop-table thead th {
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
}

.shop-table tfoot th {
    padding-top: 20px;
    color: white;
}

.shop-table thead th, .shop-table .price-line td, .shop-table td:not(:first-child), .shop-table tfoot th {
    text-align: center;
}

.shop-table .price-line td {
    padding-bottom: 10px;
}

.shop-table .price-line td span {
    font-weight: 800;
    color: white;
    margin-right: 4px;
}

.shop-table .price-line td small {
    color: white;
    opacity: 0.7;
}

.shop-table thead th span {
    background: linear-gradient(115deg, rgba(126, 42, 39, 1), rgba(128, 20, 20, 1));
    padding: 4px 15px;
    border-radius: 50px;
    font-weight: 100;
    border: 1px solid rgba(240, 22, 22, 0.18);
    color: white;
}

.shop-table td:first-child {
    padding-left: 10px;
}

.shop-table td.enabled-property .basic {
    padding: 5px !important;
}

.shop-table {
    margin-top: 20px;
    min-width: 786px;
}

.hidden-property {
    display: none !important;
}

.no-zpass.button {
    background: linear-gradient(234deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.24));
    color: white;
    opacity: 0.6;
}

.zpass.button {
    background: linear-gradient(234deg, rgba(255, 200, 72, 0.74), rgba(255, 146, 0, 0.82));
    color: white;
    opacity: 0.6;
}

.no-zpass.button:hover, .no-zpass.button:active, .no-zpass.button.active {
    background: linear-gradient(234deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.24)) !important;
    color: white !important;
    opacity: 1;
}

.zpass.button:hover, .zpass.button:active, .zpass.button.active {
    background: linear-gradient(234deg, rgba(255, 200, 72, 0.74), rgba(255, 146, 0, 0.82)) !important;
    color: white !important;
    opacity: 1;
}

.shop-table td.enabled-property .zpass-kit {
    background: linear-gradient(234deg, rgba(255, 200, 72, 0.74), rgba(255, 146, 0, 0.82)) !important;
    color: white;
    display: inline-flex;
    border-radius: 10px !important;
    margin-left: 2px !important;
    padding: 0px 6px 2px 6px;
    vertical-align: middle;
}

.shop-table td.enabled-property .zpass:not(.no-effect) {
    background: linear-gradient(234deg, rgba(255, 200, 72, 0.74), rgba(255, 146, 0, 0.82)) !important;
    padding: 5px !important;
}

.shop-table tbody tr:not(.price-line):not(.advantage-title):not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.shop-table .zpass-property td:not(:first-child) {
    padding: 0px !important;
}

.shop-table tr:not(.advantage-title):not(.price-line) td{
    font-weight: 100;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    color: white;
}

.shop-table .enabled-property img {
    width: auto; 
    height: 20px;
    margin-top: 5px;
    margin-bottom: -1px;
}

.shop-table .enabled-property {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.shop-table tr:not(.advantage-title) td:nth-child(2n), .shop-table thead th:nth-child(2n), .shop-table tfoot th:nth-child(2n) {
    background: rgba(255, 255, 255, 0.08);
}

.shop-product {
    background: linear-gradient(#a92f2f, #9e2222 38.24%, #8d3838) !important;
    color:white !important;
    box-sizing: border-box !important;
    -webkit-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    -moz-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    border: 2px solid rgba(64, 9, 9, 0.22) !important;
    border-width: 1px !important;
}

@media screen and (min-width: 1200px) {
    .shop-product {
        width: 250px !important;
        margin: 0px 8px 16px 8px !important;
    }
}

@media screen and (min-width: 928px) and (max-width: 1200px) {
    .shop-product {
        width: 300px !important;
        margin: 0px 10px 20px 10px !important;
    }
}

@media screen and (min-width: 567px) and (max-width: 928px) {
    .shop-product {
        width:250px !important;
        margin: 0px 6px 12px 6px !important;
    }
}

@media screen and (max-width: 567px) {
    .shop-product {
        margin: 0px auto 12px auto !important;
    }
}

.shop-product .top-right {
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: .28571429rem !important;
}

.ui.error.message.top-message {
    background: linear-gradient(rgb(212, 68, 68) 0.42%, rgb(171, 39, 39));
}

.ui.info.message.top-message {
    background: linear-gradient(rgb(62, 168, 211) 0.42%, rgb(67, 203, 194));
}

.ui.success.message.top-message {
    background: linear-gradient(rgb(94, 175, 93) 0.42%, rgb(102, 182, 95));
}

.ui.warning.message.top-message {
    background: linear-gradient(rgb(211, 181, 62) 0.42%, rgb(203, 171, 67));
}

@media screen and (max-width: 767px) {
    .body {
        margin-top: 15px !important;
    }

    #messages-id {
        background: none !important;
        width: 100% !important;
        z-index: 1000000 !important;
        margin: 0px 0px 10px 0px !important;
    }

    #messages-id p {
        margin: 0px !important;
        color: white !important;
    }
}

@media screen and (min-width: 768px) {
    #messages-id {
        position: absolute !important;
        top: 30px  !important;
        right: 0px  !important;
        background: none  !important;
        max-width: 400px !important;
        z-index: 1000 !important;
    }

    #messages-id p {
        color: white !important;
    }
}


#messages-id .close {
    position: absolute;
    top: 6px;
    right: 6px;
    color: white;
    cursor: pointer;
}

.ui.message.top-message {
    border: 2px solid rgba(27, 26, 26, 0.46) !important;
    border-width: 2px !important;
    border-radius: 10px !important;
    box-shadow: 0 0 0 1px rgba(5, 5, 5, 0.25) inset,0 0 0 0 rgba(11, 10, 10, 0.36);
}

.ui.message.top-message .header {
    color: rgba(0, 0, 0, 0.42) !important;
}

.shop-product .top-left {
    position: absolute;
    top: -5px;
    left: -5px;
    background: linear-gradient(rgb(122, 20, 20), rgb(63, 2, 2));
    padding: 10px;
    border-radius: 100px;
    color: white;
    border: 2px solid rgb(147, 82, 82);
    -webkit-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    -moz-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
    box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19) !important;
}


.shop-product .header {
    color: white !important;
    font-family: Titillium Web,sans-serif !important;
}

.label.zephyr {
    background: linear-gradient(rgb(228, 133, 34), rgba(235, 131, 111, 0.99));
    color: white;
}

.categoryshop {
    padding: 10px 0px;
    margin: 10px 10px;
    background: linear-gradient(#a92f2f, #9e2222 38.24%, #8d3838);
    border: 2px solid rgba(64, 9, 9, 0.22) !important
    border-width: 1px !important;
    box-sizing: border-box !important;
    -webkit-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19);
    -moz-box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19);
    box-shadow: 5px 5px 4px rgba(14, 14, 14, 0.19);
}

.footer .header {
    color: #ff9800 !important;
}

.ui.secondary.pointing.menu.shop-page .item {
    background: rgba(207, 98, 98, 0.25) !important;
    border: none;
    border-radius: 0px !important;
    padding-left: 10px;
    opacity: 1;
    color: white !important;
    font-size: 15px;
    margin-top:4px;
    margin-bottom: 4px;
}

.ui.secondary.pointing.menu.shop-page .item.active {
    background: rgba(255, 255, 255, 0.16) !important;
    color: white !important;
}

.footer .column.links a:hover {
    margin-left: 7px;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

#copyrightSK {
    opacity: 0.3;
    font-size: 16px;
    font-weight: 600;
}

#stats-footer {
   font-size: 16px;
   padding-left: 17px;
   margin-bottom: 0px;
   margin-top: 18px;
}

#stats-footer li {
   margin-bottom: 11px;
}

.membres-item {
    background: linear-gradient(#903131, #702b2b) !important;
    padding: 0 !important;
    margin: 20px !important;
}

.ui.container > .ui.header {
    display: inline !important;
    color:white !important;
}

.ui.container > .ui.header .sub.header {
    color:white !important;
}

.body-content a:not(.button) {
    color: #FF9800 !important;
}

.ui.segment {
    background: none;
}

.ui.secondary.segment {
    background: #561617;
    color: white;
}

.body-content a:not(.button):hover {
    color: #f6c602 !important;
}

.body-content label {
    color: white !important;
}

.body-content .main-card {
    background: none !important;
}

::-webkit-scrollbar { width: 0 !important }

html{ 
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;   
}

.disable-img {
    pointer-events: none !important;
}

@media screen and (max-width: 1200px) {
    #voteSteps .description {
        display:none;
    }
}

@media screen and (min-width: 768px) {
    .post-title {
        position: absolute;
        top: -13px;
        left: 50%;
        transform: translate(-50%, 0px);
    }
}

@media screen and (max-width: 767px) {
    .post-title {
        position: inherit;
        left: 50%;
        font-size: 1.35rem;
        transform: translate(-50%, 0px);
        margin: 5px;
    }
    .segment-news {
        padding: 14px 0px !important;
    }
}

#particles-js {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.4);
}

.anti-drag {
    user-drag: none !important;
    user-select: none !important;
    -moz-user-select: none !important;
    -webkit-user-drag: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
}

.main-logo {
    margin-left: 0px;
    margin-right: auto;
    max-height: 260px;
    margin-top: 160px;
}

.masthead.segment {
    min-height: 700px;
    padding: 1em 0;
}

.segment-news {
    background: #2727271c !important;
    color: #fabb00 !important;
}

.posts.comment {
    background: #ff89881a!important;
    color: white !important;
    border: 1px solid white !important;
    border-image: linear-gradient(180deg,#ff980012,#a87e2754) stretch !important;
    border-image-slice: 1 !important;
    border-width: 1px !important;
    box-sizing: border-box !important;
}

.posts.comment > .content > .text.markdown {
    color: white !important;
}

.posts.comment > .content > .text {
    color: white !important;
}

.posts.comment > .content > .metadata {
    color: rgb(255 255 255 / 55%);
}

.zcolor-bg {
    color: white !important;
    background: #e79112 !important;
}

.ui.zcolor.segment:not(.inverted) {
    border-top: 2px solid #e79112;
}

.zcolor-border{
   border-color: #e79112 !important;
}

.ui.inverted.segment.masthead {
    background: url(/img/d.webp);
    background-size: cover;
    position: revert;
    border-bottom: 3px solid #ff9800 !important;
    border-bottom-width: 3px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(255, 152, 0) !important;
}

.ui.inverted.vertical.masthead.center.aligned.segment {
    margin-bottom: 14px;
}

.txt-maj {
    text-transform: uppercase!important;
}


@media only screen and (max-width: 767px) {
    .membres-item-subitems {
        padding: 5px 10px 20px 10px !important;
    }

    .sixteen.wide.column.membres-item {
        padding-top: 0px !important;
    }
}

.membres-item-header {
    padding: 10px;
    font-weight: 600;
    font-size: 1.2rem;
    color: #ffffff;
    background: #6a191d;
}

@media only screen and (min-width: 768px) {
    .membres-item-subitems {
        padding: 5px 0px 20px 0px !important;
    }
}

#signature-content .CodeMirror {
    height: 100px !important;
    min-height: 100px !important;
}

.editor-toolbar {
    opacity: 1 !important;
    background: rgb(136, 29, 29) !important;
    border-color: rgba(205, 205, 205, 0.24) !important;
}

.membres-item-subitem-header-textaction {
    color: white !important;
    font-size: 2.9rem !important;
}

.membres-item-header-icon {
    display: table-cell !important;
}

.membres-item-header-title {
    display:table-cell;
    vertical-align: middle;
    padding-left: 5px;
}

.membres-item-subitem {
    padding: 5px !important;
}

.membres-item-subitem-header {
    text-align: center !important;
    width: 100%;
    background: #96363aff;
    color: #ffffff;
}

.membres-item-subitem-header-title {
    text-align: center !important;
    width: 100%;
    padding: 9px;
    background: #852428;
    color: #ffffff;
    font-size: 16px;
    font-weight: 800;
}

.membres-item-subitem-header-action {
    position: absolute !important;
    left: 100% !important;
    transform: translate(calc(-100% - 18px), -10px) !important;
    background: none !important;
    color: white !important;
}

@media only screen and (max-width: 767px) {
    .membres-item-subitem-header-action-normal {
        position: absolute !important;
        left: 100% !important;
        transform: translate(-120%, -2px);
        background: none !important;
        color: white !important;
    }
}

@media only screen and (min-width: 768px) {
    .membres-item-subitem-header-action-normal {
        position: absolute !important;
        left: 100% !important;
        transform: translate(calc(-100% - 20px), -2px);
        background: none !important;
        color: white !important;
    }
}

.membres-history-main-card-content {
    width: 100% !important;
    margin: 0px 15px 10px 15px !important;
}

.membres-history-table {
    border: 3px solid rgba(138, 41, 41, 0.93) !important;
    border-collapse: collapse !important;
}

.margin-seven {
    margin: 7px;
}

.membres-history-value-positive {
    color: rgb(161, 254, 138)!important;
}

.membres-history-value-negative {
    color: rgb(252, 134, 134)!important;
}

.membres-history-table th {
    background: #993232 !important;
    color: #ffffff !important;
    text-align: center !important;
    font-size: 1.1rem !important;
}

.membres-history-table td {
    background: #912c2ce3 !important;
    color: #ffffff;
    text-align: center !important;
    font-size: 1.1rem !important;
}

.ui.secondary.pointing.menu.member-page .item {
    background: none !important;
    margin: 0px 2px !important;
    border-radius: 30px !important;
    color: #ffffff;
    opacity: 0.6;
}
@media only screen and (max-width: 767px) {
    .ui.secondary.pointing.stackable.menu.member-page .item {
        background: none !important;
        margin: 2px 2px !important;
        border-radius: 30px !important;
        justify-content: center;
        color: #ffffff;
        opacity: 0.6;
    }
    .absbg {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) {
    .membres-item.split-two {
        width: 42.5%!important;
    }
}

.ui.secondary.pointing.menu.member-page {
   border-bottom: none!important;
}

.ui.secondary.pointing.menu.member-page .item:hover {
    color: #ffffff!important;
    border: none;
    opacity: 1 !important;
}

.ui.secondary.pointing.menu.member-page .item.active {
    color: #ffffff!important;
    border: none;
    text-decoration: underline;
    opacity: 1 !important;
}

.membres-item-header-action {
    position: absolute !important;
    left: 100% !important;
    transform: translate(-100%, -8px) !important;
    background: none !important;
    color: white !important;
}

.membres-item-subitem-content {
    margin-top: 9px;
    padding: 0px 10px 10px 10px;
}

.ui.segment.stepp {
    margin: 0px !important;
    background: #78272b !important;
    border-color: rgba(34,36,38,.15) !important;
}

.login-icon {
    color: #fbc100;
    opacity: 0.6 !important;
}

.login-button, .register-button {
    position: relative;
    background: transparent;
    padding: 8px;
    border: none;
    color: #fbc100;
    width: 100px;
    height: 39px;
    font-size: 15px;
    outline: 0px;
}

.ui.error.message{
    color: white !important;
}

.ui.form>.ui.error.message {
    margin-top: 0px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.no-padding {
    padding: 0px !important;
}

.login-button:hover, .register-button:hover {
    color: #fbc100;
}

.login-button:after, .register-button:after{
  content: '';
  position: absolute;
  width: 0; height: 2px;
  display: block;
  margin-top: 5px;
  left: 50%;
  transform: translateX(-50%);
  margin-left: auto;
  margin-right: auto;  
  background: #fbc100;
  transition: width .5s ease;
  -webkit-transition: width .5s ease;
}
 
.login-button:hover:after, .register-button:hover:after{
  width: 75%;
  left: 50%;
  transform: translateX(-50%);
  margin-left: auto;
  margin-right: auto;  
  background: #fbc100;
}

#loginBar {
    background-color: #600908!important;
}

#usernameHeader {
    font-size:1.25em; 
    margin-left:auto; 
    margin-right:auto;
    margin-bottom: 1px;
}

#popupMember {
    width:16em;
    padding-left:48px;
    padding-top:5px;
    padding-bottom:5px;
    background-color: #510807;
    font-weight: 400;
    font-family: Titillium Web,sans-serif !important;
}

.item-more {
    margin-right: 7px !important;
    margin-left: 7px !important;
    font-size: 18px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    font-family: Titillium Web,sans-serif !important;
    color: #ffc860 !important;
    text-align: center !important;
}

.player-number {
    color: #ffc860 !important;
}

.player-number.text {
    font-family: Titillium Web,sans-serif !important;
    text-transform: none!important;
    font-size: 15px;
    font-weight: 400;
}

.navig.menu {
    height: 15px !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    border: 2px solid white !important;
    border-image: linear-gradient(180deg,#ff9800,#a87e27) stretch !important;
    border-image-slice: 1 !important;
    border-width: 2px !important;
    box-sizing: border-box !important;
    background: rgb(128 13 12) !important;
}

.ui.inverted.vertical.footer.segment {
    padding-bottom:0px !important;
}

@media only screen and (max-width: 900px) {
    .headerlogo {
        display:none !important;
    }
    .ui.large.secondary.pointing.navig.menu {
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

@media only screen and (max-width: 1200px) {
    .ui.large.secondary.pointing.navig.menu a.item-more {
        padding:14px !important;
    }
}

.headerlogo {
    border-left:none !important;
}

.ui.menu {
    border:none;
}

.headerlogo:active {
    background: none !important;
}

.headerlogo:hover {
    background: none !important;
}

.ui.fluid.popup.bottom.right {
    top: 43px !important;
    left: auto !important;
    bottom: auto !important;
    width: 224px !important;
    border: 1px solid #ff9800 !important;
    background-color: #510807 !important;
}

.icon-nav {
    width: 20px!important;
    height: 20px!important;
    margin-right: 5px!important;
}

.ui.bottom.right.popup:before {
    box-shadow: -1px -1px 0 0 #ff9800 !important;
    background: #510807!important;
}

#copyrightBar {
    background-color: #600908!important;
    margin-top: 14px !important;
    padding: 10px !important;
    font-weight: 400 !important;
}

#copyrightLinks {
    max-width: 900px;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
}

.uppercase {
    text-transform: uppercase!important;
}

.reduced>p {
    font-size: 13px!important;
}

.footer-grey {
    color: #bbb;
}

.ui.secondary.pointing.menu .item {
    align-self: auto!important;
}

.right.menu:not(.pagination)>.item {
    padding: 3px!important;
}

#navBar {
    margin: 0!important;
}

.ui.patch {
    background: none !important;
}

.patch {
    border-radius: 0!important;
    box-shadow: none !important;
}

.ui#content {
    padding-top: 45px;
}

#connected {
    color: #fff!important;
    font-size: 13px!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    margin-top:auto;
    margin-bottom:auto;
}

.right {
    float: right;
}

.red {
    color: #db2828;
}

::-webkit-scrollbar {
    width: 12px;
    height: 5px;
    background-color: #eee;
}

::-webkit-scrollbar-track {
    background-color: #2B292A;
}

::-webkit-scrollbar-thumb {
    background-color: #eee;
}

body {
    background: linear-gradient(#000000, #a12727 0%, #441818);
    background-size: cover;
    font-family: Titillium Web,sans-serif !important;
    background-attachment: fixed;
}

.body {
    padding-bottom: 20px;
    position: relative !important;
    color: white;
    margin-top: 35px;
}

button, a:not(.fa):not(i){
    font-family: Titillium Web,sans-serif !important;
}

.ui.grid, .ui.header, .ui.steps, .ui.message, .ui.button, .ui.card, .ui.cards, .shop-card, .card, h1, h2, h3, h4, h5, .title, p, span, small {
    font-family: Titillium Web,sans-serif !important;
}

.body-content{
    background: linear-gradient(180deg,#762626,#851718 10%,#581d1d);
    padding: 15px 30px 30px 30px;
    border: 2px solid white !important;
    border-image: linear-gradient(180deg,#ff9800,#a87e27) stretch !important;
    border-image-slice: 1 !important;
    border-width: 2px !important;
    box-sizing: border-box !important;
}

h1 {
    color: rgba(15, 41, 72, 0.74) !important;
}

.ui.progress .bar {
    min-width: 0;
}

.menu-right {
    float: right;
    margin-right: 13px;
    margin-top: -113px;
}

.nav-down {
    margin-top: 118px;
    margin-bottom: 62px !important;
}

.container-menu {
    margin-left: auto;
    margin-right: auto;
}

#logo {
    width: 307px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    display: none;
}

img.zoomEffect {
    margin-top: 12px;
    position: absolute;
    z-index: 1010;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    opacity: 1;
}

img.zoomEffect:hover {
    -moz-transform: rotate(5deg) scale(1.10);
    -webkit-transform: rotate(5deg) scale(1.10);
    -o-transform: rotate(5deg) scale(1.10);
    -ms-transform: rotate(5deg) scale(1.10);
    transform: rotate(0deg) scale(1.10);
    opacity: 1;
}

.menu {
    margin-top: 70px;
}

.page {
    margin-left: auto;
    margin-right: auto;
}

.news-home {
    background-color: rgba(255, 255, 255, 0.91);
    margin-bottom: 22px;
}

.panel-heading {

    color: white;
}

.user-side {
    margin-bottom: 5px;
}

.user-side button {
    width: 100%;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.nofloat {
    float: none !important;
}

.navbar {
    width: 100%;
}

.right-nav ul li {
    margin-right: 3px;
}

.date-index {
    margin-top: -20px;
    float: right !important;
    margin-right: 8px;
}

.pseudo-index {
    margin-top: 32px;
    margin-left: 5px;
}

.comments {
    margin-left: 10px;
}

.coin-side {
    margin-top: -20px;
    float: right;
}

.shop-item:hover {
    z-index: 2 !important;
    background-color: rgba(70, 136, 71, 0.08);
}

.shop-tab {
    border: none !important;
    box-shadow: none !important;
}

.shop-addpoints-div {
    padding: 10px;
    background: #d02f36;
    border-radius: 10px;
    display: table;
    color: #ffd88c;
}

.shop-addpoints-div span {
    font-size: 1.1rem;
    font-weight: 400;
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.shop-addpoints-div a{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.shop-card {
    margin-left: auto !important;
    margin-right: auto !important;
}

.shop-item {
    margin-right: 0px !important;
    border: 5px solid #DDD;
    cursor: pointer;
    text-align: center;
    margin: 56px;
    box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;
    background-color: rgba(70, 136, 71, 0);
    color: #000;
    padding: 5px;
    height: 258px;
    width: 160px;
    position: relative;
    float: left;
    margin-left: 18px;
}

.shop-item .image img {
    width: 128px;
    height: 165px;
}

.comment {
    border: 2px solid rgba(130, 109, 109, 0.32) !important;
    background: rgba(190, 159, 159, 0.12) !important;
    padding: 10px !important;
    color:white !important;
}

.comment .author{
    color:white !important;
}

.comment .metadata{
    color:white !important;
    opacity: 0.7;
}

.comment .text{
    color:white !important;
}

.comment:nth-child(1) {
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.comment:nth-child(2n+2) {
    margin-left: 20px;
    margin-right: 20px;
    background-color: #eee;
    border-radius: 5px;
    margin-bottom: 10px;

}

.comment:nth-child(1n+2) {
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.text-coment {
    width: 95% !important;
    margin-left: 20px !important;
}

.img-com {
    border-radius: 0 0 50px 0;
}

.p-com {
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.wiki-item {
    float: left;
    width: 205px;
    height: 122px;
    padding: 15px;
    margin-left: 36px;
    margin-bottom: 58px;
}

.wiki-menu {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

a.bulle {
    position: relative;
    color: #396a86;
    text-decoration: none;
    font-family: arial, verdana, sans-serif;
    text-align: center;
    font-size: 11px;
}

a.bulle:hover {
    background: none;
    z-index: 50;
}

a.bulle span {
    display: none;
}

a.bulle:hover span {
    display: block;
    position: absolute;
    top: -95px;
    left: 1px;
    font-family: arial, verdana, sans-serif;
    text-align: justify;
    font-size: 12px;
    font-weight: normal;
    width: 227px;
    min-height: 103px;
    background: white;
    padding: 5px;
    border: 1px solid #a2521d;
    border-left: 10px solid #a2521d;
}

.desc-item {
    background-color: #a2521d;
    width: 230px;
    margin-left: 0px;
    height: 28px;
}

.desc-item p {
    font-size: 18px;
    color: #fff;
}

#advantage table a:link {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

#advantage table a:visited {
    color: #999999;
    font-weight: bold;
    text-decoration: none;
}

#advantage table a:active, #advantage table a:hover {
    color: #bd5a35;
    text-decoration: underline;
}

#advantage table {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
    background: #eaebec;
    margin: 10px auto 10px auto;
    border: #ccc solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
    box-shadow: 0 1px 2px #d1d1d1;
}

#advantage table th {
    padding: 2px 6px 3px 6px;
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #e0e0e0;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
    background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

#advantage table th:first-child {
    text-align: left;
    padding-left: 20px;
}

#advantage table tr:first-child th:first-child {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

#advantage table tr:first-child th:last-child {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

#advantage table tr {
    text-align: center;
    padding-left: 20px;
}

#advantage table tr td:first-child {
    text-align: left;
    padding-left: 20px;
    border-left: 0;
}

#advantage table tr td {
    padding: 2px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    background: #fafafa;
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
    background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

#advantage table tr.even td {
    background: #f6f6f6;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
    background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

#advantage table tr:last-child td {
    border-bottom: 0;
}

#advantage table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#advantage table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#advantage table tr:hover td {
    background: #f2f2f2;
    background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
    background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.part-block {
    width: 300px;
    display: inline-block;
    background-color: rgb(255, 232, 231);
    padding: 12px;
    margin-left: 25px;
    margin-bottom: 5px;
    float: left;
    margin-top: 25px;
}

.part-block p {
    text-align: center;
    margin-top: -105px;
    font-family: cursive;
    width: 162px;
}

.part-block img {
    background-color: #fafbfc;
    border: 1px solid #b0b0b0;
    margin: 0 0 10px 10px;
    padding: 5px;

}

.englob-part {
    float: right;
}

.staff {
    background-color: rgba(114, 167, 223, 0.24);
    float: left;
    border-radius: 8px;
    margin: 17px;
    padding: 5px;
}

.staff img {
    margin-left: 22px;
    border-radius: 15px;
}

.name-staff {
    text-align: center;
}

.grade-staff {
    text-align: center;
}

.title-staff {
    text-align: center;
    color: #52A7DF;
    margin-top: 20px;
    margin-bottom: 30px;
}

.hr-part {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #E62117;
}

.step.active {
    background: #78272b !important;
    color: white;
}

.step:not(.completed) .description {
    color: white !important;
}

.step.completed .description {
    color: #21BA45 !important;
}

.step.completed {
    background: #78272b !important;
    color: #21BA45 !important;
}

.step:not(.active):not(.completed) {
    background: #68272b !important;
    color: white !important;
    opacity: 0.6;
}

#supportticketcreate small {
    color:white;
}

#supportticketcreate .main-card-header {
    color:white;
}

.step.active .title {
    color: white !important;
}

#checkout1 .ui.card {
    color: #ffb800;
    border-image: linear-gradient(180deg,#ff9800,#a87e27) stretch !important;
    border-image-slice: 1 !important;
    border-width: 2px !important;
    border-radius: 2px;
    background: linear-gradient(162deg, #a63232, #852c2d 99.16%);
    -webkit-box-shadow: inset 20px 20px 20px -20px rgba(255, 152, 0, 0.18) !important;
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8) !important;
}

#checkout1 .ui.card .header {
    color: white !important;
}

#checkout1 .ui.button {
    border-radius: 0 !important;
}

#checkout1 .ui.card .label {
    background: linear-gradient(204deg, #8f2e2e, #732828 99.16%) !important;
    color: white !important;
    border-image: linear-gradient(180deg,#ff9800,#a87e27) stretch !important;
    border-image-slice: 1 !important;
    border-width: 2px !important;
    border-radius: 2px;
}

.step.active::after {
    background: #78272b !important;
}

.step.active i {
    color: white !important;
}

.price-plan {
    background-color: rgba(250, 252, 255, 0.1) !important;
    border-radius: 4px;
    padding: 40px 20px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin: 0 auto 18px auto;
}

.price-plan .plan-title {
    text-align: left !important;
    margin-top: 3px !important;
    font-weight: 400;
    text-decoration: underline;
}

.text-light {
    color: #FFF;
}

.price-plan .price {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.18);
    border-radius: 70px;
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.price-plan .amount-container {
    padding: 35px 0 0;
}

.price-plan .currency {
    left: -7px;
    line-height: 14px;
    position: relative;
    top: -8px;
}

.price-plan .amount {
    font-size: 40px;
    font-weight: bold;
    margin: 0 0 0 -10px;
}

.price-plan .period {
    font-size: 12px;
    line-height: 14px;
    margin: -3px 0 0;
}

.text-shadow-dark {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.text-center {
    text-align: center;
}
.ui.table.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.ui.table td.text-left {
    text-align: left;
}

.price-plan .plan-features {
    padding: 0px;
    text-align: left !important;
    margin-top: 8px !important;
    font-size: 1.1rem !important;
    margin-bottom: 8px !important;
}

.price-plan li {
    line-height: 30px;
}

.plan-gold {
    background-color: #69BDD1;
}

.plan-advanced {
    background-color: #9ACE7A;
}

.price-plan:hover {
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.img-price img {
    width: 70px;
    margin-top: -27px;
    margin-left: 7px;
}

/*
.shopitem::before, .shop-item.sold::before {
  content: '';
  position: absolute;
  border: 20px solid white;
  border-left: none;
  border-bottom: none;
  width: 126px;
  height: 126px;
  z-index: 10;
  top: -25px;
  right: -25px;
}

.shopitem::after {
  content: 'Acheté !';
  background: #277554;
  color: white;
  padding: 2px 0;
  width: 150px;
  position: absolute;
  top: 28px;
  right: -35px;
  -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
}
.shopitem.sold:not(.bought)::after{
  content: attr(data-pourcent);
  background: #AA3939;
  color: white;
  padding: 2px 0;
  width: 150px;
  position: absolute;
  top: 28px;
  right: -35px;
  -webkit-transform: rotateZ(45deg);
        transform: rotateZ(45deg);
}*/

@media (min-width: 768px) {
    .navbar .left-nav {
        width: calc(50%);
    }

    .navbar .left-nav li {
        width: 33.333%;
    }

    .navbar .right-nav {
        width: calc(50%);
    }

    .navbar .right-nav li {
        width: 33.333%;
    }
}

@media (min-width: 1200px) {
    .navbar .left-nav {
        width: calc(50% - 170px);
    }

    .navbar .right-nav {
        width: calc(50% - 170px);
    }

    #logo {
        display: block;
    }
}

.image-shop {
    width: 312px;
    height: 312px;
    border-color: #04101C;
    padding: 8px;
    background: rgba(214, 219, 217, 1);
    border-width: 1px;
    border-style: solid;
    margin-left: auto;
    margin-right: auto;
}

.image-shop img {
    width: 100%;
    height: 100%;
}

.descrp-shop, .buy-item-top {
    text-align: center;
    width: 69%;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(150, 178, 202, 0.16);
    padding: 15px;
    margin-top: 10px;
}

.buy-item-top {
    -webkit-border-radius: .28571429rem;
    -moz-border-radius: .28571429rem;
    border-radius: .28571429rem;
    width: 100%;
    display: inline-block;
}
.descrp-shop, .descrp-quantity, .buy-quantity {
    width: 100%;
    display: inline-block;
}
.buy-item-top h4 {
    font-weight: bold !important;
}

@media only 

@media only screen and (min-width: 568px) {
    .buy-item-top {
        width: 100%;
        background: #dd6250;
        border: 3px solid #d02f36;
        color: #ffd88c;
    }

    .descrp-shop, .descrp-quantity {
        width: 100%;
        background: #ffd88c;
        border: 3px solid #d02f36;
        color: black;
    }

    .buy-quantity {
        width: 100%;
        background: #ffd88c;
        color: black;
    }
}

@media only screen and (max-width: 567px) {
    .buy-item-top {
        background: rgba(150, 178, 202, 0.16);
        color: white;
    }

    .descrp-shop, .descrp-quantity {
        background: rgba(150, 178, 202, 0.16);
        color: white;
    }

    .buy-quantity {
        background: rgba(150, 178, 202, 0.16);
        color: white;
    }
}

@media only screen and (max-width: 768px) {
    .no-padding-bottom-mobile {
        padding-bottom: 0px !important;
    }

    .no-padding-top-mobile {
        padding-top: 0px !important;
    }

    .no-padding-left-mobile {
        padding-left: 0px !important;
    }

    .no-padding-right-mobile {
        padding-right: 0px !important;
    }
}

@media only screen and (min-width: 768px) {
    .buy-item-top .padding {
        padding-right: 1rem;
        padding-left: 1rem;
    }
    .descrp-shop, .descrp-quantity, .buy-quantity {
        width: 100%;
    }
    .desc-product {
        padding-right: 5px;
    }
}

@media only screen and (min-width: 1200px) {
    .buy-item-top .padding {
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

.descrp-shop img {
    max-width: 100%;
}
.buy-item {
    width: 69%;
    margin-left: auto;
    margin-right: auto;
}

.full-btn {
    width: 100%;
}

.top-paysafecard {
    margin-top: 25px;
}

.englob-captcha {
    width: 40%;
    float: left;
    margin-left: 15px;
    margin-top: 25px;
}

.right-vote {
    margin-top: 20px;
}

.img-skill img {
    width: 325px;
}

.join {
    border-color: #eee;
    border-width: 7px;
    border-style: solid;
    margin-left: 25px;
}

.englob-img-join img {
    width: 62px;
}

/*
.launcher-download {
  padding-top: 72px;
    width: 345px;
    margin-left: 50px;
    height: 215px;
    background-image: url(../images/download-background2.png);
    float: left;
}

.launcher-download-2 {
  padding-top: 31px;
  width: 345px;
  margin-right: 50px;
  height: 255px;
  background-image: url(../images/download-background.png);
  float: right;
}*/

.tableau_premiers_voteurs tr:nth-child(1):nth-of-type(1) {
    background: #FFD700;
    height: 35px;
}

.tableau_premiers_voteurs tr:nth-child(1):nth-of-type(1) td {
    line-height: 35px;
    font-size: 1.3rem;
}

.tableau_premiers_voteurs tr:nth-child(2):nth-of-type(2) {
    background: #C0C0C0;
    height: 30px;
}

.tableau_premiers_voteurs tr:nth-child(2):nth-of-type(2) td {
    line-height: 30px;
    font-size: 1.2rem;
}

.tableau_premiers_voteurs tr:nth-child(3):nth-of-type(3) {
    background: #CD7F32;
    height: 25px;
}

.tableau_premiers_voteurs tr:nth-child(3):nth-of-type(3) td {
    line-height: 25px;
    font-size: 1.1rem;
}

.tableau_premiers_voteurs tr:nth-child(n + 4):nth-child(-n + 10):nth-of-type(n + 4):nth-of-type(-n + 10) {
    background: #6B949E;
}

.tableau_premiers_voteurs tr:nth-child(n + 4):nth-child(-n + 10):nth-of-type(n + 4):nth-of-type(-n + 10):nth-child(odd) {
    background: #9FBEC5;
}

.radio input {
    width: auto;
}

.radio {
    float: left;
}

.englob-skins {

}

.englob-skins label {
    position: relative;
    height: 178px;
    text-align: center;
}

.englob-skins label input {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -70px;
}

.englob-skins label img {
    height: 150px;
    width: 150px;
}

.englob-skins:not(span) label input {
    display: none;
}

.englob-skins:not(span) label input:checked + img {
    border: 2px dashed #010D1E;
}

.site-header {
    position: relative;
}

.site-header-open-links {
    position: relative;
    z-index: 10001;
}

.site-header-open-links .ui.menu.two.item.menu-head .item, .site-header-close-links .ui.menu.two.item.menu-head .item {
    width: 50% !important;
}

.site-header-open-links .ui.menu.two.item.menu-head .item:first-child, .site-header-close-links .ui.menu.two.item.menu-head .item:first-child {
    justify-content: flex-start;
}

.site-header-open-links .ui.inverted.menu a.item:hover, .site-header-close-links .ui.inverted.menu a.item:hover {
    background: transparent;
}

.site-header-open-links .ui.menu.two.item.menu-head .item:last-child, .site-header-close-links .ui.menu.two.item.menu-head .item:last-child {
    justify-content: flex-end;
    font-size: 0.8rem;
}

.site-header-open-links, .site-header-close-links {
    background-color: #600908;
}

.site-header-open-links .ui.stackable.grid > .row > .column, .site-header-close-links .ui.stackable.grid > .row > .column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.site-header-open-links .row, .site-header-close-links .row {
    padding: 0 !important;
}

.site-header-open-links .ui.grid, .site-header-close-links .ui.grid {
    margin: 0;
}

.site-header-open-links .ui.menu .item, .site-header-close-links .ui.menu .item {
    border-radius: 0 !important;
    font-weight: 300;
}
.site-header-links {
    background-color: #600908;
}
.site-header-links.shown {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.site-header-links .row {
    padding: 0 !important;
}

.site-header-links .ui.grid {
    margin: 0;
}

.site-header-links .ui.menu .item {
    border-radius: 0 !important;
    font-weight: 300;
}

.site-header-info .button {
    background: #485048;
    color: white;
    border-radius: 0;
    font-weight: 400;
}

.site-header-info .column {
    text-align: center!important;
}

.site-header-info .site-header-progress .progress {
    border-radius: 0;
    width: 200px;
    margin: 0 auto;
}

.site-header-info .site-header-progress .progress .bar {
    border-radius: 0;
    background: #27F739;
}

.site-header-info .site-header-progress .progress .bar::after {
    display: none;
}

.site-header-info .site-header-progress {
    color: white;
    border: 1px solid white;
    background: #373434;
    width: calc(80% - 10px);
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px;
}

.site-header-info .site-header-progress h4 {
    font-weight: 400;
}

.site-header-logo {
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.site-header-logo img {
    height: 100%;
}

.site-header-guest, .site-header-connected {
    background: #F7F7F7;
    padding: 10px 0;
    text-align: center;
}
.site-header-guest .button, .site-header-connected .button {
    width: 150px;
}

.site-header-user-profile {
    position: relative;
}

.site-header-user-profile-column {
    max-width: 200px;
}

.site-header-user-links-column {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.site-header-user-profile-picture {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.site-header-user-profile .ui.card {
    margin-top: 0;
    margin-right: 0 !important;
    margin-left: calc(1rem + 40px);
}

.site-header-connected{
    padding-top: 0;
    padding-bottom: 0;
}
.site-header-connected .ui.container>.ui.grid{
    margin-left: 0;
}

.site-header-connected .ui.container .ui.grid{
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
}
.site-header-connected .ui.container .ui.grid>.column:not(.row){
    padding-top: 0;
    padding-bottom: 0;
}
.site-header-user {
    background: #EDEDEA;
}
.site-header-user-links {
    -webkit-align-self: inherit;
    -ms-flex-item-align: inherit;
    align-self: inherit;
    text-align: center;
}
.site-header-user-links .ui.buttons:not(.inverted){
    -webkit-box-shadow: 0px 0px 5px #DBDCDD;
    -moz-box-shadow: 0px 0px 5px #DBDCDD;
    box-shadow: 0px 0px 5px #DBDCDD;
    border-radius: .28571429rem;
}
.site-header-user-links .ui.buttons .button{
    font-weight: 300;
    background: white;
    color: #161718;
    font-size: 1.14285714rem;
    white-space: nowrap;
    width: auto;
    border-right: 1px solid #DBDCDD;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}
.site-header-connected .ui.buttons .button:last-child{
    border-right: none;
}
.site-header-user-links .ui.buttons .button:hover{
    background: #DBDCDD;
}

.site-header-user-links .ui.button .content {
    display: none;
}

.site-header-user .ui.card{
    background: transparent;
    border: none;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
}

.site-header-user .ui.card .content {
    padding-left: 0;
    padding-right: 0;
}

.site-header-user .grid .column:last-child{
    padding-left: 0;
    padding-right: 0;
}

.site-header-user img {
    display: block;
    width: 40px;
}

@media only screen and (min-width: 1200px) {
    .site-header-user-links .ui.button .content {
        display: inline;
    }
}

@media only screen and (min-width: 768px) {
    .site-header-user-links {
        text-align: right;
    }
}

@media only screen and (max-width: 1199px) {
    .site-header-user-links .icon {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .site-header-connected .ui.container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .site-header-user-profile-column {
        max-width: none;
    }
    .site-header-connected .ui.card {
        text-align: right;
        width: 100% !important;
        padding-right: 2em !important;
    }

    .site-header-connected .ui.card .content {
        margin-right: 3rem !important;
    }

    .site-header-connected .ui.stackable.grid > .site-header-user {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .site-header-user img {
        margin-left: 1rem;
    }

    .site-header-links {
        background: #292929;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10000;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }

    .site-header-links .ui.stackable.grid > .row > .column {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .site-header-links .ui.stackable.grid > .row > .column:nth-child(2) {
        display: none !important;
    }

    .site-header-info .ui.stackable.grid > .row > .column:first-child {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important;
    }

    .site-header-info .ui.stackable.grid > .row > .column:nth-child(2) {
        display: none !important;
    }

    .site-header-info .ui.stackable.grid > .row > .column:last-child {
        display: none !important;
    }

    .site-header-logo {
        display: none;
    }
}


#topbar {
    background: url(../img/news-top.jpg);
    border-color: #BCE8F1;
    color: #FFF;
}

.top-heading {
    color: #FFF;
    background: url(../img/news-top.jpg) !important;
    border-color: #bce8f1 !important;
}

.ui.segments.front {
    -webkit-box-shadow: 3px 3px 5px black;
    -moz-box-shadow: 3px 3px 5px black;
    box-shadow: 3px 3px 5px black;
}

.ui.segments.front .top-heading {
    background: url(../img/news-front.jpg) !important;
}

.ui.segments.front .panel-title a {
    color: #fffa81;
}

a.fitted.item {
    color: white !important;
}

.ui.menu.two.item .item {
    width: 35% !important;
}

.menu img {
    margin-top: -82px;
    margin-left: -140px;
}

div#topbar {
    margin-bottom: 62px;
}

.ui.segments {
    border-color: #9b6f2c !important;
}

.footer {
    background: #202020;
    color: rgba(255, 255, 255, .9);
    font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 300;
	user-select: none !important;
}
.footer.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer .icon.button{
    padding: 0;
    font-size: 2rem;
    border-radius: 0;
    height: 3rem;
    width: 3rem;
    line-height: 3rem;
    text-align: center;
}
.footer .grid {
    margin: 0;
}

.footerparts {
    background: #800c0c !important;
    border-top: 3px solid #ff9800 !important;
    -webkit-box-shadow: inset 0 20px 20px -20px rgba(255,152,0,0.5) !important;
    -moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8) !important;
    padding-bottom: 0 !important;
}

.footer a{
    color: rgba(255, 255, 255, .9);
}

.footer .small-text {
    font-size: .8rem;
}

.footer .small-text a {
    text-decoration: underline;
}

.footer .middle.aligned.column{
    text-align: center;
}
.footer .middle.aligned.column:first-child{
    text-align: center;
}

.footer .middle.aligned.column:last-child {
    text-align: right;
}

@media screen and (max-width: 767px) {
    .footer .ui.grid>.middle.aligned.column {
        padding-top: 0 !important;
    }
    .footer .ui.grid>.middle.aligned.column:first-child {
        padding-top: 1rem !important;
        padding-bottom: .1rem !important;
    }
    .footer .ui.grid>.middle.aligned.column:last-child {
        display: none !important;
    }
}

@media screen and (min-width: 768px){
    .footer .middle.aligned.column:first-child {
        text-align: left;
    }
}

.ui.links {
    margin-top: 10px;
}

#topbar .menu .item::before {
    background: transparent;
}

#topbar #logo {
    display: none;
    position: absolute;
    width: 308px;
    height: 164px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -40%);
    -webkit-transform: translate(-50%, -40%);
}

#topbar #logo img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
}

@media only screen and (max-width: 767px) {
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

@media only screen and (min-width: 1200px) {
    #topbar #logo {
        display: none;
    }

    /*#topbar .menu{
        width: calc(50% - 154px);
    }*/
}

.field.left.icon {
    float: none;
}

.font-size-menu {
    font-size: 18px !important;
}

.ui.vertical.menu {
    width: 100% !important;
}

.center {
    text-align: center;
}

.ui.input {
    width: 100% !important;
}

.footer-news {
    background-color: #fff;
    padding-bottom: 2px;
}

.panel-title a {
    color: #fff;
}

.content-com {
    background-color: #fff;
}

.clearfix {
    clear: both;
}

.marg-left input {
    margin-left: 5px !important;
}

.pad-table th {
    padding-left: 8px;
}

.op-marg input {
    margin-left: 10px !important;
}

.radio input {
    position: absolute;
    margin-top: 5px;
    margin-left: 7px;
}

.vote-top {
    width: 82%;
    margin-top: 20px !important;
}

.visible-vote {
    visibility: visible;
}

.hidden-vote {
    visibility: hidden;
}

.left-header li {
    float: left;
    padding-left: 10%;
    margin-top: -20px;
}

.right-header li {
    float: left;
    padding-left: 15%;
    margin-top: -20px;
}

.menu-header li:first-child {
    margin-left: -10%;
}

.menu-header li:last-child {
    margin-right: 5%;
}

.menu-header img {
    margin-left: 0px;
}

.menu-head {
    background: transparent !important;
}

img.zoomEffect {

    width: 300px !important;
    margin-top: -163px !important;
    margin-left: 42px !important;

}

.img-head-device {
    width: 298px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
}

.img-head {
    margin-left: 0px;
}

.commentaire {
    padding: 22px;
}

.ui.form .ui.error.message, .ui.form .ui.success.message {
    box-shadow: none;
    background-color: transparent;
    padding: 0;
}

.ui.form .ui.message {
    display: block;
}

img.zoomEffect {
    z-index: 1;
}

#step1 .name {
    color: rgba(50, 50, 50, .8);
    font-style: italic;
    font-size: .8rem;
}

#step1 .name::before {
    content: '(en tant que '
}

#step1 .name::after {
    content: ')'
}

#step2.disabled, #step3.disabled, #step3-rpg.disabled, #step3-sp.disabled, #step4.disabled, #step2.disabled .button, #step3.disabled .button, #step3-sp.disabled .button, #step3-rpg.disabled .button, #step4.disabled .button {
    opacity: .45;
}

#step1 .button, #step2 .button, #step3 .button, #step3-rpg .button, #step3-sp .button {
    margin-bottom: 15px;
    margin-top: 10px;
}

#step1-action h3, #step2-action h3, #step3-action h3 {
    margin:0 !important;
}

#step4-action .buttons {
    margin-bottom: 15px;
    margin-top: 15px;
}

#step4-action .center-div {
    margin: 0 auto;
    display: table;
}

.small-center {
    width: 550px !important;
    margin: auto !important;
}

.ui.inverted.menu .item:before, .ui.vertical.inverted.menu .item:before {
    background: rgba(238, 238, 238, 0) !important;
}

@media screen and (max-width: 1200px) {
    .img-head {
        display: none;
    }

    .img-head-device {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .img-head-device {
        display: block;
    }
}

@media screen and (min-width: 990px) {
    .img-head-device {
        display: none;
    }
}

@media screen and (max-width: 990px) {
    .img-head-device {
        display: block;
    }
}

.gold-coin {
    margin-top: -8px;
    margin-bottom: -6px;
}

.slick-dotted.slick-slider {
    margin-bottom: 20px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.slick-posts {
    -webkit-box-shadow: 5px 5px 4px #D8DAD5;
    -moz-box-shadow: 5px 5px 4px #D8DAD5;
    box-shadow: 5px 5px 4px #D8DAD5;
}

.news img{
    width: 100%;
    display: block;
}

.news {
    border-top: 2px solid #ff7b00;
    border-radius: .28571429rem;
    position: revert;
    width: 100%;
    height: 150px;
	overflow: hidden;
}

.news-bg {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zoom img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.zoom:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.news-footer {
    position: absolute;
    transform: translate(0px, -100%);
    width: 100%;
    background: #db2828cf;
}

.news-grid {
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}
.news-column {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}
@media screen and (max-width: 767px) {
    .no-padding-top-on-mobile {
        padding-top: 0 !important;
    }

    .ui.stackable.grid > .no-padding-top-on-mobile.column:not(.row) {
        padding-top: 0 !important;
    }

    .no-padding-bottom-on-mobile {
        padding-top: 0 !important;
    }

    .margin-left-on-mobile {
        margin-left: 1rem !important;
    }

    .margin-right-on-mobile {
        margin-right: 1rem !important;
    }

    .ui.stackable.grid > .no-padding-bottom-on-mobile.column:not(.row) {
        padding-bottom: 0 !important;
    }
}
.news-column:last-child {
    margin-bottom: .5rem;
}
.news.main {
    margin-bottom: 1.5rem;
}

.news .label {
    position: absolute !important;
    transform: translate(15px, 10px) !important;
}

.news.main h2 {
    padding: 1rem 1rem .5rem 1rem;
    font-size: 1.2857rem;
    background:none;
}

.news.main h3 {
    font-size: 1rem;
    padding: .5rem 1rem 1rem 1rem;
}

.news h2 {
    padding: .5rem .5rem .5rem .5rem;
    width: 100%;
    font-weight: 400;
    margin: 0;
    color:white;
    text-align:center;
    font-size:1.2rem
}

.news h3 {
    padding: .5rem .5rem .5rem .5rem;
    background: #EEEEEE;
    color: rgba(0, 0, 0, 0.9);
    width: 100%;
    font-weight: 400;
    margin: 0;
    font-size: .8rem;
}

.main-card .attached.button {
    margin-right: auto;
    margin-left: auto;
}
.main-card.no-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.main-card {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    -webkit-box-shadow: 5px 5px 4px #D8DAD5;
    -moz-box-shadow: 5px 5px 4px #D8DAD5;
    box-shadow: 5px 5px 4px #D8DAD5;
    color: white;
    font-weight: 300;
    font-size: 1.2857rem;
    padding: 1rem;
    text-align: center;
    display: block;
}

.main-card a {
    color: rgba(0, 0, 0, 0.9);
}

.main-card a.blue {
    color: #5480CC;
}

a.main-card{
    text-decoration: underline;
}

.main-card:hover{
    color: rgba(0, 0, 0, 0.9);
}

.main-card-header{
    position: relative;
    margin-bottom: .5rem;
    text-align: right;
    line-height: 40px;
    display: block;
	color: white;
}

.ui.grid.main-card-header {
    justify-content: space-between;
}
.ui.grid.main-card-header>.column.main-card-header-item:not(.row) {
    padding: 0;
}
.main-card-header.image {
    line-height: 30px;
    margin-top: -0.5rem;
}

.main-card.full-height {
    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;
    height: 100%;
}

.main-card.full-height .main-card-content{
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.main-card.text-left {
    text-align: left;
}

.main-card.text-left .main-card-header {
    text-align: left;
}

.main-card.text-left .main-card-header h3 {
    text-align: left;
}

.main-card-header a{
    color: rgba(0, 0, 0, 0.9);
    text-decoration: underline;
}
.main-card-icon-header {
    float: left;
    font-size: 40px;
}
.main-card-content {
    margin-bottom: 1rem;
    font-size: 1rem;
}
.main-card.big .main-card-content{
    font-size: 1.2857rem;
}
.main-card-content:last-child {
    margin-bottom: 0;
}

.main-card-icon{
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 40px;
    line-height: 40px;
}
.main-card-icon-header img {
    height: 40px;
}

.main-card-icon-top {
    top: 5px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.main-card-highlight {
    font-weight: 400;
}

.main-card-icon img {
    height: 40px;
}

.main-card-image {
    width: 70px;
    position: absolute;
    top: -14px;
    left: -18px;
}

.main-card-image img {
    width: 100%;
    height: 100%;
}
.main-card-header:last-child{
    margin-bottom: 0;
}

.main-card-header.border-bottom {
    margin-bottom: calc(1.5rem + 10px);
}

.main-card-header.no-padding-bottom.border-bottom {
    margin-bottom: calc(1rem + 10px);
}
.main-card-header.no-padding-bottom.border-bottom::after {
    top: 100%;
}

.main-card-header.border-bottom::after {
    content: '';
    position: absolute;
    top: calc(1rem + 100%);
    left: -1rem;
    right: -1rem;
    height: 10px;
    background: black;
}

.main-card.inverted {
    color: rgba(255, 255, 255, 0.9);
}

.main-card.inverted:hover {
    color: rgba(255, 255, 255, 0.9);
}

.main-card.inverted a {
    color: rgba(255, 255, 255, 0.9);
}

.main-card.skillpvp.variant {
    background: #B1CAD0;
}

.main-card.skillpvp.variant .border-bottom::after {
    background: #A1BEC9;
}

.main-card h3 {
    font-weight: 300;
    font-size: 1.5rem;
    text-align: center;
}

.main-card h3 .bold {
    font-weight: 800;
}

.main-card h4 {
    font-weight: 300;
    font-size: 1.3rem;
    text-align: center;
}

.main-card h4 .bold {
    font-weight: 800;
}

.main-card.user .main-card-header {
    background: #EEEEEE;
    padding: 0 0.5rem;
    border-radius: 5px;
}

.main-card.user .main-card-content {
    background: #EEEEEE;
    padding: 0.5rem 1rem 1rem 1rem;
    margin-top: 10px;
    border-radius: 5px;
}

.main-card.user .main-card-header.border-bottom {
    margin-bottom: 0;
}
.main-card.user .main-card-header.border-bottom::after {
    background: white;
    margin-left: 1rem;
    margin-right: 1rem;
    top: 100%;
}
.main-card.user {
    padding: 0;
    border-radius: 5px;
}

.main-card.user .main-card-header {
    font-weight: bold;
}
@media only screen and (min-width: 1200px){
    .ui[class*="three column"].grid > .column:not(.row)[class*="equal width large screen"] {
        width: 33.33333333%!important;
    }
}

.main-card.user .divider {
    text-transform: none;
}

.main-card.history {
    background: #FAFAFA;
    border-radius: 5px;
}

.main-card.history .main-card-header {
    border-radius: 5px;
    background: #EEEEEE;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: bold;
}

.ui.header {
    color:white !important;
}

.sub.header {
    color:white !important;
}

.main-card.history .main-card-header .right{
    background: #E0E1E2;
    float: none !important;

    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1rem;
    color: #686869;
}

.main-card.history .main-card-content {
    margin-top: -0.3rem;
    background: #FFFFFF;
    margin-right: -0.9rem;
    margin-left: -0.9rem;
    border-bottom: 0.2rem solid #FAFAFA;
}

.main-card.history .ui.table {
    background: transparent;
}

.main-card.history .ui.table thead th {
    background: transparent;
}

.main-card.history .main-card-header.border-bottom::after {
    background: white;
}

.main-card.user .CodeMirror {
    min-height: 100px;
}

.main-card.user .CodeMirror .CodeMirror-scroll {
    min-height: 100px;
}

.membres-item-subitem-content .CodeMirror {
    min-height: 80px !important;    
}

.membres-item-subitem-content .CodeMirror-scroll {
    min-height: 80px !important;    
}

.main-card.user .grey.ui.button {
    background: #B5B5B5;
    color: #505050;
    font-size: 1.1rem;
    font-weight: bold;
    border-radius: 5px;
}

.main-card.devblog>.main-card-header{
    padding: 0 1rem;
}

.main-card.devblog-item {
    background: #282921;
    width: auto;
    margin-bottom: 1rem;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -ms-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
    text-decoration: none;
}

.main-card.devblog-item .main-card-header{
    font-size: .9rem;
    text-transform: uppercase;
    color: #4DBBD5;
}

.main-card.devblog-item:hover {
    background: #494b3c;
}

.main-card.devblog {
    background: #141510;
    padding-bottom: 0;
}

.main-card.devblog .main-card-header{
    margin-bottom: .25rem;
    padding-top: .25rem;
}

.main-card.devblog .flex {
    padding-bottom: 1rem;
}

.main-card.devblog .icon {
    cursor: pointer;
}

.main-card.rank {
    background: #E1C8AA;
    color: #A47E56;
    font-weight: 500;
}

.main-card.rank .main-card-content {
    margin-left: 2rem;
}
.main-card.rank .main-card-icon {
    font-weight: 700;
}

.main-card.stats {
    background: #699471;
}

.main-card.stats .main-card-content:nth-child(2) {
    background: #8AB292;
    margin-bottom: 0.5rem;
}

.main-card.stats .main-card-content {
    font-weight: 300;
    font-size: 0.8rem;
}
.main-card.stats .main-card-highlight {
    font-weight: 700;
    font-size: 2rem;
    line-height: 1;
}

@media only screen and (max-width: 991px) {
    .main-card.stats .main-card-content {
        font-weight: 300;
        font-size: 0.8rem;
    }

    .main-card.stats .main-card-highlight {
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 1;
    }
}

@media only screen and (min-width: 768px) {
    .main-card.shop .main-card-header .column:first-child {
        text-align: left;
    }
    .main-card.shop .main-card-header .column:last-child {
        text-align: right;
    }
}

.main-card.shop .main-card-header.ui.three.column.grid .main-card-header-item.column {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.main-card.shop .main-card-header.border-bottom {
    border-bottom: 3px solid #DBDAD9;
    padding-bottom: 1rem;
}
.main-card.shop .main-card-header:nth-child(2){
    margin-top: 1rem;
}

.main-card.shop .main-card-header.border-bottom::after {
    content: none;
}

.main-card.skillpvp {
    background: #6A0E80;
}

.main-card.youtube {
    background: #CC181E;
}

.main-card.facebook {
    background: #3B5998;
    padding: .7rem 1rem;
}

.main-card.facebook .main-card-icon {
    font-size: 30px;
    line-height: 30px;
}

.main-card.twitter {
    padding: .7rem 1rem;
    background: none;
    text-decoration: none !important;
    box-shadow: none;
    border: 2px solid #0084b4;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 6px;
    margin: 6px;
}

.main-card.twitter:hover {
  background-color: #0084b4 !important;
}

.main-card.twitter .main-card-icon {
    font-size: 22px;
    line-height: 22px;
}

.main-card.social {
    background: #34465d;
}

.main-card.teamspeak {
    background: #3F475C;
}

.main-card.discord {
    background: #7888D6;
}

.ui.discord.button {
    background-color: #7888D6;
    color: #FFF;
    text-shadow: none;
    background-image: none;
    box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset;
}

#socialNetworksCard {
    font-size: 1.18rem;
}

.discordmainpage {
    background: none;
    padding: .7rem 1rem;
    text-decoration: none !important;
    box-shadow: none;
    border: 2px solid #7888D6;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 6px;
    margin: 6px;
}

.discordmainpage:hover {
  background-color: #7888D6 !important;
}

.discordmainpage .main-card-icon {
    font-size: 22px;
    line-height: 22px;
}

.main-card.dark {
    background: #1F1F1F;
}

.main-card-content .inline-message {
    font-weight: 600;
}

.main-card-content .red.inline-message {
    color: #A63538;
}

.main-card-content .green.inline-message {
    color: #6BA15A;
}

.launcher-image {
    width: 50px;
    height: 50px;
}

.mac-launcher-image {
    width: 100%;
}

body > .hide.messages .ui.grid {
    display: none;
}

.in-user-messages .top-column {
    padding-right: 0 !important;
}

.in-user-messages .messages {
    margin-top: 0;
    background: transparent;
}

.in-user-messages .ui.message.top-message {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.in-user-messages .ui.message.top-message.error {
    border-left: 2px solid #8F2E2D;
    border-bottom: 2px solid #E0B5B5;
}

.in-user-messages .ui.message.top-message.warning {
    border-left: 2px solid #784A10;
    border-bottom: 2px solid #C9BA9D;
}

.in-user-messages .ui.message.top-message.success {
    border-left: 2px solid #1B521E;
    border-bottom: 2px solid #A3C295;
}

.in-user-messages .ui.message.top-message.info {
    border-left: 2px solid #17586C;
    border-bottom: 2px solid #AAD5DE;
}

.in-user-messages .ui.message.top-message:nth-child(2) {
    margin-top: 0;
}
.in-user-messages .ui.message.top-message {
    margin: 0;
    margin-top: 1rem;
}

.messages {
    margin-top: 20px;
    background: #FFFFFF;
}

.top-column{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.ui.message.top-message {
    margin: 0 1rem;
    border-radius: 0;
    font-size: 0.9rem;
    margin-top: 1rem;
}

.ui.buttons .or:before{
    line-height: 1.68571429rem;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.padding-top {
    padding-top: 1rem !important;
}

.padding-right {
    padding-right: 1rem !important;
}

.padding-left {
    padding-left: 1rem !important;
}

.padding-bottom {
    padding-bottom: 1rem !important;
}

.padding-top-r {
    padding-top: 1rem !important;
}

.padding-right-r {
    padding-right: 1rem !important;
}

.padding-left-r {
    padding-left: 1rem !important;
}

.padding-bottom-r {
    padding-bottom: 1rem !important;
}

.small-padding-top {
    padding-top: 0.5rem !important;
}

.small-padding-bottom {
    padding-bottom: 0.5rem !important;
}

.small-padding-left {
    padding-left: 0.5rem !important;
}

.ui.card.no-border{
    background: transparent;
    border: none;
    -webkit-box-shadow: initial;
    -moz-box-shadow: initial;
    box-shadow: initial;
}
.ui.card.fluid {
    width: 100% !important;
    max-width: 9999px !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.small-padding-right {
    padding-right: 0.5rem !important;
}

.no-text-decoration {
    text-decoration: none !important;
}

.column.small-padding-top {
    padding-top: 0.5rem !important;
}

.column.small-padding-bottom {
    padding-bottom: 0.5rem !important;
}

.column.small-padding-left {
    padding-left: 0.5rem !important;
}

#leftbutton, #rightbutton {
	background: none;
	top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%);
}

.column.small-padding-right {
    padding-right: 0.5rem !important;
}

.main-card-content.small-padding-top {
    margin-top: -0.5rem !important;
    padding-top: 0 !important;
}

.main-card-content.no-padding-top {
    margin-top: -1rem !important;
    padding-top: 0 !important;
}

.main-card-content.small-padding-bottom {
    margin-bottom: -0.5rem !important;
    padding-bottom: 0 !important;
}

.main-card-content.no-padding-bottom {
    margin-bottom: -1rem !important;
    padding-bottom: 0 !important;
}

.main-card-content.small-padding-left {
    margin-left: -0.5rem !important;
    padding-left: 0 !important;
}

.main-card-content.no-padding-left {
    margin-left: -1rem !important;
    padding-left: 0 !important;
}

.main-card-content.small-padding-right {
    margin-right: -0.5rem !important;
    padding-right: 0 !important;
}

.main-card-content.no-padding-right {
    margin-right: -1rem !important;
    padding-right: 0 !important;
}

.forum-post .segments {
    border-color: rgba(135, 22, 22, 0.21) !important;
    color: white;
}

.forum-post .segment.top-heading {
    background: #8c1e24 !important;
    padding: .5rem;
    font-size: 1.2rem;
}

.forum-post .segment.top-heading .icon {
    height: auto;
}

.forum-post .markdown {
    color: white;
}

.forum-post .content {
    padding: 0;
}
.forum-post .ui.segments > .segment {
    border-top: none;
}

.forum-post .ui.divided.items > .item {
    padding: 0 !important;
}
@media screen and (max-width: 767px) {
    .forum-post .ui.items > .item > .image {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: .5rem !important;
    }

    .forum-post .ui.items > .item > .image > div {
        flex: 1;
        padding-left: 1rem;
    }
    .forum-post .ui.items > .item > .image h3 {
        text-align: left;
        margin-top: 0;
    }

    .forum-post .ui.items > .item > .image h4 {
        text-align: left;
        margin-bottom: 0;
    }

    .forum-post .ui.items > .item > .image > img {
        width: 48px !important;
        height: 48px !important;
        border: none !important;
    }

    .forum-post .ui.items > .item > .image + .content{
        padding: 0!important;
    }

    .forum-post .segment.content .ui.items .item .content > .header:not(.ui) {
        padding: .5rem !important;
        background: #e6e6e6;
    }

    .forum-post .ui.items > .item > .image + .content > .description {
        padding: 0 .5rem 0 .5rem !important;
    }

    .forum-post .segment.content .ui.items .item .content .time {
        padding: 0 .5rem .5rem .5rem !important;
    }
    .forum-post .segment.top-heading .header-form .icon {
        font-size: 1.5rem;
    }
}

.body-content.forum-post .ui.form.column.header-form {
    width: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.forum-post .item .image {
    background: rgba(99, 13, 13, 0.85);
    padding: 2rem !important;
    width: calc(120px + 4rem);
    text-align: center;
    color: rgba(255, 255, 255, 0.42);
}

.forum-post .item .image h3 {
    color: #ececec;
    text-align: center;
    margin-top: 1.2rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: 200;
}

.forum-post .item .image h4 {
    text-align: center;
    font-size: 1rem;
    margin-top: -1rem;
    margin-bottom: 1rem;
}

.forum-post .item .image div {
    margin-bottom: -2px;
    font-size: 0.9rem !important;
}

.forum-post .ui.items > .item > .image > img {
    border: .5rem solid #8B8B8B;
    border-radius: 0;
}

.forum-post .segment.top-heading .icon {
    font-size: 2rem;
}

.forum-post .segment.top-heading a {
    color: #DBDBDB;
}

.forum-post .segment.content .content {
    padding: 1rem;
}

.forum-post .segment.content .ui.items .item .content > .header .label {
    padding: .4em 3em;
    font-size: 1rem;
    font-weight: 400;
}
.forum-post .segment.content .ui.items .item .content > .header:not(.ui) {
    font-size: 1.5rem;
    font-weight: 400;
}

.forum-post .segment.content .ui.items .item .content img {
    max-width: 100%;
}
.forum-post .segment.content .ui.items .item .content .time{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(0, 0, 0, .87);
}

@media screen and (max-width: 767px) {
    .forum-post .ui.segments, .forum-post .ui.segments:not(.horizontal) > .segment:first-child, .forum-post .ui.segments:not(.horizontal) > .segment:last-child {
        border-radius: 0;
    }
    .forum-sections .ui.segments, .forum-sections .ui.segments:not(.horizontal) > .segment:first-child, .forum-sections .ui.segments:not(.horizontal) > .segment:last-child {
        border-radius: 0;
    }
}

.forum-sections .segments {
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: white;
}

.forum-sections .segment.top-heading{
    background: #8c1e24 !important;
    color: white;
    padding: .5rem;
    text-transform: uppercase;
    border-radius: 0px;
}

.forum-sections .segment.content {
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}
.forum-sections .category .segment.content {
    padding: 0;
}

.forum-sections .comments.icon {
    color: white;
    opacity: 0.6;
}


@media screen and (min-width: 378px) and  (max-width: 517px){
    .forum-last-messages-title {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        display: block;
        width: 40px;
    }

    .forum-last-message-column {
        display:none!important;
    }
}

@media screen and (min-width: 518px) and  (max-width: 677px){
    .forum-last-messages-title {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        display: block;
        width: 170px;
    }

    .forum-last-message-column {
        font-size: 1.4rem;
        text-align: left !important;
        width: 200px !important;
    }
}


@media screen and (min-width: 678px) {
    .forum-last-messages-title {
        overflow: hidden;
        white-space: nowrap;
        word-wrap: normal;
        text-overflow: ellipsis;
        display: block;
        width: 245px;
    }

    .forum-last-message-column {
        font-size: 1.4rem;
        text-align: left !important;
        width: 300px !important;
    }
}

.forum-sections .row:first-child::before {
    height: 0px !important;
}

.forum-sections .padded .row::before {
    margin: -1px 0 0 0 !important;
    width: 100% !important;
}
.forum-sections .row::before {
    height: 2px !important;
}
.forum-sections .row .column {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.forum-sections .padded {
    margin: 0 !important;
}

.forum-sections .row a {
    color: #ffffff !important;
    font-weight: 300;
}
.forum-sections .main-grid{
    justify-content: space-around;
}
.forum-sections .row:last-child {
    border-bottom: none;
}
.forum-sections .segment.content {
    border-top: none;
}

.forum-sections .avatar {
    width: 35px !important;
    height: 35px !important;
    border-radius: 0 !important;
}

.forum-sections .item .header {
    font-size: 1.2rem;
    margin-bottom: 3px !important;
}

.forum-sections .content {
    font-size: 0.9rem;
}

.forum-sections .item a {
    text-decoration: underline;
    color: white;
    font-weight: 200 !important;
}

.forum-sections .main-grid .column:first-child{
    width: 70px !important;
    font-size: 1.5rem;
}

.forum-sections .main-grid .column:nth-child(2) {
    font-weight: 600;
    font-size: 1.1rem;
    flex-grow: 1;
}

.forum-sections .main-grid .column:nth-child(3) {
    font-size: 1.4rem;
    text-align: left;
    width: 300px;
}

.forum-sections .main-grid .column:nth-child(4) {
    font-size: 1.4rem;
    width: 100px !important;
}

.forum-sections .main-grid .column:nth-child(5) {
    width: 150px !important;
}

@media only screen and (min-width: 768px) {
    .large-padding {
        padding: 2rem;
    }
}

@media only screen and (min-width: 768px) {
    .show-on-small-only {
        display: none !important;
    }
}
@media only screen and (max-width: 767px) {
    .show-on-small-only {

    }
    .text-center-on-mobile {
        text-align: center;
    }

    .forum-sections .main-grid .column:first-child {
        width: 60px !important;
        font-size: 1.2rem;
    }


    .forum-sections .ui.stackable.grid > .row > .column{
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .hide-on-small-only {
        display: none !important;
    }

}


.divider.show {
    cursor: pointer;
}

.ui.search > .results > :last-child:first-child {
    border-radius: .28571429rem .28571429rem .28571429rem .28571429rem;
}

.ui.even.padded.grid > .column {
    padding-bottom: 0 !important;
}

@media screen and (max-width: 767px) {
    .ui.even.login.grid > .column {
        width: 50%;
        padding-top: 0 !important;
    }
    .ui.even.login.grid > .column:first-child {
        width: 100%;
        padding-top: 1rem !important;
        padding-bottom: 0 !important;
    }
    .ui.even.login.grid > .column:nth-child(3) {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .ui.even.grid {
        justify-content: space-evenly;
    }
    .ui.padded.even.login.grid {
        margin-left: -.5rem !important;
        margin-right: -.5rem !important;
    }

    .ui.even.login.grid > .column:first-child {
        display: none;
    }

    .ui.even.grid > .column {
        white-space: nowrap;
        width: auto;
    }
}

.ui.button:disabled, .ui.buttons .disabled.button, .ui.disabled.active.button, .ui.disabled.button, .ui.disabled.button:hover {
    background: #E0E1E2;
    color: rgba(0, 0, 0, .6);
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.scroll-y {
    overflow-x: auto;
}

.ui.adaptative.grid > .column:not(.row), .ui.adaptative.grid > .row > .column {
    width: auto;
}

.ui.adaptative.grid > .column.grow:not(.row), .ui.adaptative.grid > .row > .column.grow {
    flex: 1;
}

.last-no-margin-right :last-child {
    margin-right: 0 !important;
}

.ui.button.like {
    padding: .28571429rem 1.5rem;
    font-weight: 300;
    font-size: 1rem;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}
.ui.blue.button.like {
    background: #76B3CF;
}

@media screen and (max-width: 1199px) {
    .site-header-user-links .ui.buttons .green.button {
        background: #21BA45;
        color: white;
    }

    .site-header-user-links .ui.buttons .green.button:active {
        background: #198f35;
    }

    .site-header-user-links .ui.buttons .green.button:hover {
        background: #16ab39;
    }

    .ui.top-icon.button, .ui.top-icon.buttons .button {
        padding: .78571429em !important;
    }
    .hide-on-med-and-down {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .ui.secondary.pointing.menu.stats-menu {
        margin-left: 1rem;
        margin-right: 1rem;
        overflow-y: auto;
    }

    .ui.secondary.pointing.menu.wiki-menu {
        overflow-y: auto;
    }
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.justify-center {
    justify-content: center;
}

.ui.pagination.menu.flat {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.forum-post .ui.items > .item > .image + .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    min-height: 100%;
}

.forum-post .ui.items > .item > .image + .content > .description {
    -webkit-box-flex: 50;
    -ms-flex-positive: 50;
    flex-grow: 50;
}

.forum-post .ui.items > .item > .image + .content > .time {
    text-align: right;
}

.forum-post .ui.icon.button {
    background-color: transparent;
    padding: 0;
}

.forum-post .ui.icon.button > .icon:not(.button) {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
}

.forum-post .delete-message, .update-message {
    display: inline-block;
}

.forum-post .header-form {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.forum-post .clearfix {
    overflow: auto;
    zoom: 1;
}

.forum-post .ui.segment.move-form.hidden {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .hide-on-med-only {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .show-on-med-only {
        display: none !important;
    }
}
@media screen and  (min-width: 1200px) {
    .show-on-med-only {
        display: none !important;
    }
}

.forum-post-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.forum-post-content :first-child {
    flex: 1;
}

.markdown h1 {
    text-align: inherit !important;
    font-size: 36px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.markdown h2 {
    text-align: inherit !important;
    font-size: 30px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.markdown h3 {
    text-align: inherit !important;
    font-size: 24px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.markdown h4 {
    text-align: inherit !important;
    font-size: 18px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.markdown h5 {
    text-align: inherit !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.markdown h6 {
    text-align: inherit !important;
    font-size: 12px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    font-weight: 500 !important;
    line-height: 1.1 !important;
    color: inherit !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}


.descrp-quantity {
    display: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;