/**** LOCALLY HOSTED FONTS TO WORK AROUND VERY SLOW PAGE LOADS DUE TO GOOGLE HOSTING ****/
/**** Source:  https://google-webfonts-helper.herokuapp.com/fonts/lato?subsets=latin ****/

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/lato-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('/fonts/lato-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v11-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/lato-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('/fonts/lato-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/lato-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/lato-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/lato-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/lato-v11-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/****************************ALL PAGES*****************************/
body {
 	padding-top: 50px;
 	font-family: 'Lato', 'Open Sans', sans-serif;
 	text-align: center;
 	margin-bottom: 240px;
}

html {
 	position: relative;
 	min-height: 100%;
}

h1 {
   color: white;
   font-weight: 700;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 5em;
}

h2 {
	color: #6ab2b1;
	font-weight: bold;
	margin-bottom: 20px;
}

h3 {
	color: #1f7abc;
	font-weight: bold;
}

h4 {
	color: #1f7abc;
}

p {
	font-size: 1.3em;
}

hr {
	margin-top: 30px;
}

.form-group {
	margin-top: 20px;
}

ol li{
	margin-bottom: 10px;
}

/**************HEADER*********************/
.logo {
	max-width: 275px;
	height: 40px;
	padding-bottom: 5px;
}

/****************FOOTER********************/
.footer {
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	height: 200px;
 	background-color: #1f7abc;
 	background-image: none;
 	color: #fbfbfb;
 	padding-top: 30px;
}

.footer a {
	color: white;
}

.footer ul {
	list-style-type: none;
}

.footer li:first-child {
	font-weight: bold;
	margin-bottom: 10px;
}

.footer li {
	margin-bottom: 5px;
}

/***************BOOTSTRAP STUFF**************/
.navbar-brand {
	padding-top: 10px;
}

.navbar {
	margin-bottom: 0px;
}

.nav-center {
	margin: 0;
	float: right;
}

.container-fluid {
	padding: 0px;
}

.navbar-default {
	background-color: #1f7abc;
}

.navbar-default .navbar-nav > li > a{
	color: #1f7abc;
}

/***************BUTTONS***********************/
.btn {
	background-image:none;
	border: 4px solid;
	font-weight: 700;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 30px;
	-webkit-box-shadow: none;
}

.btn-leftspace {
	margin-left: 20px;
}

.btn-default{
	background-color: transparent;
	color: white;
	border-color: white;
	box-shadow: none;
}

.btn-default:hover {
	color: white;
	background-color: #1f7abc;
	border-color: #1f7abc;
}

.btn-primary {
	color: white;
	background-color: #6ab2b1;
	border-color: #6ab2b1;
	margin-bottom: 30px;
	box-shadow: none;
}

.btn-primary:hover {
	background-color: white;
	color: #6ab2b1;
	border-color: #6ab2b1;
}

/*Support Page Banner Buttons*/
.btn-support {
	border: none;
}

.btn-support.active, .btn-support:hover {
	background-color: white;
}

.btn-group a {
	color: white;
}

.btn-group a:hover,
.btn-support.active   {
	color: #6ab2b1;
}

/*Lost Key Lookup button and Contact Us page*/
.form-group .btn {
	margin-top: 0px;
	margin-bottom: 0px;
}

/**************************Table Styling*******************/
.table img {
	width: 100px;
	height: 100px;
}

.table {
	font-size: 1.2em;
}

.table-responsive td:first-child {
	text-align: left;
}

th {
	text-align: center;
}

.table > tbody > tr > td {
	vertical-align: middle;
}

.table {
	width: 60%;
	margin: auto;
}

.table .btn {
	margin-top: 0px;
}

/****************BANNER***********************/
.first-banner {
	background: -webkit-linear-gradient(#1f7abc, #6ab2b1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1f7abc, #6ab2b1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#1f7abc, #6ab2b1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#1f7abc, #6ab2b1); /* Standard syntax */
	margin-bottom: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.first-banner h2 {
	color: white;
	font-size: 3em;
	margin-bottom: 0px;
	margin-top: 0px;
}

.first-banner h3{
	color: white;
	font-size: 2em;
	margin-bottom: 0px;
	margin-top: 10px;
}

.vertical-align {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	align-items: center;
  	-webkit-align-items: center;
  	-webkit-box-align-items: center;
  	-mox-box-align-items: center;
  	flex-wrap: wrap;
  	-webkit-flex-wrap: wrap;
  	-webkit-box-flex-wrap: wrap;
  	-mox-box-flex-wrap: wrap;
}

.icon {
	width: 250px;
	height: 250px;
}


/*************************PRODUCT PAGES***************************/
.tagline {
	font-size: 1.5em;
	margin-bottom: 20px;
}
/*Feature Section*/
.feature img {
	width: 100%;
}

.feature {
	text-align: left;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	align-items: center;
  	-webkit-align-items: center;
  	-webkit-box-align-items: center;
  	-mox-box-align-items: center;
  	flex-wrap: wrap;
  	-webkit-flex-wrap: wrap;
  	-webkit-box-flex-wrap: wrap;
  	-mox-box-flex-wrap: wrap;
}

.reverse {
	flex-wrap: wrap-reverse;
  	flex-wrap: wrap-reverse;
  	-webkit-flex-wrap: wrap-reverse;
  	-webkit-box-flex-wrap: wrap-reverse;
  	-mox-box-flex-wrap: wrap-reverse;
}

.reverse img {
	float: right;
}

/*Additional Features*/
.fa {
	color: #14263c;
	margin-top: 10px;
}

/*Serial and Printopia Pro pages*/
.circle {
	border-radius: 50%;
	width: 130px;
	height:130px;
	background-size: 130px 130px;
	background-image: -moz-radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);
	background-image: -webkit-radial-gradient(45px 45px, circle cover, yellow, orange);
	background-image: radial-gradient(45px 45px 45deg, circle cover, yellow 0%, orange 100%, red 95%);	
	animation-name: spin; 
	animation-duration: 3s; /* 3 seconds */
	animation-iteration-count: infinite; 
	animation-timing-function: linear;
	margin: auto;
}

/*Printopia and Printopia Pro pages*/
.alert-danger h4 {
	margin-bottom: 0px;
}

.alert-danger {
	margin-top: 20px;
}

/********************SERIAL***************************/
.circle-builtmac  {
	background-image: url('/products/serial/img/slice_mac.png');
}

.circle-powerful {
	background-image: url('/products/serial/img/slice_gears.png');
}

.circle-driverless {
	background-image: url('/products/serial/img/slice_box.png');
}

.bluetooth {
	background-image: url('/products/serial/img/bluetooth-icon.svg');
	margin: auto;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
}

/*********POPOVERS****************/
.popover-content {
	margin: 10px 20px;
	text-align: center;
}

.popover-content .btn {
	margin-bottom: 10px;
	margin-top: 10px;
}

/****************************PRINTOPIA************************************/
div.alert-warning {
	color: #333333;
	margin-top: 20px;
}

.alert-warning h4 {
	font-weight: bold;
}

/************************PRINTOPIA PRO**********************************/
.circle-scalable {
	background-image: url('/products/printopiapro/img/slice_scalable.png');
}

.circle-managed {
	background-image: url('/products/printopiapro/img/slice_managed.png');
}

.circle-compatible {
	background-image: url('/products/printopiapro/img/slice_compatible.png');
}

/**PRICING SET: DOESN'T CHANGE WITH RESPONSIVENESS***/
.gray {
	background-color: #eeeeee;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	padding-top: 40px;
}

.gray h2 {
	margin-top: 0px;
	margin-bottom: 0px;
}
  /*For Buy Now Button*/
.gray .btn { 
	margin-top: 0px;
}

.gray .btn {
	margin-bottom: 10px;
}

.group {
	margin-top: 20px;
}

.block {
	overflow: hidden;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-left: 0px;
	padding-right: 0px;
}

.title {
	color: #fefefe;
	line-height: 2.5;
	position: relative;
}

.price {
	position: relative;
	display: inline-block;
	margin-bottom: 0.625rem;
}

.price {
	margin-top: 20px;
	cursor: pointer;
	font-size: 1.1em;
	margin-left: 10px;
	margin-right: 10px;
}

.price-option {
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 2em;
}

.price span {
	font-size: 4.5em;
	letter-spacing: 6px;
	font-weight: bold;
}

.price sup {
	font-size: 1.3em;
	position: absolute;
	top: 20px;
	left: -20px;
}

.hint {
	font-style: italic;
}

.content {
	position: relative;
	color: #fefefe;
	padding: 20px 0 10px 0;
}

.content::after, .content::before, .pt-footer::before, .pt-footer::after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.content::after, .pt-footer::after {
	border-color: rgba(136, 183, 213, 0);
	border-width: 5px;
	margin-left: -5px;
}

.p-features {
	list-style-type: none;
	background-color: #ffffff;
	text-align: left;
	color:#9c9c9c;
	padding: 30px 22%;
	margin-bottom: 0;
	font-size: 1.15em;
}

.p-features li {
	padding: 10px 0;
}

.pt-footer {
	font-size: 0.95rem;
	text-transform: capitalize;
	position: relative;
	padding: 10px 0;
}

.pt-footer::after, .pt-footer:before {
	top: 0;
}

.pt-footer .btn {
	margin-bottom: 0px;
}

.team .title{
	background-color: #78cfbf;
}

.team .content::after {
	border-top-color: #82daca;
}

.team .content, .team .pt-footer{
	background-color: #82daca;
}

.team .pt-footer::after {
	border-top-color: #ffffff;
}

.office .title {
	background-color: #3ec6e0;
}

.office .content::after {
	border-top-color: #53cfe9;
}

.office .content, .office .pt-footer {
	background-color: #53cfe9;
}

.office .pt-footer::after {
	border-top-color: #ffffff;
}

.enterprise .title{
	background-color: #e3536c;
}

.enterprise .content::after {
	border-top-color: #eb6379;
}

.enterprise .content, .enterprise .pt-footer{
background-color: #eb6379;
}

.enterprise .pt-footer::after {
	border-top-color: #ffffff;
}

/**************************COMPARE PAGE*********************************/
.glyphicon-print {
	color: #1f7abc;
	font-size: 1.4em;
}

/************************Printopia Pro Trial************************/
.check {
	text-align: right;
	vertical-align: bottom;
}


/**********************GET MOBILE*********************/
.underline {
	text-decoration: underline;
}
/****************************SUPPORT*****************************************/
/*For Search bar:*/
#q {
	margin-top: 20px;
}

.support .fa-file-text-o {
	color: #337ab7;
	margin-right: 5px;
	font-size: 0.8em;
}

.support h3 {
	color: #6ab2b1;
	margin-bottom: 20px;
}

.panel-primary h3 {
	color: white;
	margin-bottom: 20px;
}

.rt-banner {
	margin-top: 30px;
}

.support h4 {
	margin-left: 20px;
	margin-bottom: 20px;
}

.panel-body {
	margin-left: 20px;
}

.panel-body p {
	margin-bottom: 0px;
}

.panel-heading h3 {
	margin-bottom: 0px;
}

.support .fa-lg {
	vertical-align: 25%;
	margin-right: 20px;
}

.panel-primary > .panel-heading {
	background-color: #6ab2b1;
	border-color: #6ab2b1;
	background-image: none;
}

.panel-primary {
	border-color: #6ab2b1;
}

#results h3 {
 	margin-top: 0px;
}

