/* GLOBAL CSS*/

* {
margin:0;
padding:0;
cursor: url('../../global/mainc.png'), auto;
}

body {
margin:0;
padding:0;
background:url("../valkhall.jpg")no-repeat fixed center;
background-size:cover;
background-position:85% 15%;
}

#bodyflex{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
position:relative;
}

.primwinwrap {
width:1080px;
margin:auto;
margin-top:30px;
}

.bluebar {
border:solid 1px #adc1eb;
border-top-left-radius:5px;
border-top-right-radius:5px;
background: linear-gradient(white 1%, rgb(173, 193, 235) 20%, white 110%);
border-bottom:1px solid transparent;
width:1080px;
margin:auto;
}

.primwin {
border:1px solid gray;
/*overflow-y:scroll;*/
height:auto;
width:1080px;
margin:auto;
background:white;

display: -webkit-flex;
display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
margin-bottom:50px;
}

.circ {
border:1px solid black;
width:9px;
height:9px;
display:inline-block;
border-radius:50%;
background:linear-gradient(white 1%, rgb(91, 130, 215) 70%, white 110%)
}

.editor {
margin-top:2px
}



h1, h2 {
text-align:center;
line-height:90px;
color:#98b1e6;
}

h3 {
text-align:center;
color:#98b1e6;
}

p{
font-size:120%;
letter-spacing:1px;
line-height:25px;
}

.fblogo {
width:300px;
height:75px;
border:1px solid black
}

.donate {
width:200px;
height:50px;
border:1px solid black;
border-radius:20px;
}

.feat {margin-top:14px}

.hr1 {width:90%}
.hr2 {width:73%}
.hr3 {width:51%}

					/* GLOBAL CSS*/




				/* BACK BUTTON */

/* JUST ADD ON BUTTON CSS */
.backedit:active {cursor: url('../../global/activec.png'), auto;}

.bbpa, .csr, .backarrow, .back, .backbutton, .backedit {
cursor: url('../../global/linkc.png'), auto;
}
/* JUST ADD ON BUTTON CSS */

.bbpa {display:flex;
transition:.5s;

width:65px;
margin-bottom:3px;
}

.bbpa a {width:auto;
text-decoration:none;
color:gray;
}

.bbpa:hover {
margin-left:-14px;

}

.back, .backarrow {margin-top:5px
}

.backarrow {
border:12px solid #85e085;
border-left:0px solid transparent;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
margin-right:2px;
transition:.5s;
}

.back {
width:100px;
background:white
linear-gradient(white 1%, rgb(217, 217, 217) 80%, white 110%);
text-align:center;
border-radius:5px;
}

.back:hover {
cursor: url('linkc.png'), auto;	
background:linear-gradient(white 1%, rgb(173, 193, 235) 20%, white 110%);
}

.backflex:hover .backarrow {border:12px solid red;
border:12px solid #e08585;
border-left:0px solid transparent;
border-top:9px solid transparent;
border-bottom:9px solid transparent;
margin-left:1px;
transition:.5s;
cursor: url('../../global/linkc.png'), auto;	
}



.backflex {
display:flex;
}

.mainwin3 {
    display: -webkit-flex;
    display: flex;
}


.mainwin2 {
    display: -webkit-flex;
    display: flex;
margin:auto;
}


					/* BACK BUTTON */

.grntxt {color:green}
.pinktxt {color:pink}
.redtxt {color:red}
.bluetxt {color:blue}
.rotxtred{color:#f58989}
.rotxt {color:#98b1e6;}

.floatmid {text-align:center}
.floatleft {text-align:left}
.floatright {text-align:right}



.flexdata {    
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexdata-center {    
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexcenter {    
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction:column;
align-items:center;
}

.flexcol {    
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.section {
margin:auto;
width:90%

}

.spacer {margin:20px 0px}
.spacer-bottom {margin: 0 0 20px 0;}

.pc{margin:auto;}
.initial{width:100%}
.lucky{margin:auto;}

a {text-decoration:none}

.linkc{cursor: url('../../global/linkc.png'), auto;}
.linkc:active{cursor: url('../../global/activec.png'), auto;}

.fw{
border-left:1px solid gray;
border-right:1px solid gray;
margin: 10px 0;
box-shadow:3px 3px 5px #999999;
width:49%;
}

.newstitle{
background:#c2e8eb;
border:1px solid gray;
border-left:none;
border-right:none;
padding:5px;
}

.newscredit{
background:#c2e8eb;
border:1px solid gray;
border-left:none;
border-right:none;
}

.p100{
font-size:105%;
padding:10px
}

.pad{padding:10px}

.block {
    display:block;
    margin:auto;
}

.border {border:1px solid gray;}

/* ***************RESPONSIVE 1080**************** */
@media screen and (max-width: 1100px) 
{
.primwin, .bluebar, .primwinwrap {
width:768px;
height:auto;
}

.primwin {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.options {margin-top:0}

.primwinwrap {
margin:auto;
margin-top:50px;
}

.fw{width:80%}

}
/* ***************RESPONSIVE 1080**************** */

/* ***************RESPONSIVE 768**************** */
@media screen and (max-width: 788px) 
{
.primwin, .bluebar, .primwinwrap {
width:468px;
height:auto;
}

.primwin {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.options {margin-top:0}

.primwinwrap {
margin:auto;
margin-top:50px;
}

.fw{width:99%}
.pc{width:100%}
h2 {line-height:normal;margin:20px 0;}

}
/* ***************RESPONSIVE 768**************** */

/* ***************RESPONSIVE 468**************** */
@media screen and (max-width: 488px) 
{
.primwin, .bluebar, .primwinwrap {
width:268px;
height:auto;
}

.primwin {
    -webkit-flex-direction: column;
    flex-direction: column;
}

.options {margin-top:0}

.primwinwrap {
margin:auto;
margin-top:50px;
}

h1{font-size:180%}
p{font-size:100%}

.chat{width:100%}

}
/* ***************RESPONSIVE 468**************** */

@media print {

}