body{background-color: #F9F9F9;}

a {color:#333;transition:all 0.3s;}
a:hover {color:#8D8D8D;}
a:focus,ul li a:focus,div a:focus {color:#8D8D8D;}

::-moz-selection {color: #fff;background:#333;}
::selection {color: #fff;background:#333;}

*:focus,a:focus,a {outline:none;}

.btn:hover, .btn-large:hover {color:#fff;}
.main-navigation > ul > li {display:block;width:100%;text-align:left;}
.data-block.decent .data-container,.navigation-block .steam-widget,.data-block .data-container{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);background: #fff;}
.steam-redi{background: #fff;box-shadow: 0 1px 6px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.08);height: 79px;}
.steam-redi nav {display:none;}
.steam-redi h1 {margin:0px;}
#header {padding: 0px 0;margin-bottom: 26px;}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav,.main-navigation > ul > li,
.main-navigation > ul{border:none;box-shadow:none;}

.main-navigation > ul > li > a {padding:5px 15px;transition:all 0.3s;}
.main-navigation > ul > li > a:hover,.main-navigation > ul > li > a:focus{
    color: #fff;padding-left:25px;
    text-decoration: none;
    background: #ff3b49;
}
.main-navigation > ul > li { margin: 2px 0px!important;}
.main-navigation > ul {margin:10px 0px;}
.navigation-block .steam-widget {margin-bottom:26px;overflow:auto;padding:15px;}
.navigation-block .steam-widget.stmenu{padding:0px 0px 11px;}

.data-block header {
    margin: 0px -23px 20px;
    padding:0px 20px;background:rgb(249, 249, 249);
    border-bottom: 1px solid #fff;
}
.data-block header h2 {line-height:60px;}
.data-block.decent .data-container {padding-top:0px;}
.btn-large {
    height: 54px;
    line-height: 38px;
}
.data-header-actions a.steam-gray {background:#fff !important;color:#333;box-shadow: 0 1px 5px 0 rgba(0,0,0,0.10),0 1px 10px 0 rgba(0,0,0,0.10);    margin-right: 8px;}
.steam-gray:hover,.steam-gray:focus {color:#333;box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15) !important;}

.data-header-actions a {padding: 9px 22px;font-size:14px;}
.btn-large {
    height: 38px;
    line-height: 19px;
}
.data-header-actions .btn, .btn-large, .data-header-actions .btn-flat {width:auto;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}
.data-block header h2 + .btn, .data-block header h2 + .btn-group, .data-block header .data-header-actions {margin: 10px 0 0;}
.main-navigation > ul > li a {font-size:14px;}

@media (min-width: 768px){
.stm-col-3 {width:27%;float:left;padding:0px 13px;margin:0px !important;}
.stm-col-7{width:73%;float:left;padding:0px 13px;margin:0px !important;}
.stm-col-5{width:50%;float:left;padding:0px 13px;margin:0px !important;}
.stm-col-10{width:100%;float:left;padding:0px 13px;margin:0px !important;}
.stmrow {margin:0px -13px !important;}
}
@media (max-width: 768px){.steam-widget.stmenu{display:none;}}

@media (min-width: 1200px){.container{width: 1170px;}}
@media (max-width: 1199px) and (min-width: 980px){.container{width: 940px;}}
@media (max-width: 979px) and (min-width: 768px){.container{width: 724px;}}

.txtleft {text-align:left;}
.txtleft a {display: inline-block;color:#939699;margin-top:-5px;}
#footer p {float:none;color:#333;}
#footer ul li {float:left;}


.stm-col-7 .content-block {width:100%;}
.stm-col-7 .row {margin:0px !important;} .stm-col-7 .stmrow {margin:0px -13px !important;}
.stm-col-7 .span12 {width:100% !important;    margin: 0px;}
.breadcrumb {background:none;}
.data-block {position: relative;margin-bottom: 26px;}
	
.stm-right {float:right;}.stm-left {float:left;}
.norow {margin:0px;}

.steam-redi .btn.btn-flat.btn-primary {font-size:12px;color:#333;background:none !important;padding:0px 0px 5px 0px;line-height:10px;}
.steam-redi .btn.btn-flat.btn-primary:hover {opacity:0.8;}
.steam-redi .btn.btn-flat.btn-primary:focus {background:none;box-shadow:none;}
.user-profile ul li {margin-right:5px;}
.user-profile {margin-top:8px;}
.user-profile img {
    border: none;
    background: none;
    padding: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 60px;
    height: 60px;
    border-radius: 100px;margin-top:1px;
}

.breadcrumb {font-size:14px;color:#333;}
.breadcrumb > li > .divider {background:none;color:#333;font-size:0px;position:relative;top:1px;transition:all 0.3s;left:0px;}
.breadcrumb > li > .divider:before{font-family:'Material-Design-Iconic-Font';content: '\f301';font-size:14px;color:#ff3b49;}
.breadcrumb:hover li > .divider{left:4px;
}
.breadcrumb li.home:hover > .divider{left:0px;}
a.btn.btn-inverse,button.btn-primary,button.btn,.btn.btn-small,.btn.btn-alt,.btn-primary,.btn.btn-alt.btn-inverse,.btn.btn-alt.btn-info,.data-block header h2 + .btn li.active .btn.btn-alt.btn-inverse, .data-block header h2 + .btn-group li.active .btn.btn-alt.btn-inverse, .data-block header .data-header-actions li.active .btn.btn-alt.btn-inverse{transition:all 0.3s;
background: #ff3b49;color:#fff;border-radius:4px;padding:3px 12px;text-shadow:none;outline:none !important;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
a.btn.btn-inverse:hover,button.btn-primary:hover,button.btn:hover,.btn.btn-small:hover,.btn.btn-alt:hover,.btn-primary,.btn.btn-alt.btn-info:hover,.data-block header .data-header-actions li.active .btn.btn-alt.btn-inverse:hover,.btn.btn-alt.btn-inverse:hover{
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}
button.btn:focus{color:#fff;}
.stm-col-7 .data-block header{margin-top:-23px;    padding: 20px 20px 15px;}
.stm-col-7 .stm-col-5 .data-block header{margin-top:0px;padding:0px 11px 0px 17px;}


.data-block .data-container header { opacity:1;}
.data-block .data-container header,.data-block .data-container p{
    color:#DCDCDC;line-height:25px;
}
.stm-col-7 .data-block header .data-header-actions {margin: 20px 0 0;}
.stm-col-7 .stm-col-5 .data-block header .data-header-actions {margin: 11px 0 0;}

.stm-col-7 .data-block header {background:#333;color:#DCDCDC;border-radius:2px 2px 0px 0px;}
.stm-col-7 .data-block header h1 {color:#fff;text-transform: capitalize;position:relative;}
.stm-col-7 .data-block header h2 {color:#fff;}

dl.dl-horizontal dd {text-align: right;}
dl.dl-horizontal dt {text-align: left;}
dl.dl-horizontal dd,dl.dl-horizontal dt {margin-bottom:5px;}

nav [class*="zmdi-"] {
display: inline-block;
    font-size: 18px;
    height: auto;
    line-height: 26px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}
.zmdi.zmdi-store {font-size:20px;}

.invoice .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f222';font-size:24px;margin-right:5px;color:#ff3b49;}
.support .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f18d';font-size:24px;margin-right:8px;color:#ff3b49;}
.service .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f1cb';font-size:24px;margin-right:8px;color:#ff3b49;}
.email .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f15a';font-size:24px;margin-right:8px;color:#ff3b49;}
.balancei .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f162';font-size:24px;margin-right:8px;color:#ff3b49;}
.newsi .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:1px;font-family:'Material-Design-Iconic-Font';content: '\f25d';font-size:24px;margin-right:8px;color:#ff3b49;}
.kbi .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f1f6';font-size:24px;margin-right:8px;color:#ff3b49;}
.forumi .stm-col-7 .data-block header h1:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f287';font-size:24px;margin-right:8px;color:#ff3b49;}
.support.ticket .stm-col-7 .data-block header h2:before{position:absolute;left:-25px;top:0px;font-family:'Material-Design-Iconic-Font';content: '\f266';font-size:24px;margin-right:8px;color:#ff3b49;}
.support.ticket .stm-col-7 .data-block header:before{position:absolute;right:0px;bottom:15px;font-family:'Material-Design-Iconic-Font';content: '\f29c';font-size:110px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);z-index:0;}
.support.ticket .stm-col-7 .data-block header h2 {position:relative;padding-left:5px;}

.invoice .stm-col-7 .data-block header:before{position:absolute;right:-25px;bottom:5px;font-family:'Material-Design-Iconic-Font';content: '\f222';font-size:140px;margin-right:5px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.support .stm-col-7 .data-block header:before{position:absolute;right:-35px;bottom:10px;font-family:'Material-Design-Iconic-Font';content: '\f18d';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.service .stm-col-7 .data-block header:before{position:absolute;right:-45px;bottom:-15px;font-family:'Material-Design-Iconic-Font';content: '\f1cb';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.email .stm-col-7 .data-block header:before{position:absolute;right:-55px;bottom:-5px;font-family:'Material-Design-Iconic-Font';content: '\f15a';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.balancei .stm-col-7 .data-block header:before{position:absolute;right:-35px;bottom:0px;font-family:'Material-Design-Iconic-Font';content: '\f162';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.newsi .stm-col-7 .data-block header:before{position:absolute;right:-65px;bottom:-5px;font-family:'Material-Design-Iconic-Font';content: '\f25d';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.kbi .stm-col-7 .data-block header:before{position:absolute;right:-40px;bottom:-5px;font-family:'Material-Design-Iconic-Font';content: '\f1f6';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}
.forumi .stm-col-7 .data-block header:before{position:absolute;right:-35px;bottom:0px;font-family:'Material-Design-Iconic-Font';content: '\f287';font-size:140px;margin-right:8px;color:rgba(0, 0, 0, 0.2);-ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);z-index:0;}

a.btn {position:relative;}

body.invoice .data-block header,
body.support .data-block header,
body.service .data-block header,
body.email .data-block header,
body.balancei .data-block header,
body.newsi .data-block header,
body.kbi .data-block header,
body.forumi .data-block header
{padding-left: 45px;position:relative;overflow:hidden;}

.alert-info {
    background-color: #FF3B49;
    border-color: #FF3B49;
    color: #FFFFFF;
    text-shadow: none;
    padding: 12px 34px 12px 12px;position:relative;
}
.alert-info:before{font-family:'Material-Design-Iconic-Font';font-size:20px;content: '\f1f7';margin-right:5px;top:12px;right:10px;position:absolute;}
.btn-large i {font-size: 1.2rem;}
.steam-gray i {
    line-height: 10px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

#footer {
    background: #fff;
    box-shadow: 0 -2px 6px rgba(0,0,0,0.2), 0 1px 4px rgba(0,0,0,0.2);
    padding: 13px 0px 25px;margin-top: 30px;font-size: 14px;
}
#footer ul {margin-top:30px;}
#footer ul li + li {
    margin-left: 25px;
}

.stm-col-7 .data-block header input {position:relative;color:#fff;}
.table-bordered td {border:1px solid #F8F8F8 !important;}
.table-bordered {border:1px solid #F8F8F8 ;}
.table.table-bordered {border-bottom: 1px solid #F8F8F8;}

.table-bordered td ,.table-bordered th, .table-bordered td{
    border-left: 1px solid #fff;
    background: #fff;
    padding: 10px;
}

.data-block .data-container > section .article header,.data-block .data-container > section article header {background:#f8f8f8;padding-left:25px;border-bottom:1px solid #ECECEC;}
.data-block .data-container > section .article header:before,.data-block .data-container > section article header:before {display:none;}

.data-block .data-container > section .article,.data-block .data-container > section article  {background:#f8f8f8;box-shadow:none;margin:22px 0px 8px;}
.data-block .data-container > section .article p,.data-block .data-container > section article p{color: #333;font-size:14px;}

.data-block .data-container > section .article h2, .data-block .data-container > section article h2{font-size: 20px;}
.btn.btn-small {font-size:14px;position:relative;}


.data-block .data-container table p {color: #B7B7B7;}
.alert.alert-block.alert-danger{color:#333;text-shadow:none;}
.btn.btn-primary.btn-small.read_more {width:auto;}
.article.data-container {text-align:right;}
.article.data-container header {text-align:left;}
.article.data-container section {text-align:left;}
.data-block .data-container section p {color:#333;}

body.newsi  .data-block .data-container section hr + p {text-align:right;}
body.newsi  .data-block .data-container section hr + p .btn.btn-small {width:auto;}


.data-block .data-container > section article .data-container{background: #f8f8f8;box-shadow: none;}
.kbi .data-block .data-container > section article .data-container ul li:before {content:"-";margin-right:5px;}
.kbi .data-block .data-container > section article {margin: 2px 0px 0px;}
.stm-col-7 .data-block header form {margin-top:20px;}

.table.table-striped tbody tr td a:first-child {font-weight:bold;}
.table thead th {border-bottom: 2px solid #FFFFFF;}
body.invoice .data-block footer p {color:#333;font-size:11px;}

.balancei .span3 {width:100%;}
fieldset {
    border: 1px solid #F8F8F8;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
    box-shadow: none;
    margin: 0px;
    border-radius: 2px;
}
.input-append, .input-prepend {
    white-space: inherit;
}
#appendedPrependedInput {width:100% !important;}
.label-info, .badge-info {
    background-color: #ff3b49;
}

body.profile .stm-col-7 .data-block header h1 {
    display: block;
    margin-top: 25px;
}
body.profile .alert.alert-block.alert-success .span3 {text-align:center;width:100%;}
body.profile .alert.alert-block.alert-success .span6 {width:100%;}

body.profile .alert.alert-block.alert-success .span3 img {border-radius:100px;border: 5px solid rgba(255, 255, 255, 0.6);}
.data-block .data-container header p {
    color: #DCDCDC;
}
body.profile .control-label {position:relative;top:10px;}
.tab-content{overflow-x: hidden !important;}
.alert.alert-block h4 {font-size:13px;}
.btn.btn-alt.btn-large.btn-primary{border-radius:2px;box-shadow:none;font-size:14px;outline:none !important;}

.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover,.tabs-left > .nav-tabs > li > a:hover  {  color: #FF3B49;}
.modal .modal-header h3 {font-size:16px;}

.data-block textarea[class*="span"],textarea.span5  {width:100% !important;transition:all 0.3s;border-radius:0px;border:none;border-bottom:1px solid #9e9e9e;min-height:150px;box-shadow:none !important;margin-bottom:10px;;}

.data-block textarea[class*="span"]:hover,.data-block textarea[class*="span"]:focus,
textarea.span5:hover,textarea.span5:focus {border-bottom:2px solid #ff3b49;}

body.support .span4 ,body.support .span8 {width:100%;margin:0px 0px 25px;}
h3 {font-size: 14.95px;}
body.ticket .span9 header:before {display:none;}
body.ticket .span9 header{background:#fff;margin-top: 3px;}
.thumbnails img {border-radius:100px;}
.thumbnails {margin-top:30px;}

fieldset{background-color: #f8f8f8;}
.btn.btn-large {transition: all 0.3s;font-size:14px;}
.well {box-shadow: none;border: none;}
body.ticket .btn.btn-large{float:right;}

body.ticket .span8 {display:none;}
.modal.fade.in {top: 30%;}
.stm-pro {display:block;padding-left:50px;}
.stm-pro li {float:left;}
.stm-pro a {padding:8px 25px !important;margin-top:5px;margin-bottom:5px;}
.stm-profile-res {display:none;}
.steam-widget.stm-right{position:relative;right:-22px;}
body.support .modal.fade.in {top: 50%;}

footer .stm-left {padding-left:13px;padding-right:13px;}
footer .stm-right {padding-right:13px;padding-left:13px;}

.steam-menu {line-height:79px;font-size:0px;margin-right:0px;transition:all 0.3s;}
.dropdown-content li>a{padding-right:20px;padding-left:20px;}
.dropdown-content li>a, .dropdown-content li>span {font-size: 14px;color: #939699;line-height: 50px;padding: 0px 36px;transition:all 0.3s;}
.dropdown-content li>a:hover{background-color: #ff3b49;color:#fff;}
.dropdown-content{  max-height: none !important;}
.dropdown-content li>a span {margin-right:7px;}
.dropdown-content {background-color: #fff;padding:10px 0px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}

@media (max-width: 1180px){.btn-large {margin-bottom:10px;}}
@media (max-width: 980px){
.data-block header {margin: 0px -15px 20px;}
.data-block.decent .data-container {overflow: hidden;}

}
@media (max-width: 768px){
.steam-menu {line-height:79px;font-size:20px;margin-right:20px;}
.steam-widget.stm-right{position:relative;right:0px;}
.stm-col-3 {padding:0px 13px;}
.stm-col-7{padding:0px 13px;}
.stm-col-5{padding:0px 13px;}
.stm-col-10{padding:0px 13px;}
.stmrow {margin:0px 13px !important;}
.steam-redi#header {padding:0px 0px 0px 25px;}
.stm-profile-res {display:block;}
#header .steam-widget.stm-right{display:none;}
}

@media (max-width: 400px){
.stm-pro {padding-left:0px;}
footer .stm-right a {line-height:30px;}
.table-bordered thead:first-child tr:first-child > th {display:none;}
.table-bordered thead:first-child tr:first-child > th:nth-child(2){display:block;}
body.support .table.table-striped tbody tr td {display:none;}
body.support .table.table-striped tbody tr td:nth-child(2),.table.table-striped tbody tr td:nth-child(5),.table.table-striped tbody tr td:nth-child(6) {display:block !important;}


}
.awe-wrench {display:none;}
.alert-success {
    background-color: #34A853;
    border-color: #34A853;
    color: #FFFFFF;
    text-shadow: none;
    border-radius: 2px !important;
}
.alert-success a:hover {color:#fff;}
.table.table-striped tbody tr td a.btn.btn-small {
    font-weight: normal;
    background: #333333;
    color: #FFF;
    padding: 5px;
    line-height: 26px;
    font-size: 13px;
}
h2 {
    font-size: 19.5px;
    margin: 18px 0;
}
.kbi .span6 {width:100%;margin:27px 0px 0px;}