@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Bungee');
/*--------------------------reset---------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/*--------------------------initializations----------------------------*/
body{background-color:#000;background-image:url(../images/rock-bg.png);background-position: 273px -167px;}
a{transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;}
.container{max-width:1204px;width:100%;}
input{border-radius:3px;text-indent:5px;}
img{max-width:100%;}
.img-full{width:100%;}
.btn{padding:4px 12px;}
.btn-red{background:#b20000;color:#fff;}
.btn-red:hover,.btn-red:active,.btn-red:focus{color:#fff;background:#ce1818;}
.hvcenter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
h5{color:#fff;font-family: 'Bungee', cursive;}
.img-fixed{max-width:50px;width:100%;height:50px;overflow:hidden;}
.rposition{position:relative;}
/*------------------------------home page-------------------------------------*/
.home-header .sec-top{padding:10px 0px;border-bottom:thin solid #b20000;}
.home-header{font-family: 'Open Sans', sans-serif;}
.home-header .sec-top .left{float:left;width: 100%; text-transform:capitalize;font-family: 'Bungee', cursive;}
.home-header .sec-top .right{width:100%;float:left;padding-top:10px;}
.home-header .sec-top .left a{color:#fff;text-decoration:none;display:inline-block;padding-top:5px;}
.home-header .sec-top .left a:hover,.home-header .sec-top .left a:focus,.home-header .sec-top .left a:active{color:#b20000;text-decoration:none;}
.home-header ul.header-login{width:100%;float:left;}
.home-header ul.header-login > li{width:30%;display:inline-block;color:#fff;}
.home-header ul.header-login li.remember{width:100%;font-size:13px;color:#afafaf;}
.home-header ul.header-login>li input[type="text"],.home-header ul.header-login>li input[type="password"]{width:100%;background:transparent;border:none;}
.home-header ul.header-login ::-webkit-input-placeholder, {color:#fff;}
.home-header ul.header-login ::-moz-placeholder {color:#fff;}
.home-header ul.header-login :-ms-input-placeholder { color:#fff;}

#owl-demo .item{margin: 3px;}
#owl-demo .item img{display: block;width: 100%;height: auto;}
.customNavigation a{color:#fff;font-size:120px;}
.customNavigation a:hover,.customNavigation a:active,.customNavigation a:focus{color:#b20000;}
.customNavigation a{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.home-header .sec-mid .logo{background:rgba(0,0,0,.8);padding:30px;border-radius:3px;}
.home-header .sec-mid .logo h1{text-transform:uppercase;color:#b20000;font-size:30px;text-align:center;font-family: 'Bungee', cursive;line-height:33px;}

.home-header .navigation{margin-top:0px;background: url(../images/rock-bg.png);background-position: center center;}
.home-header .navigation .navbar{margin-bottom:0px;}
.home-header .navigation .navbar-left{width:100%;text-align:center;}
.home-header .navbar-default{background:transparent;border:thin solid #b20000;}
.home-header .navigation .nav li{border:none;width:14.2%;float:left;font-family: 'Bungee', cursive;}
.home-header .navigation .nav li+li{border-left:thin solid #ccc;}
.home-header .nav>li>a{padding:15px 0px;}
.home-header .navbar-default .navbar-nav>li>a{color:#fff;text-transform:uppercase;}
.home-header .navbar-default .navbar-nav>li>a:hover,.home-header .navbar-default .navbar-nav>li>a:focus,.home-header .navbar-default .navbar-nav>li>a:active{color:#b20000;}
.home-header .texture{background:url(../images/red-grunge-wall-background-texture.png);width:100%;min-height:4px;background-size:cover;margin-bottom:20px;background-position: 235px 0px;}
.home-content{padding-bottom:40px;}
.home-content .sec-side{font-family: 'Bungee', cursive;}
.home-content .sec-side .sub-menu{color:#fff; list-style-type:none;}
.home-content .sec-side .sub-menu a{color:#b20000;text-decoration:none;}
.home-content .sec-side .sub-menu a:hover,.home-content .sec-side .sub-menu a:active,.home-content .sec-side .sub-menu a:focus{color:#fff;}
.home-content .sec-side .login{list-style-type:none;padding-top:10px;}
.home-content .sec-side .login > li+li{margin-top:10px;}
.home-content .sec-side .login > li input,.home-content .sec-side .login > li button{width:70%;}

.home-content .sec-mid{color:#fff;}
.home-content .sec-mid .news{font-family: 'Open Sans', sans-serif;font-size:14px;list-style-type:none;width:100%;float:left;padding-top:15px;}
.home-content .sec-mid .news > li{width:100%;float:left;border:thin solid #b20000; padding:15px 0px;border-radius:3px;}
.home-content .sec-mid .news > li+li{margin-top:20px;}
.home-content .sec-mid .user-img,.home-content .sec-mid .user-desc{width:100%;float:left;padding-bottom:30px;text-transform:capitalize;}
.home-content .sec-mid .news-desc{width:100%;float:left;}

footer{border-top:thin solid #b20000;}
footer .sec-footer{background:url(../images/gradient.png) no-repeat;min-height:140px;background-position: center center;font-family: 'Open Sans', sans-serif; color:#fff;text-transform: capitalize;font-size:11px;padding-top:50px;}

/*-------------------demo 8-12-2016-----------------------*/
ul.header-links{text-transform:uppercase;font-family: 'Bungee', cursive;}
ul.header-links li{display:inline-block;}
ul.header-links li+li{margin-left:20px;}
ul.header-links li a,ul.header-links li a:hover,ul.header-links li a:focus{color:#b20000;text-decoration:none;}
/*----------------13-12-2016--------------------------*/
ol.breadcrumb li{
	display:inline-block;
}

ol.breadcrumb a{
	color:#000;
	text-transform:capitalize;
	text-decoration:none;
}

ol.breadcrumb a:after{
	content:'/';
}

.center{
	width:100%;
	text-align:center;
}

.cancel{
	cursor: pointer;
}

.block{
	display:block;color: #000;
	margin-bottom:10px;
}

.main{
/*	width:50%;*/
	display: inline-block;
	float:left;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	border:thin solid #000;
	font-size:14px;
	padding:20px;
}

button#myBtn1{
	display:inline-block;
	margin-bottom:10px;
	padding:5px 10px;color:#000;
}

input{
	border-radius:3px;
	border:thin solid #afafaf;
}

.btn-dark{
	color:#000;
	border:thin solid transparent;
	border-radius:3px;
	padding:5px 10px;
}

.btn-grey{
	background:#E8E7E7;
	color:#000;
        border:thin solid #afafaf;
	border-radius:3px;
	padding:2px 8px;
}

.input-large{
	width:100%;
	padding:10px 0px 10px 5px;color:#000;
}

.input-mid{
	width:70%;color:#000;
	padding:10px 0px 10px 5px;
}

.input-small{
	width:20%;color: #000;
	padding:10px 0px 10px 5px;
}

.file-input{
	width:26%;
	opacity:0;
	position:relative;
	z-index:999;
}

.clear{
	clear:both;
}

.outer{
	width:100%;
	float:left;
	padding-bottom:10px;
	text-transform:capitalize;
}

.left{
	width:40%;
	float:left;
}

.right{
	width:60%;
	float:right;
	position:relative;
}
.right select{color:#000;width: 20%;}
.browse{
	position: absolute;
}

.pop-ups{
	width:100%;
	text-align:center;
	margin:20px 0px;
}

.table-responsive{
	width:100%;
	text-align:left;
	margin:20px 0px;
	text-transform:uppercase;
}
.records-table,.records-table th,.records-table td{border: thin solid #790000;padding:5px;}
.records-table td button i{color:#000;}
.games-played h6{border-bottom:1px solid #790000;margin:15px 0;padding:5px 0; }
/*--------------------modal----------------------*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    text-align:left;
    width:100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}



/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width:40%;
    overflow:hidden;
    color:#fff;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@-moz-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@-o-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #535252;
    color:#fff;
}

.modal-body {padding: 10px 16px;width:100%; float:left;background:#2b2a2a;}

.modal-footer {
	width:100%;
	text-align:right;
    padding: 10px 16px;
    color: white;
    float:right;
    background:#2b2a2a;
    border-top:thin solid #fff;
}

/*----------------------black ops page-------------------------*/

.top-right{
	text-align: right;
	padding-bottom:20px;
}

/*-------------------edit game stats-------------------------*/

.top-right a{
	color:#000;
	text-decoration:none;
}

.subsection{
	width:96.5%;color:#fff;
	float:left;
	border:thin solid #790000;
	border-radius:3px;
	padding:5px 10px;
}

/*-----------------edit profile------------------*/

.edit-profile .browse{
	top:8px;
	right:0px;
	left:300px;
}

/*------------------games played----------------------*/

.games-played .browse{
	top:36px;
	left:300px;
}

.formula{
    width:100%;
    float:left;
}

#formula{
    display:none;
}

.bottom-section{
	width:100%;
	float:left;
}

/*-------------------add new game------------------------*/

.add-new{
	border:thin solid #000;
	float:left;
	padding:10px;
	margin-bottom:20px;
}

.game-stats{
	width:97%;
	float:left;
	padding:10px;
	border:thin solid #000;
}

.add-new .browse{
	left:16px;
	top:73px;
}
/*----------------------edit state---------------------------*/

.edit-game{
    
}

.edit-header{
    background:rgba(0,0,0,0.4);
    color:#fff;
    padding: 1px 10px;
}

.edit-body{
    background: #2b2a2a;
    width: 96.8%;
    padding: 10px;
    float: left;
    color:#fff;
}

.edit-footer{
    width: 96.8%;
    float: left;
    text-align: right;
    background: #2b2a2a;
    border-top: thin solid #fff;
    padding: 10px;
}

/*------------------------------------------*/
@media (max-width:767px){
	.home-header .navigation .nav li{width:100%;text-align:left;text-indent:15px;}
	.home-header .navigation .nav li+li{border-left:none;}
	.home-header .navbar-default .navbar-toggle:hover{background:#b20000;}
	.home-header .navbar-default .navbar-toggle .icon-bar{background-color:#fff;}
	.home-header .sec-top .left{text-align:center;}
	.home-header .sec-mid .logo h1{font-size:15px;line-height:18px;}
	.home-header .sec-mid .logo{padding:5px;}
	.home-header ul.header-login > li{text-align:center;}
	.home-header ul.header-login li.remember{text-align:left;}
	.home-content .sec-side{margin-top:20px;}
	.home-content .sec-mid{margin-top:20px;}
}

@media (max-width:320px){
	.home-header .sec-mid .logo h1{font-size:12px;line-height:14px;}
}