.topheadbarfelx {
    background: white;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    padding: 0px 50px;
    width: 80%;
    margin: auto;
}

.logo {
    align-items: center;
    font-size: 1rem !important;
    letter-spacing: 2px;
    display: flex;
    /* padding: 10px; */
    border-radius: 50%;
    background-image: url(https://i.imgur.com/LqOTFsz.gif);
    font-family: raleway;
    font-weight: 700;
    color: #667c99;
}

.flexnavigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
    background: #e8ecf3;
    color: #667c99 !important;
    height: 150px;
    align-content: center;
    border-top: 1px solid #00000012;
    border-bottom: 1px solid #00000012;
	margin-top: 30px; /* adjust this number if you want more or less space */
}

@media screen and (max-width: 768px) {
    .flexnavigation {
        height: auto;         /* let nav grow if it wraps on small screens */
        padding: 10px 20px;   /* extra padding inside nav */
        margin-top: 30px;     /* more space above on small screens */
        margin-bottom: 30px;  /* more space below */
    }
}




canvas {
    display: block;
    margin-bottom: 50px;
}

#canvas {
    display: block;
    margin-bottom: 50px;
}


.canvas {
    display: block;
    margin-bottom: 50px;
}

.fancy-border {
  width: 150px;
  height: 150px;
  text-align:center;
  border-top: 5px solid;
  border-image:   linear-gradient(to right, grey 25%, yellow 25%, yellow 50%,red 50%, red 75%, teal 75%) 5;
}

.navigation {
    color: #667c99;
    font-weight: 400;
    font-size: 25px;
    text-align: center!important;
    margin-bottom: 30px;
    position: absolute;
}


.barmenuheader {
    width: 80%;
    margin: auto;
    border-radius: 5px;
    display: flex;
    padding: 0 20px;
    height: 60px;
    margin-top: -30px;
    background: rgb(249,249,249);
    background: linear-gradient(180deg, rgb(255 255 255) 25%, rgb(232 236 243) 74%);
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.headmenuitems {
    padding: 10px 10px;
    font-family: raleway;
    font-weight: 700;
    color: #667c99;
    border-radius: 5px;
    display: flex;
    align-items: baseline;
}


 .headmenuitems:hover {
    background: #0000000f;
    color: black;
    cursor: pointer;
}

.activebuttonshead {
    margin-top: 10px !important;
    background: #e8ecf3;
    padding: 5px;
    border: 1px solid #d8dbe2;
    /* width: 35%; */
    /* margin: auto; */
    border-radius: 0 10px 10px 0px;
    display: none;
    justify-content: space-between;
    align-items: center;
    align-content: space-around;
    flex-direction: column;
}


.fas30 {
    font-size: 30px;
    cursor: pointer;
}


.flexbuttonspositionhead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
}

.headbuttonsociety {
    color: #ffffff;
    padding: 5px;
    box-shadow: inset 0 0 19px -13px #0000001f;
    border-radius: 5px;
}