#sidebar p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.fa {
	margin-right: 10px;
	margin-top: 0px;
}

.article {
	background: transparent url('/img/link.png') center right no-repeat;
	padding-right: 20px;
	background-size: 16px;
}

.cable {
	max-width: 482px;
	max-height: 216px;
	height: 80%;
	width: 80%;
	display: block;
	margin: auto;
}

.pinout {
	width:285px;
	height:212px;
	display: block;
	margin: auto;
}

.supp-art blockquote {
	background-color: black;
	color: white;
}

/**************************Relesase Notes Page****************************/
div.releasenotes::after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.notes {
	max-width: 700px;
	margin: 40px auto;
}

.notes h3 {
	margin-top: 3px;
}

.date span {
	background-color: #1b77ba;
	color: white;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	padding: 10px;
}

.date {
	text-align: right;
	float: left;
	width: 18%;
	position: relative;
	top: 6px;
	max-width: 850px;
	margin: 0 auto;
	display: block;
}

.releasenotes {
	max-width: 850px;
	display: block;
	margin: 0, auto;
	text-align: left;
	margin-bottom: 72px;
}

.details {
	display: block;
	float: right;
	width: 80%;
	text-align: left;
	font-size: 1.2em;
}

/*****************************LEGAL*****************************/
/*No separate styles*/

