#headerbg { background:#040404; height:100px; }

#header { width:1020px; height:100px; margin:auto; }

#logo { background:url(styles/head/logo.png); width:250px; height:100px; float:left; }

#hc { width:350px; height:100px; float:left; }

#hr { width:420px; height:95px; float:left; margin-top: 5px;}

#navibg { background:#e07812; height:40px; }

#navi { width:1030px; height:400px; margin:auto; }

#navi ul { list-style-type:none; padding:0; margin:0 0 0 0px; }

#navi li { float:left; border-left:solid 1px #040404; }

#navi li a { display:block; font-size:15px; color:#ffffff; text-decoration:none; height:40px; line-height:40px; padding:0 15px; }

#navi li:last-child{border-right:solid 1px #040404;}

#pagebg { background: #111111; background-repeat:no-repeat; background-position: center top; }

#page { width:1021px; height:auto; margin:auto; }

#infobg { width:973px; height:170px; margin:auto; background:#333; background:rgba(0,0,0,0.6); border: solid 1px #222; order-radius: 4px; padding: 15px; }

#info { width:470px; float:left; }

#rek { width:470px; height:60px; background:#333; background:rgba(0,0,0,0.6); border: solid 1px #222; order-radius: 4px; padding: 10px 11px; }

.regbut{
    background: linear-gradient(#FF9226 0%,#e07812 100%);
    padding-left: 10px;
    padding-right: 10px;
    height: 42px;
    display: inline-block;
    position: relative;
    border: 1px solid #e07812;
    border-radius: 4px;
    float: left;
    clear: both;
    overflow: hidden;
    transition: box-shadow 0.3s ease-in-out;
}
.regbut-text{
    padding-top: 8px;
    color:#ffffff;
    display: block;
    font-size: 22px;
    text-shadow: 0px -1px 1px #80ab5d;
}

.a-btn{
    background: linear-gradient(#FF9226 0%,#e07812 100%);
    padding-left: 95px;
    padding-right: 95px;
    height: 60px;
    display: inline-block;
    position: relative;
    border: 1px solid #e07812;
    border-radius: 4px;
    float: left;
    clear: both;
    overflow: hidden;
    transition: box-shadow 0.3s ease-in-out;
}
.a-btn .a-btn-slide-text{
    position: absolute;
    font-size: 45px;
    color:#ffffff;
    left: 30px;
    top: 10px;
    border: none;
    transition: all 0.3s ease-in-out;
    text-shadow: 0px -1px 1px #80ab5d;
}
.a-btn-text{
    padding-top: 7px;
    color:#ffffff;
    display: block;
    font-size: 25px;
    text-shadow: 0px -1px 1px #80ab5d;
}
.a-btn-text small{
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
}

.vtarpas {
     margin-bottom: 1px;
}

#content { width:1001px; height:auto; padding:10px 0px; margin:0 0 0 9px; clear:both; min-height:600px; }

#contleft { width:490px; height:auto; padding-right:9px; float:left; }

#cont { width:620px; min-height:500px; height:auto; }

#contf { width:1001px; background: #f7f7f7; height:auto; }

#contfbot { width:1001px; background: #f7f7f7; height:15px; overflow:hidden; }

#contstats { width:1001px; min-height:1000px; height:auto; }

.block { background: #f7f7f7; margin-bottom: 20px; -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75); }

.collectonme{width:100%; height:100%; }

#cnews { width:800px; height:auto; margin:10px 0 0 5px; }

#contright { width:490px height:auto; float:right; }

#loginbg {background:url(styles/content/loginbg.jpg); width:316px; height:105px; padding:10px 0 0 10px; margin:0 0 7px 2px; }

#topmatchbg { background:url(styles/content/topmatchbg.jpg); width:326px; height:94px; padding-top:22px; margin:0 0 7px 2px; }

.righttop { background:#f7f7f7; width:490px; height:8px; overflow:hidden; }

.rightbg { background:#f7f7f7; width:470px; height:auto; padding:0 10px 0 10px; }

.rightbottom { background:#f7f7f7; width:490px; height:15px;  overflow:hidden; }



#footerbg { background:#040404; height:250px; }
#footer { width:1020px; height:250px; margin:auto; }

#fblokas { width:230px; height:235px; float:left; padding:15px 0 0 20px; }

.rem { width:126px; height:116px; padding:16px 0 0 2px; }

.unranked { background:url(styles/div/0.png); }
.bronze { background:url(styles/div/1.png); }
.silver { background:url(styles/div/2.png); }
.gold { background:url(styles/div/3.png); }
.plat { background:url(styles/div/4.png); }
.diamond { background:url(styles/div/5.png); }
.elite { background:url(styles/div/6.png); }
.admin { background:url(styles/div/admin.png); }

.rem img{
	width: 98px;
	height: 98px;
	-webkit-border-radius: 7px; /* Saf3+, Chrome */
	border-radius: 7px; /* Opera 10.5, IE 9 */
	/*-moz-border-radius: 30px;  Disabled for FF1+ */
	}

.inh { width:auto; height:auto; padding:5px; border:1px solid #f4f4f4; }


.social { list-style:none; margin:0 -40px; width:464px; }
.social li { display:inline; float:left; background-repeat:no-repeat; }
.social li a { display:block; width:48px; height:48px; padding-right:5px; position:relative; text-decoration:none; }
.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

li.youtube { background-image:url("styles/social/yt.png"); }
li.steam { background-image:url("styles/social/st.png"); }
li.facebook { background-image:url("styles/social/fb.png"); }
li.discord { background-image:url("styles/social/discord.png"); }
li.gplius { background-image:url("styles/social/gp.png"); }
li.skynet { background-image:url("styles/social/sky.png"); margin:0 3px; }


.sponsors { list-style:none; margin:30px -30px; width:300px; }
.sponsors li { display:inline; float:left; background-repeat:no-repeat; }
.sponsors li a { display:block; width:240px; height:48px; padding-right:5px; position:relative; text-decoration:none; }
 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);
 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}


/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
 -moz-transition-property: opacity; -moz-transition-duration: 500ms; opacity:0.5; }
#css3 li a strong { opacity:0;
 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;
 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }

#css3 li:hover { opacity:1; }
#css3 li:hover a strong { opacity:1; top:-10px; }


.shop {
width: 240px;
height: 300px;
display: inline-block;
background-color: #fff;
border: 1px solid #2d2d2d;
float: left;
margin-bottom: 6px;
margin-left: 6px;
}

.shop:hover {
opacity:0.5;
}





.newsgesamt { width:295px; height:auto; padding:0 0 20px 30px; float:left; }

.newspic { width:202px; height:auto; float:left; }

.newsreadmore { width:92px; height:auto; padding-top:15px; float:left; }

.newstext { width:auto; height:auto; padding:10px 6px 6px 6px; }

.icon {
background-image: url(path/to/my/icon.jpg);
background-position: left center;
background-repeat: no-repeat;

padding-left: 16px; /* Or size of icon + spacing */
}


.subm {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
a.subm {
font-size:12px;
}
a.subm:hover {
font-size:12px;
}
.subm-title {
background: #e07812;
height: 27px;
line-height: 26px;
border-top: solid 1px #f7f7f7;
border-left: solid 1px #f7f7f7;
border-right: solid 1px #f7f7f7;
border-bottom: solid 1px #f7f7f7;
padding: 0 10px;
color: #f7f7f7!important;
margin-left: 10px;
text-transform: none;
}
.pull-right {
float: right!important;
}

.navtable{
    float:right;
}
.navtable td{
    padding: 0 10px;
}

.profh1{
    font-size:35px;
    font-weight:700;
    color:#000;
}
.profh1 a{
    font-size:35px;
    color:#000;
}
.profh1 a:hover{
    font-size:35px;
    color:#000;
    text-decoration:underline;
}

.profh2{
    font-size:17px;
    font-weight:700;
}
#planeMachine{
padding-top:20px;
height:35px;
overflow:hidden;
position:relative;
width:150px;
text-align:center;
float:left;
}
#planeMachine::after {
    content: '';
    position: absolute;
    top: 18px;
    left: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid red;
}

#planeMachine::before {
    content: '';
    position: absolute;
    top: 18px;
    right: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid red;
}
#ranomizeButton{
float:left;
margin: 0 10px;
height:40px;
background-color:red;
line-height:40px;
color:white;
padding:10px 20px;
}