.instagramlogofoot {
background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




.fblogofoot {
background: rgb(57,179,239);
background: radial-gradient(circle, rgba(57,179,239,1) 25%, rgba(52,86,240,1) 68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}




.glugulugu {
background: rgb(240,88,96);
background: radial-gradient(circle, rgba(240,88,96,1) 25%, rgba(145,1,1,1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.twitterogofoot {
background: rgb(57,161,239);
background: radial-gradient(circle, rgba(57,161,239,1) 25%, rgba(52,204,240,1) 68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





.githublogofoot {
background: rgb(105,106,107);
background: radial-gradient(circle, rgba(105,106,107,1) 25%, rgba(33,33,33,1) 68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




.youtubelogofoot {
background: rgb(252,77,86);
background: radial-gradient(circle, rgba(252,77,86,1) 25%, rgba(203,21,9,1) 68%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.usermenunameflexx {
    text-align: -webkit-right;
    display: flex;
    flex-direction: column;
    align-items: center;
	 position: relative;      /* keeps it in normal flow */
     top: -3px;
	
}


.dropbtn {
    background: none !important;
    /* color: white; */
    /* padding: 16px; */
    /* font-size: 16px; */
    border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background: linear-gradient(180deg, rgb(255 255 255) 25%, rgb(232 236 243) 74%);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    text-align: start;
    margin-left: -20px;
    border-radius: 4px;
    text-decoration: none !important;
}

.dropdown-content a {
    color: black;
    padding: 10px 20px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
}

.dropdown-content a:hover {
    background-color: #dddddd5e;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}



i.fas.fa-th {
    color: white;
}


.head-wrapp {
    width: 80%;
    margin: auto;
}

.tcapnotifications {
    background: #e8ecf3;
    padding: 10px 10px;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 10px;
    color: #0072bc;
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25;
}

.pmalert {
    color: #842029;
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    padding: 10px;
    border-radius: 5px;
    font-family: raleway;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: space-around;
    flex-wrap: nowrap;
    flex-direction: row;
}

.leftpositonpmalert {
    width: 90%;
    text-align: start;
    padding: 0px 10px;
}


.noticealerttitlecl {
    margin-bottom: 5px;
}

i.fas.fa-times {
    color: #c10e1e;
}

.closepmbuttonss {
    background: #ffffff;
    padding: 7px 20px;
    border-radius: 5px;
    margin-right: -20px;
    font-size: 25px;
    box-shadow: inset 0 0 8px -6px black;
    color: white;
}


.wrapper80 {
    width: 83%;
    margin: auto;
}





.columns {
    list-style: none;
    margin: 0;
    padding: 0;
    
}

.columns li {
    width: 33%;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
}


#borderhv:after {
    position: absolute;
    content: "";
    display: none;
    height: 10px;
    min-width: 70px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0 0 20px 0px #ffffff;
}
#borderhv:hover:after{
    display:block;
}



.forumsresponsive {
    padding: 10px;
    background-image: url(https://static.webgod.ro/creator/mosaic_bl.png);
    border-radius: 10px;
    border: 1px solid #e8ecf3;
    margin-bottom: 10px;
}

.wrapperforumssidebar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
}

.wrapperforums {
    width: 79%;
}

.wrappersidebar {
    min-width: 18%;
    max-width: 19%;
}


.buttondiscord {
    display: flex;
    justify-content: space-between;
    background: #5865f2;
    height: 50px;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: 5px;
	margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.discordtrext {
    font-size: 15px;
    font-family: 'Roboto';
    color: white;
    font-weight: 500;
}

.discordicon {
    color: white;
    font-size: 20px;
}


.buttonpurchasetheme:hover {
background: #FF0000 !important;
    cursor: pointer;
}
.buttondiscord:hover {
background: #5879f2 !important;
    cursor: pointer;
}
	
	
	
.buttonpurchasetheme {
    display: flex;
    justify-content: space-between;
    background:#000000 ;
    height: 50px;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.purchasetrext {
    font-size: 15px;
    font-family: 'Roboto';
    color: white;
    font-weight: 500;
}

.purchaseicon {
    color: white;
    font-size: 20px;
}



.fllcolapss {
    display: flex;
    justify-content: space-between;
    align-items: center;
   padding: 25px !important;
}


.btnsupport {
    background: #0d6fb5;
    padding: 5px;
    border-radius: 3px;
    color: white;
    font-weight: 600;
    width: 65px;
    float: right;
    margin-top: -39px;
}


.collapsible {
    color: #667c99 !important;
    border: 1px solid #e8ecf3;
    background-image: url(https://static.webgod.ro/creator/mosaic_bl.png);
    cursor: pointer;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    padding: 15px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 10.5px;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.active, .collapsible:hover {
    /* background-color: #1d1d23; */
}

.collapsible:after {
    content: '\002B';
    color: #545454;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.contentcolap {
    padding: 0px 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    background-color: #ffffff;
    border: 1px solid #e8ecf3;
    color: #404040;
    text-align: start;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}


.forumboardstats {
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 1px solid #e9ecf3;
}
 .forumboardwhos {
    padding: 10px;
    background: #e8ecf3;
    border-radius: 5px;
    margin-top: 10px;
    font-size: 12px;
    min-width: 110px;
}



.flexstatsdisplay {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: space-around;
    text-align: center;
    flex-wrap: wrap;
}


.subforumsqual {
    /* text-transform: uppercase; */
    font-weight: 400;
    font-size: 11px;
    font-family: 'Roboto';
    letter-spacing: 1px;
}


.mgr3 {
    margin-right: 3px;
}



.newreplybuttoncontainer {
    background: rgb(249,249,249);
    background: linear-gradient(180deg, rgb(255 255 255) 25%, rgb(232 236 243) 74%);
    box-shadow: 0 0 6px -4px black;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}


.nrplybutton {
    background: #30d935;
    color: white;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 4px;
    font-family: 'Roboto';
    font-weight: 600;
}



.nrplybutton:hover {
    background: #2cbd30;
}