/*#####################################################################################################################*/
/*GLOBAL STYLE */
html, body {
	font-family: Arial, Century Gothic, Calibri;
	color: #000;
	font-size: 15px;
	line-height: 18px;
	background-color: #333;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
a, a:visited {
	text-decoration: none;
	color: #000;
	font-size: 15px;
	font-family: Arial, Century Gothic, Calibri;
	outline: none;
}
a:hover, a:visited:hover {
	text-decoration: none;
	color: #ff0010;
	outline: none;
}
a.black, a.black:visited {
	text-decoration: none;
	color: #000;
	font-size: 15px;
	font-family: Arial, Century Gothic, Calibri;
	outline: none;
}
a.black:hover, a.black:visited:hover {
	text-decoration: none;
	color: #ff0010;
	outline: none;
}
@font-face {
	font-family: 'victorshand';
	src: url('../font/victorshand/victh__-webfont.eot');
	src: url('../font/victorshand/victh__-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/victorshand/victh__-webfont.woff') format('woff'),  url('../font/victorshand/victh__-webfont.ttf') format('truetype'),  url('../font/victorshand/victh__-webfont.svg#victh__-webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'cooper-black';
	src: url('../font/cooper-black/COOPBL.eot');
	src: url('../font/cooper-black/COOPBL.eot?#iefix') format('embedded-opentype'),  url('../font/cooper-black/COOPBL.woff') format('woff'),  url('../font/cooper-black/COOPBL.ttf') format('truetype'),  url('../font/cooper-black/COOPBL.svg#COOPBL') format('svg');
	font-weight: normal;
	font-style: normal;
}
.container-full {
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}
button {
	position: relative;
	margin: 0;
	padding: 1em;
	z-index: 1;
}
@media (min-width:768px) {
.container-full {
	width: 100%
}
}
@media (min-width:980px) {
.container-full {
	width: 100%
}
}
@media (min-width:1200px) {
.container-full {
	width: 100%
}
}
/*#####################################################################################################################*/
/*PRELOADERS*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
	z-index: 99999;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
}
.status {
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url('../images/ico/litcreations-loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	margin: -100px 0 0 -100px;
}
/*#####################################################################################################################*/
/*UPGRADE BROWSER PAGE*/
.container-ie {
	border: none;
	background: url('../images/sprite/browsers-sprite.png') -506px 0px;
	height: 126px;
	width: 126px;
}
.container-chrome {
	border: none;
	background: url('../images/sprite/browsers-sprite.png') 0px 0px;
	height: 126px;
	width: 126px;
}
.container-firefox {
	border: none;
	background: url('../images/sprite/browsers-sprite.png') -127px 0px;
	height: 126px;
	width: 126px;
}
.container-safari {
	border: none;
	background: url('../images/sprite/browsers-sprite.png') -256px 0px;
	height: 126px;
	width: 126px;
}
/*#####################################################################################################################*/
/*top background*/
.navbg {
	background-color: #fff;
	width: 100%;
}
.slogan {
	position: absolute;
	margin: 14% 0 0 25px;
}
@media (max-width: 767px) {
.slogan {
	position: absolute;
	margin: 0% 0 0 13px;
	min-width: 250px;
}
}
.logo {
	min-width: 290px;
}
/*#####################################################################################################################*/
/* NAVIGATION */

.navbar-default {
	margin-bottom: 0px;
	z-index: 1000;
	background-color: transparent;
	border: none;
}
.navbar-default .navbar-nav > li > a {
	padding: 110px 10px 18px 10px;
	color: #99151d;
	outline: none;
	font-size: 14px;
	font-family: Century Gothic, Calibri, Arial;
	font-weight: bold;
	font-style: italic;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #881719;
	outline: none;
}
.colorstay {
	color: #fff;
	background-color: #881719;
	outline: none;
}
.white {
	color: #fff;
}
 @media (max-width: 1225px) {
.navbar-default .navbar-nav > li > a {
	padding: 110px 8px 18px 8px;
	font-size: 12px;
}
}
@media (max-width: 1097px) {
.navbar-default .navbar-nav > li > a {
	padding: 90px 5px 18px 5px;
	font-size: 12px;
}
}
@media (max-width: 1020px) {
.navbar-default .navbar-nav > li > a {
	padding: 63px 4px 10px 4px;
	font-size: 9px;
}
}
 @media (max-width: 767px) {
.navbar-default .navbar-nav > li > a {
	padding: 5px;
	border-bottom: solid 1px #000;
	font-size: 12px;
}
.navbar-collapse {
	background-color: #fff;
	z-index: 1000;
}
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #091c34;
	background-color: #3f6fa8;
}
/*mobile navbar*/
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 7px;
	background-color: transparent;
	background-image: none;
	border: 0px solid transparent;
	border-radius: 4px;
	margin-top: 73px;
	margin-bottom: 0px;
	margin-right: 3px;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 25px;
	height: 4px;
	border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #881719;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #f6f7f8;
}
.navbar-collapse {
	z-index: 1000;
	padding-right: 15px;
	padding-left: 15px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.navbar-collapse.in {
	overflow-y: auto;
}
/*#####################################################################################################################*/
/*MAIN STYLES*/

/*HEADINGS*/
h1 {
	text-align: left;
	font-family: 'cooper-black', Arial, Century Gothic, Calibri, Helvetica, sans-serif;
	color: #751016;
	font-size: 27px;
	margin-top: -3px;
}
h3 {	
	font-family: 'cooper-black', Arial, Century Gothic, Calibri, Helvetica, sans-serif;
	color: #000;
	font-size:40px;
	margin-top: -3px;
}
@media (max-width: 1088px) {
	h3 {		
	font-size: 30px;		
	}
}
@media (max-width: 824px) {
	h3 {		
	font-size: 20px;		
	}
}
.handwritten {
	font-family: 'victorshand', Arial, Century Gothic, Calibri, Helvetica, sans-serif;
}
.cooper {
	font-family: 'cooper-black', Arial, Century Gothic, Calibri, Helvetica, sans-serif;
}
.red {
	color: #751016;
}
.black {
	color: #000;
}
.thirteen {
	font-size: 13px;
}
.sixteen {
	font-size: 16px;
}
.eighteen {
	font-size: 18px;
}
.twenty {
	font-size: 20px;
}
.twentytwo {
	font-size: 22px;
}
.twentyfour {
	font-size: 24px;
}
.twentyseven {
	font-size: 27px;
}
.twentyseven {
	font-size: 27px;
}
.blackborder {
	border: 2px solid black;
}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
#twitter-widget-0{
   width: 100% !important;  
}
/*CONTENT STYLES*/
.content {
	background-image: url('../images/background/red-white-gradient.gif');
	background-position:top right;
	background-repeat:repeat-y;
	background-color: #fff;
}
.whitebg {
	background-color: #fff;
}
.contentpad {
	padding: 0% 2% 0px 0%;
}
.contentpad2 {
	padding: 0% 2% 0px 2%;
}
.contentpad3 {
	padding: 0% 2% 0px 6%;
}
.contentpad4 {
	padding: 0% 6% 0px 6%;
}
.gradientline {
	background-image: url('../images/background/red-gradient.jpg');
	width: 100%;
}
.shadow {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(91, 6, 11, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(91, 6, 11, .6);}
/*#####################################################################################################################*/
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: none;
	border: 1px solid black;
	font-size: 13px;
}
@media (max-width: 405px) {
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 5px;
	font-size: 10px;
	}
}
.table th {background-color: #a51e26; color: white;}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control:focus {
	border-color: #5b060b;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(91, 6, 11, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(91, 6, 11, .6);
}
.btn-primary {
	color: #fff;
	background-color: #db1420;
	border-color: #000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	color: #fff;
	background-color: #5b060b;
	border-color: #000;
	;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background-image: none;
}
/*#####################################################################################################################*/
/*FOOTER*/
.bot-bar {
	background-image: url('../images/background/red-gradient2.gif');
	background-color: #a51e26;
	max-height: 81px;
	padding: 20px;
	text-align: center;
}
.copytext {
	color: #fff;
	font-size: 11px;
	font-family: Arial;
}
.copytext a {
	color: #fff;
	font-size: 11px;
}
.copytext a:hover {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}
a.copytext, a.copytext:visited {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	outline: none;
	font-family: Arial;
}
a.copytext:hover, a.copytext:visited:hover {
	text-decoration: none;
	color: #000;
	outline: none;
}
/*#####################################################################################################################*/