.well{
background: #f7f7f7;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.75);
float:left;
width:100%;
padding:10px;
}

.slotMachineNoTransition {
    -webkit-transition: none !important;
            transition: none !important;
}

.slotMachineGradient {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
    -webkit-mask: url("data:image/svg+xml;utf8,<svg version="1.1" xmlns="http:// www.w3.org/2000/svg" width="0" height="0"><mask id="slotMachineFadeMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><linearGradient id="slotMachineFadeGradient" gradientUnits="objectBoundingBox" x="0" y="0"><stop stop-color="white" stop-opacity="0" offset="0"></stop><stop stop-color="white" stop-opacity="1" offset="0.25"></stop><stop stop-color="white" stop-opacity="1" offset="0.75"></stop><stop stop-color="white" stop-opacity="0" offset="1"></stop></linearGradient><rect x="0" y="-1" width="1" height="1" transform="rotate(90)" fill="url(#slotMachineFadeMask)"></rect></mask></svg>#slotMachineFadeMask");
            mask: url("data:image/svg+xml;utf8,<svg version="1.1" xmlns="http:// www.w3.org/2000/svg" width="0" height="0"><mask id="slotMachineFadeMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><linearGradient id="slotMachineFadeGradient" gradientUnits="objectBoundingBox" x="0" y="0"><stop stop-color="white" stop-opacity="0" offset="0"></stop><stop stop-color="white" stop-opacity="1" offset="0.25"></stop><stop stop-color="white" stop-opacity="1" offset="0.75"></stop><stop stop-color="white" stop-opacity="0" offset="1"></stop></linearGradient><rect x="0" y="-1" width="1" height="1" transform="rotate(90)" fill="url(#slotMachineFadeMask)"></rect></mask></svg>#slotMachineFadeMask");
}