/* Use the custom.css file for any custom design styling * 
* You should use this file for customisation only       /*

/********************************************************
* Customizations for all viewports 
********************************************************/

/* Set the basic link styles */
a {
	color: #0040BF;
}
a:visited {
	color: #0040BF;
}
a:hover {
	color: #ED8233;
}

/* Change navbar block style */
.navbar .navbar-header,
.navbar.fixed .navbar-header {
	background-color: #FFFFFF;
	opacity: 1.0;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
	padding-left: 15px;
	padding-right: 5px;
}

/* Change navbar text style */
.nav > li > a,
.nav > li.active > a,
.navbar-nav > li > a,
.navbar-nav > li.active > a {
	padding: 42px 4px 15px 4px;
	font-size: 15px;
	font-weight: normal;
	color: #0040BF;
	text-transform: none;
}

/* Change navbar click style */
.navbar .nav .open > a,
.navbar .nav .open > a:hover,
.navbar .nav .open > a:focus {
	color: #0040BF;
}

/* Change navbar hover style */
.nav > li > a:hover,
.nav > li > a:focus {
	color: #ED8233;
}

/* Change dropdown block style */
.navbar .dropdown-menu,
.navbar-nav > li > .dropdown-menu {
	background-color: #EEEEEE;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3);
	padding: 5px 0px 0px 0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* Change dropdown text style */
.navbar .dropdown-menu > li > a,
.navbar .dropdown-menu > li.active > a,
.navbar .dropdown-submenu:hover > a {
	font-size: 14px;
	font-weight: normal;
	color: #0040BF;
	padding: 10px 12px 10px 12px;
}

/* Change dropdown hover style */
.navbar .dropdown-menu > li > a:hover,
.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li.active > a:hover {
	color: #FFFFFF;
	background-color: #3366CC;
	padding: 10px 12px 10px 12px;
}	

/* Change off-canvas text style */
.mm-list > li > a, 
.mm-list > li.active > a {
	font-size: 15px;
	color: #FFFFFF;
	background-color: inherit;
	padding: 10px 20px 10px 20px;
}

/* Change off-canvas hover style */
.mm-list > li > a:hover, 
.mm-list > li > a:focus, 
.mm-list > li.active > a:hover,
.mm-list > li.active > a:focus {
	color: #ED8233;
	background-color: inherit;
}

/* Change off-canvas title style */
.mm-title {
	font-size: 15px;
	color: #AAAAAA;
}

/* Change off-canvas padding to remove extra space 
*  around top-level links */
div#panel-overview {
	padding-top: 25px;
	padding-left: 10px;
}

/* Change offcanvas toggle icon colors and margins */
.navbar-toggle, a:hover .navbar-toggle {
    color: #0040BF;
}
a:hover .navbar-toggle {
    color: #ED8233;
}
.navbar-toggle {
	margin: 10px 0px 5px 0px;
}

/* Change off-canvas to render on top of menu and page content */
.mm-menu {
	z-index: 9999;
}
html.mm-right.mm-opening .mm-page {
	right: 0px;
}