.aniabsolute {position:absolute; z-index:999999;}
 @media (max-width: 980px) {
	 .aniabsolute {position:relative; background-color: #000; height: 300px;}
 }

.animation {
	width: 313px;
	height: 175px;
	margin: 0 auto;
	overflow: hidden;
	position:absolute;
	margin-left:-156.5px;
	left:50%;
	/*visibility:hidden;*/
	
}
.animation img { position:absolute;
	top:-50px; }
	
.btn-clickme {
	color: #fff !important;
	background-image: url('../images/background/cricket-ball.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	background-color: #fff;
	border-color: #000;
   padding:0px;
   border-radius:50%;
	height:50px;
	width:50px;
	border:solid 1px #000;
	text-align:center;
 	font-weight:bold;
	padding-top:13px;
	outline: none;
	 font-family:"Arial Black", Gadget, sans-serif;
}
.btn-clickme:hover, .btn-clickme:focus, .btn-clickme:active, .btn-clickme.active, .open > .dropdown-toggle.btn-clickme {
	color: #fff !important;
	background-image: url('../images/background/cricket-ball2.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	background-color: #5b060b;
	border-color: #000;
	outline: none;
}
.btn-clickme:active, .btn-clickme.active, .open > .dropdown-toggle.btn-clickme{
	background-image: url('../images/background/cricket-ball.jpg');
	background-position: center center;
	background-repeat:no-repeat;
}