/************************ABOUT PAGE*****************************/
/*No separate styles*/

/*********************RESPONSIVE STYLING***********************/


@media (max-width: 428px) {
	.no-top {
		margin-top: 10px;
	}
}

/****FOOTER*****/
@media (max-width: 910px) {
	.footer {
	 	position: absolute;
	 	bottom: 0;
	 	width: 100%;
	 	height: 220px;
	}

	body {
		margin-bottom: 260px;
	}
}

@media (max-width: 765px) {
	.icon {
		height: 150px;
		width: 150px;
	}

	ul.dropdown-menu {
		text-align: center;
	}

	.navbar-default .navbar-nav > li > a {
		font-size: 1.2em;
	}

	/*Footer*/
	.footer {
	 	position: absolute;
	 	bottom: 0;
	 	width: 100%;
	 	height: 450px;
	}

	body {
		margin-bottom: 490px;
	}

	.footer ul {
		padding-left: 0px;
	}

	/*Products Page*/
	.vertical-align div:first-child{
		padding-bottom: 0px;
	}

	.vertical-align div:nth-child(2) {
		padding-top: 0px;
		margin-left: 0px;
	}
}

/*Banner-Main and product pages*/
@media (max-width: 1200px) and (min-width: 765px) {
	.vertical-align div:nth-child(2) {
		margin-left: 10px;
	}
}

/************Product pages************/
@media (min-width: 765px) {
.feature img {
	width: 310px;
	}
}

@media (min-width: 970px) {
.feature img {
	width: 405px;
	}
}

@media (min-width: 1170px) {
.feature img {
	width: 485px;
	}
}

/***********PRO PRICING**********************/

@media (min-width: 765px) {
	.team .p-features, .office .p-features  {
		height: 274px;
	}
}

@media (min-width: 995px) {
	.team .p-features, .office .p-features, .enterprise .p-features {
		height: 230px;
	}
}

@media (min-width: 1200px) {
	.team .p-features, .office .p-features, .enterprise .p-features {
		height: 208px;
	}
}

/**********RELEASE NOTES PAGE*************/
@media (max-width: 730px) {
	.details {
		width: 68%;
	}
	.date {
		width: 30%;
	}
}

@media (max-width: 430px) {
	.details {
		width: 100%;
	}

	.date {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}

	.date span {
		float: left;
	}

	.releasenotes {
		margin-bottom: 10px;
	}

	.btn-leftspace {
		margin-left: 10px;
	}

	.notes {
		margin-top: 10px;
	}
}