/* Remove page header padding and dotted line at top */
div > div.item-page > div.page-header {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* Remove horizontal whitespace from Bootstrap containers
* and rows when we want to */
div.unpad, div.unpad-right {
	padding-right: 0px !important;
	margin-right: 0px !important;	
}

div.unpad, div.unpad-left {
	padding-left: 0px !important;
	margin-left: 0px !important;
}

/* Put the rounded corners back on buttons and form fields
*  like bootstrap intended */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input
{
	border-radius: 5px;
	-webkit-border-radius: 5px;
	/*padding: 5px;*/
	font-weight: 600;
	height: 40px;
}

.btn, .parallax .btn-submit, .btn-submit {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 17px 25px 15px;
	font-weight: 600;
}

.inline-link {
	border-radius: 0px;
	padding: 5px 15px 5px 15px;
	font-weight: 400;
}

.topbutton,
.topbutton:active {
	background-color: #3366CC;
	border-radius: 0px;
	margin: 0px 0px 0px 5px;
	color: white;
	font-size: 14px !important;
	font-weight: bold;
	padding: 4px 7px 3px 7px;
}

.topbutton:hover,
.topbutton:focus {
	background-color: #0040BF;
}

.static-homepage-carousel {
background: #3366cc;
background: -moz-linear-gradient(top, #3366cc 79%, #3366cc 79%, #0b40aa 100%);
background: -webkit-linear-gradient(top, #3366cc 79%,#3366cc 79%,#0b40aa 100%);
background: linear-gradient(to bottom, #3366cc 79%,#3366cc 79%,#0b40aa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#0b40aa',GradientType=0 );
}

.static-carousel-element img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


.btn-scheme1 { 
  color: #ffffff; 
  background-color: #27C200; 
  border-color: #008F05; 
} 
 
.btn-scheme1:hover, 
.btn-scheme1:focus, 
.btn-scheme1:active, 
.btn-scheme1.active, 
.open .dropdown-toggle.btn-scheme1 { 
  color: #ffffff; 
  background-color: #3EA800; 
  border-color: #008F05; 
} 
 
.btn-scheme1:active, 
.btn-scheme1.active, 
.open .dropdown-toggle.btn-scheme1 { 
  background-image: none; 
} 
 
.btn-scheme1.disabled, 
.btn-scheme1[disabled], 
fieldset[disabled] .btn-scheme1, 
.btn-scheme1.disabled:hover, 
.btn-scheme1[disabled]:hover, 
fieldset[disabled] .btn-scheme1:hover, 
.btn-scheme1.disabled:focus, 
.btn-scheme1[disabled]:focus, 
fieldset[disabled] .btn-scheme1:focus, 
.btn-scheme1.disabled:active, 
.btn-scheme1[disabled]:active, 
fieldset[disabled] .btn-scheme1:active, 
.btn-scheme1.disabled.active, 
.btn-scheme1[disabled].active, 
fieldset[disabled] .btn-scheme1.active { 
  background-color: #27C200; 
  border-color: #008F05; 
} 
 
.btn-scheme1 .badge { 
  color: #27C200; 
  background-color: #ffffff; 
}


.btn-scheme2 {
  color: #ffffff;
  background-color: #FF9900;
  border-color: #B57900;
}

.btn-scheme2:hover,
.btn-scheme2:focus,
.btn-scheme2:active,
.btn-scheme2.active,
.open .dropdown-toggle.btn-scheme2 {
  color: #ffffff;
  background-color: #D78200 !important;
  border-color: #B57900 !important;
}

.btn-scheme2:active,
.btn-scheme2.active,
.open .dropdown-toggle.btn-scheme2 {
  background-image: none;
}

.btn-scheme2.disabled,
.btn-scheme2[disabled],
fieldset[disabled] .btn-scheme2,
.btn-scheme2.disabled:hover,
.btn-scheme2[disabled]:hover,
fieldset[disabled] .btn-scheme2:hover,
.btn-scheme2.disabled:focus,
.btn-scheme2[disabled]:focus,
fieldset[disabled] .btn-scheme2:focus,
.btn-scheme2.disabled:active,
.btn-scheme2[disabled]:active,
fieldset[disabled] .btn-scheme2:active,
.btn-scheme2.disabled.active,
.btn-scheme2[disabled].active,
fieldset[disabled] .btn-scheme2.active {
  background-color: #FF9900;
  border-color: #B57900;
}

.btn-scheme2 .badge {
  color: #FF9900;
  background-color: #ffffff;
}

.btn-scheme3 {
  color: #ffffff;
  background-color: #D90000;
  border-color: #8F0000;
}

.btn-scheme3:hover,
.btn-scheme3:focus,
.btn-scheme3:active,
.btn-scheme3.active,
.open .dropdown-toggle.btn-scheme3 {
  color: #ffffff;
  background-color: #C20000 !important;
  border-color: #8F0000 !important;
}

.btn-scheme3:active,
.btn-scheme3.active,
.open .dropdown-toggle.btn-scheme3 {
  background-image: none;
}

.btn-scheme3.disabled,
.btn-scheme3[disabled],
fieldset[disabled] .btn-scheme3,
.btn-scheme3.disabled:hover,
.btn-scheme3[disabled]:hover,
fieldset[disabled] .btn-scheme3:hover,
.btn-scheme3.disabled:focus,
.btn-scheme3[disabled]:focus,
fieldset[disabled] .btn-scheme3:focus,
.btn-scheme3.disabled:active,
.btn-scheme3[disabled]:active,
fieldset[disabled] .btn-scheme3:active,
.btn-scheme3.disabled.active,
.btn-scheme3[disabled].active,
fieldset[disabled] .btn-scheme3.active {
  background-color: #D90000;
  border-color: #8F0000;
}

.btn-scheme3 .badge {
  color: #D90000;
  background-color: #ffffff;
}

/* Gradient block for legacy blog title (and elsewhere?) */
div.blockheader {
	width:100%;
	padding:20px 10px 20px 10px;
	background: #3366cc;
	background: -moz-linear-gradient(left, #3366cc 0%, #7abcff 100%);
	background: -webkit-linear-gradient(left, #3366cc 0%,#7abcff 100%);
	background: linear-gradient(to right, #3366cc 0%,#7abcff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366cc', endColorstr='#7abcff',GradientType=1 );
}


/********************************************************
* Parblock classes
* Used to create multi-column "tables" of features
* (e.g. on the digital signage Industry page)
********************************************************/

	.parblock-container {}
	
	@media screen and (max-width: 900px) {
		.parblock-container {
			min-width: 766px;
			max-width: 1200px;
		}
	}

	.feature-table-outer-container {
			color: #fff;
			width: 100%;
			background: transparent;
			margin-bottom: 10px;
	}
	
	.feature-table-container {
			width: 100%;
			display: table;
			background: #ccc;
			color: black;
			margin: 0 auto;
	}
	
	.feature-table-logo {
			display: table-cell;
			vertical-align: middle;
			width: 80px;
			background-color: #666;
			color: white;
			padding: 5px;
	}
	
	.feature-table-logo span {
		color: white;
		font-size: 48px;
		line-height: 1;
	}
	
	.feature-table-title span {
		color: white;
		font-size: 24px;
		line-height: 1;
	}
	
	.feature-table-title {
			display: table-cell;
			vertical-align: middle;
			background-color: #666;
			color: white;
			display: table-cell;
			padding: 5px;
	}

/********************************************************
* Small viewport customizations
********************************************************/
@media screen and (max-width: 767px) {
	/* Add body padding to make content zones stay underneath
	*  the sticky menu when in big and small viewports and 
	*  remove extra padding at the bottom of the content area */
	body {
		margin-top: 60px;
	} 
	div.container.inner {
		padding-top: 15px;
		padding-bottom: 0px;
	}
	.light-wrapper {
		margin-top: 5px;
	}
}

/* Offset named anchor links so they scroll to the 
*  right place after factoring in the sticky menu */
@media screen and (max-width: 767px) {
	a[name] {
		position: relative;
		top: -60px;
	}
}

/* Scale logo for smaller screens */
@media screen and (max-width: 767px) {
	.navbar-brand img { height: 33px; margin-top: -6px; margin-bottom: 0px; }
}

/* Make menu sticky */
@media screen and (max-width: 767px) {
	.navbar,
	.navbar.fixed {
		position: fixed
	}
}

/* Scale the Jumbotron for smaller screens */
@media screen and (max-width: 767px) {
	.jumbotron, .container .jumbotron {
		margin-top: 5px;
		padding: 25px 25px 25px 25px;
	}
	.jumbotron h1 {
		font-size: 200%;
		margin-bottom: 15px;
		line-height: 110%;
	}	
	.jumbotron h2 {
		font-size: 140%;
		margin-bottom: 15px;
		font-weight: normal;
		line-height: 130%;
	}
	.jumbotron a.btn.btn-default {
		margin-bottom: 0px;
	}
}
		
/********************************************************
* Larger viewport customizations
********************************************************/
@media screen and (min-width: 768px) {
	/* Add body padding to make content zones stay underneath
	*  the sticky menu when in big and small viewports and 
	*  remove extra padding at the bottom of the content area */
	body {
		margin-top: 70px;
	} 
	div.container.inner {
		padding-bottom: 0px;
	}
	.light-wrapper {
		margin-top: 5px;
	}
	.nearest-to-menu {
		margin-top: 15px;
	}
}

/* Offset named anchor links so they scroll to the 
*  right place after factoring in the sticky menu */
@media screen and (min-width: 768px) {
	a[name] {
		position: relative;
		top: -85px;
	}
}

/* Scale logo for larger screens */
@media screen and (min-width: 768px) {
	.navbar-brand img { height: 45px; margin-top: -10px; margin-bottom: 0px; }
}

/* Make carets show whenever full menu is visible and set the correct color */
@media screen and (min-width: 768px) {
	.caret {
		display: inline-block;
		color: #0040BF;
  }
}


/* Scale the Jumbotron for larger screens */
@media screen and (min-width: 768px) {
	.jumbotron, .container .jumbotron {
		margin-top: 10px;
		padding: 40px 45px 40px 45px;
	}
	.jumbotron h1 {
		font-size: 230%;
		margin-bottom: 20px;
	}	
	.jumbotron h2 {
		font-size: 170%;
		margin-bottom: 15px;
		font-weight: normal;
	}
	.jumbotron a.btn.btn-default {
		margin-bottom: 0px;
	}
}

/********************************************************
* New Custom Classes
********************************************************/
html, body, div, span, p, td, h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
	color: #333333;
}
body {
	background: #FFFFFF;
}
h1, .headline > h4 {
	font-size: 220% !important;
}
h1.ntopmargin { margin-top: -30px !important; }
h1.ptopmargin { margin-top: 30px !important; }

h2 {
	font-size: 160%;
}
h3 {
	font-size: 120%;
}
.jumbotron h1 {
	font-size: 240%;
	margin-bottom: 20px;
}	
.jumbotron h2 {
	font-size: 170%;
	margin-bottom: 0px;
	font-weight: normal;
}

div.featuretable-row {
	background-color: #ddd;
	margin: 8px 0px 0px 0px;
	padding: 0px;
}

div.featuretable-cell-left {
	background-color: #666;
	color: white;
	font-weight: bold;
	padding: 6px 0px 6px 10px;
	height: 100%;
}

div.featuretable-cell-right {
	padding: 6px 0px 6px 10px;
	height: 100%;
}

.valign-middle {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	background-color: #666;
}

div.page-header {
	margin-top: 25px;
	margin-bottom: 15px;
	padding-bottom: 0px;
	border-bottom: solid #DEDEDE 1px;
}

/*
div.left, div.right {
	background-color: #ffa;
	min-height: 200px;
}
div.left {
	background-color: #aff;
	min-height: 200px;
}
*/

div.clear {
	width: 100%;
	height: 0px;
	clear: both;
	border-bottom: solid #666 1px;
}

.btn {
	text-transform: none;
	font-size: 15px;
}

.btn-default,
.btn-default:active {
	background-color: #3366CC;
}

.btn-default:hover,
.btn-default:focus {
	background-color: #0040BF;
}
		
.btn-success { 
	border: none;
	background-color: #8cc14c;
}

.sidebar.right-sidebar {
    padding: 10px 0px 10px 0px !important;
}

div.left-container {
	border: solid red 2px;
	position: relative;
}

.left-bottom-container {
	height: 200px;
	width: 200px;
	background-color: yellow;
	position: absolute;
	bottom: 0;
}

.left-top-container {
	position: absolute;
	top: 0;
}

.default-bg {
	background-color: rgb(0,192,255);
}

.light { color: #ddd; }

div.light-knockout, div.dark-knockout {
	padding: 20px 40px 20px 40px;
	background-color: #666;
	color: white;
}

div.dark-knockout {
	background-color: #333;
}

div.light-knockout > h1, div.dark-knockout > h1,
div.light-knockout > h2, div.dark-knockout > h2,
div.light-knockout > h3, div.dark-knockout > h3,
div.light-knockout > h4, div.dark-knockout > h4,
div.light-knockout > h5, div.dark-knockout > h5,
div.light-knockout > h6, div.dark-knockout > h6,
h1.knockout, h2.knockout, h3.knockout, h4.knockout,
h5.knockout, h6.knockout
{
	color: white;
}

div.light-knockout > p,  div.dark-knockout > p,
p.knockout
{
	color: #ddd;
}

hr.tight {
	padding: 0px;
	margin: 10px 0px 15px 0px;
}

div.clearfix {
	height: 1px;
	width: 100%;
	/*border-bottom: solid #AAA 1px;*/
	padding: 0;
	margin: 20px 5px 20px 5px;
	clear: both;
}

div.blogsummarybox {
	border: solid #AAA 1px;
	border-radius: 2px;
	background-color: #ddd;
/*
	background-color: #DEDEDE;
background: #fcfff4;
background: -moz-linear-gradient(-45deg, #fcfff4 0%, #dfe5d7 42%);
background: -webkit-linear-gradient(-45deg, #fcfff4 0%,#dfe5d7 42%);
background: linear-gradient(135deg, #fcfff4 0%,#dfe5d7 42%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#dfe5d7',GradientType=1 );
*/
	min-height: 275px;
	padding: 5px;
	font-weight: 600;
}

div.blogsummarybox > ul > li {
	margin-bottom: 10px;
}

div.testimonial_box {
	width: 500px;
	border: solid #999 2px;
	margin: 8px;
	padding: 12px;
	font-style: italic;
	background-color: #eef;
}

/********************************************************
* Top menu live chat link (animated)
********************************************************/
.top_chat_link {
 -webkit-animation: color_change 1.5s infinite alternate;
 -moz-animation: color_change 1.5s infinite alternate;
 -ms-animation: color_change 1.5s infinite alternate;
 -o-animation: color_change 1.5s infinite alternate;
 animation: color_change 1.5s infinite alternate;
}

@-webkit-keyframes color_change {
 from { color: #333; }
 to { color: #36f; }
}
@-moz-keyframes color_change {
 from { color: #333; }
 to { color: #36f; }
}
@-ms-keyframes color_change {
 from { color: #333; }
 to { color: #36f; }
}
@-o-keyframes color_change {
 from { color: #333; }
 to { color: #36f; }
}
@keyframes color_change {
 from { color: #333; }
 to { color: #36f; }
}


/************************************************
* "Fancy" block paragraph classes
************************************************/
p.parblock, div.parblock {  
    color: #555;  
    font-family: sans-serif;  
    line-height: 24px;  
}  

p.parblock:first-child,
div.parblock {
    padding: 30px;  
    border-left: 5px solid #333;  
    background-color: #ddd;   
    line-height: 32px;  
    box-shadow:  5px 5px 0px 0px rgba(127, 118, 100, 0.2);  
    position: relative;  
}  

p.parblock:first-child:first-letter,  
div.parblock:first-child:first-letter {  
    font-size: 56px;  
    float: left;  
    padding: 5px;  
    height: 48px;  
    background-color: #333;  
    margin-right: 10px;  
    color: white;  
    border-radius: 6px;  
    line-height: 66px;  
}  


/************************************************
* Carousel classes
************************************************/

div.carousel-caption > h1,
div.carousel-caption > h2,
div.carousel-caption > h3,
div.carousel-caption > p
{
	color: white;
}

.prod-feature-caption {
	display: table-cell;
	width: 75%;
	vertical-align: top;
	background-color: #666;
	padding: 10px;
	height: 250px;
}

.prod-feature-caption,
.prod-feature-caption h2,
.prod-feature-caption h3,
.prod-feature-caption p {
	color: white;	
}

.prod-feature-caption h3 {
	border-bottom: solid white 1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.prod-feature-image {
	display: table-cell;
	width: 25%;
	max-width: 300px;
}

.feature-carousel {
	max-width: 600px;
	height: 250px;
	border: solid #666 1px;
}

.homepage-carousel-img {
	width: 100%;
}


/*
.carousel-caption,
carousel-caption p,
carousel-caption h2,
carousel-caption h3 {
  background-color: #666 !important;
  color: white !important;
  padding: 10px;
}
.carousel-caption p {
  font-weight: 400;
}

	max-width: 600px;
	border: solid #CCCCCC 1px;
	margin-bottom: 30px;
}
*/

a.right.carousel-control,
a.left.carousel-control,
.carousel-control.left,
.carousel-control.right,
.carousel-control.left .glyphicon-chevron-left,
.carousel-control.right .glyphicon-chevron-right {
	color: #ccc;
	opacity: 0.75;
	background-image: none !important;
}

.carousel-table {
	display: table-row;	
}
/************************************************
* Pricing table classes
************************************************/

table.pricing_table {
	max-width: 500px;
	border: solid black 1px;
	border-collapse: collapse;	
}

table.pricing_table > thead > tr > td,
table.pricing_table > tbody > tr > td
{
	border: solid black 1px;
	border-collapse: collapse;
	padding: 2px;
	background-color: black;
	color: white;
	font-weight: bold;	
}

table.pricing_table > tbody > tr > td {
	background-color: #ffd;
	color: #666;
}

/*****************************************
* Sidebar lead submit form classes
*****************************************/

#sidebar_subform {
	width: 350px;
	margin: 18px 0px 10px 0px;
	padding: 15px 10px 5px 10px;
	border-radius: 0px;
	border: solid #AAAAAA 1px;
	background-color: #FFEE8F;
}

#sidebar_subform h3 {
	margin-left: 5px;
	font-size: 135%;
}

#ws_sidebar_subform > div > input {
	margin-bottom: 10px;
	padding: 0px 10px 0px 10px;
}

#ws_sidebar_subform > div.form-group {
	margin-bottom: 0px;
}

input#your_blogsub {
	width: inherit;
}

#ws_sidebar_submit {
	margin-left: 10px;
}

.sidebar_success {
	opacity: 1.0; /* for locations where sidebar is semi-opaque */
	background-color: #AEFFA6 !important;
}

.sidebar_error {
	opacity: 1.0; /* for locations where sidebar is semi-opaque */
	background-color: #FC9A9A !important;
}

/* This is the H1 that appears to the left of the form itself */
h1.qform-top {
	color: #FFFFFF;
	font-size: 36px;
	padding-top: 20px;
}

/*******************************************
* Search bar tools 
*******************************************/

#menubar-search-icon {
	display: inline-block;
	cursor: pointer;
	margin: 5px 8px 1px 2px;
	padding: 36px 5px 12px 5px;
	font-size: 15px;
	color: #0040BF;
	float: right;
}

#addsearch_searchbox {
	display: none;
	right: 0px;
	top: 77px;
	position: absolute;
	width: 300px;
	height: 50px;
	border: 0px;
	background-color: transparent;
}