html,
body {
	height: 100%;
}

body {
	background-color: #FFF;
	color: #777;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 14px;
	line-height: 22px;
	margin: 0;
}

/* Header */
header {
	position:relative;
	z-index:21;
	clear: both;
}

/* Social Icons */
header div.social-icons {
	clear: right;
	float: right;
	margin-top: -2px;
}

header div.container {
	position: relative;
}

/* Search */
header div.search {
	float: right;
	margin: 10px 0 0;
	min-width: 206px;
}

header div.search button {
	background: none;
	border: 0;
	color: #BCBCC4;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 6px;
}

header div.search button:hover {
	color: #000;
}

header div.search div.control-group {
	position: relative;
	text-align: right;
}

header div.search input.search-query {
	-moz-transition-duration: 0.2s;
	-moz-transition-property: all;
	-moz-transition-timing-function: ease-in;
	-o-transition-duration: 0.2s;
	-o-transition-property: all;
	-o-transition-timing-function: ease-in;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease-in;
	font-size: 0.9em;
	margin: 2px 0 0 10px;
	padding-right: 30px;
	padding-left: 10px;
	transition-duration: 0.2s;
	transition-property: all;
	transition-timing-function: ease-in;
	width: 150px;
}

header div.search input:focus {
	width: 180px;
}

/* Logo */
header div.logo {
	display: inline-block;
	margin: 13px 0;
	padding: 0;
}

/* Navigation */
header nav {
	float: right;
}

header nav select.selectnav {
	display: none;
}

header nav ul.nav-main {
	margin: -5px 10px 20px 0
}

header nav ul.nav-main li.dropdown.open a.dropdown-toggle {
	/*-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
}

header nav ul.nav-main ul.dropdown-menu,
header nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header nav ul.nav-main li.active a {
	background-color: #CCC;
}

header nav ul.nav-main ul.dropdown-menu {
	/*-moz-border-radius: 0 6px 6px 6px;
	-moz-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 0 6px 6px 6px;*/
	-webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
	border: 0;
	/*border-radius: 0 6px 6px 6px;*/
	box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.3);
	margin: 1px 0 0 3px;
	padding: 5px;
}

header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
	/*-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;*/
	margin-left: 0;
	margin-top: -5px;
}

header nav ul.nav-main ul.dropdown-menu li:hover > a {
	filter: none;
	background: #999;
}

header nav ul.nav-main ul.dropdown-menu li > a {
	color: #FFF;
	font-weight: 400;
	padding-bottom: 4px;
	padding-top: 4px;
	text-transform: none;
	position: relative;
}

header nav ul.nav-main ul.dropdown-menu li > a {
	padding: 8px 10px 8px 5px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

header nav ul.nav-main ul.dropdown-menu li:last-child > a {
	border-bottom: 0;
}

header nav ul.nav-main li a {
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	margin-left: 1px;
	margin-right: 1px;
	text-transform: uppercase;
}

header nav ul.nav-main li.dropdown:hover > a {
	padding-bottom:11px;
	margin-bottom:-1px;
}

header nav ul.nav-main li.dropdown:hover a.dropdown-toggle {
	/*-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;*/
}

header nav ul.nav-main li.dropdown:hover > ul {
	display: block;
}

header nav ul.nav-top {
	margin: 10px 0 -10px;
	min-height: 62px;
}

header nav ul.nav-top li span {
	display: block;
	line-height: 14px;
	margin-bottom: 2px;
	margin-right: 2px;
	margin-top: 2px;
	padding: 8px 2px 8px 12px;
}

header nav ul.nav-top li a,
header nav ul.nav-top li span {
	color: #999;
	font-size: 0.9em;
}

header nav ul.nav-top li i {
	margin-right: 6px;
	position: relative;
	top: 1px;
}

/* Section Featured */
section.featured {
	background: #F0F0ED;
	border-top: 5px solid #ECECE8;
	margin: 0px 0;
    padding-top: 220px;
    padding-bottom: 40px;
}

section.featured.footer {
	margin: 0 0 -70px;
}

section.featured.map {
	background-image: url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/map.png);
	background-position: center 0;
	background-repeat: no-repeat;
	margin-top: 0;
	border-top: 0;
}

/* Section Highlight */
section.highlight {
	background: #CCC;
	boder-left: 0;
	boder-right: 0;
	border: 3px solid #CCC;
	margin: 35px 0 45px;
	padding: 40px 0;
}

section.highlight div.thumbnail {
	background-color: #FFF;
}

section.highlight,
section.highlight p,
section.highlight h1,
section.highlight h2,
section.highlight h3,
section.highlight h4,
section.highlight h5 {
	color: #FFF;
}

section.highlight.footer {
	margin: 45px 0 -70px;
}

/* Sidebar */
aside ul.nav-list > li > a {
	color: #666;
	font-size: 16px;
}

/* Home Slider - Revolution Slider */
div.slider-container {
	background: #666;
	max-height: 400px;
	overflow: hidden;
	padding: 0;
	position: relative;
}

div.slider-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.slider {
	max-height: 450px;
	position: relative;
}

div.slider div.tp-bannertimer {
	background-color: #CCC;
	background-position: 0 -13px;
	top: 0;
	height: 7px;
}

div.slider-container {
  background: none;
}

div.slider-container div.caption {
	filter: alpha(opacity=0);
	opacity: 0;
}

div.slider-container div.top-label {
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
}

div.slider-container div.main-label {
	color: #FFF;
	font-size: 62px;
	font-weight: 800;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.35);
}

div.slider-container div.bottom-label {
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}

div.slider-container div.caption a,
div.slider-container div.caption a:hover {
	color: #FFF;
}

/* Home Slider - Nivo Slider */
div.nivo-slider  {
	position: relative;
}

div.nivo-slider .theme-default .nivoSlider {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 10px;
}

div.nivo-slider .theme-default .nivoSlider img {
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
}

div.nivo-slider .theme-default .nivo-controlNav {
	margin-top: -72px;
	position: absolute;
	z-index: 100;
	right: 5px;
	bottom: -17px;
}

div.nivo-slider .theme-default .nivo-caption {
	padding-left: 20px;
}

/* Home Intro */
div.home-intro {
	margin-bottom: 60px;
	overflow: hidden;
	padding: 35px 0 10px 0;
	position: relative;
	text-align: left;
}

div.home-intro div.get-started {
	margin-top: 25px;
	margin-bottom: 15px;
	position: relative;
}

div.home-intro div.get-started a.btn {
	position: relative;
	z-index: 1;
}

div.home-intro div.get-started a.btn i {
	font-size: 1.1em;
	font-weight: normal;
	margin-left: 5px;
}

div.home-intro div.get-started a {
	color: #FFF;
}

div.home-intro div.demo-main
{
    color: #ffffff;
}

div.home-intro div.demo-main a
{
    color: #46d2f2;

}

div.home-intro div.learn-more {
	margin-left: 15px;
}

div.home-intro p {
  color: #FFFFFF;
  display: block;
  font-size: 1.4em;
  font-weight: 300;
  max-width: 800px;
  padding-top: 5px;
}

div.home-intro p span {
	color: #999;
	display: block;
	font-size: 0.8em;
	padding-top: 5px;
}

div.home-intro p em {
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

div.home-intro-compact {
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	margin-top: -10px;
}

div.home-intro-compact p {
	padding-left: 20px;
}

div.home-intro-compact div.get-started {
	padding-right: 20px;
}

/* Home Concept */
div.home-concept {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/home-concept.png) no-repeat center 0;
	width: 100%;
	overflow: hidden;
}

div.home-concept div.row {
	position: relative;
}

div.home-concept div.process-image {
	-moz-transition: all 0.3s ease-out 0.3s;
	-o-transition: all 0.3s ease-out 0.3s;
	-webkit-transition: all 0.3s ease-out 0.3s;
	transition: all 0.3s ease-out 0.3s;
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	height: 175px;
	margin: 135px 0 0 0;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

div.home-concept div.process-image img {
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	margin: 7px 8px;
}

div.home-concept strong {
	display: block;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.8em;
	font-weight: normal;
	position: relative;
	margin-top: 25px;
}

div.home-concept strong.our-work {
	margin-top: 48px;
}

div.home-concept div.project-image {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/home-concept-item.png) no-repeat 100% 0;
	width: 350px;
	height: 376px;
	margin: 15px 0 0 -30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}

div.home-concept span.sun {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/home-concept-icons.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 10%;
	top: 35px;
}

div.home-concept span.cloud {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/home-concept-icons.png) no-repeat 100% 0;
	width: 116px;
	height: 56px;
	display: block;
	position: absolute;
	left: 57%;
	top: 35px;
}

#headerMain
{
    margin-top: 70px; background-image: url('/National_Library/20161007110021oe_/https://www.appsee.com/images/header-bg2.jpg');
}

/* Page Top */
section.page-top {
	background-color: #414f59;
	margin-bottom: 35px;
	margin-top: 0px;
	min-height: 50px;
	padding: 0px 20px 7px 20px;
	position: relative;
	text-align: left;
}

section.page-top ul.breadcrumb {
	background: none;
	margin: -3px 0 0;
	padding: 0;
}

section.page-top ul.breadcrumb > li {
	text-shadow: none;
}

section.page-top h2 {
	color: #ffffff;
	display: inline-block;
	font-weight: 200;
	margin: 0 0 -25px;
	min-height: 34px;
	padding: 0 0 17px;
	position: relative;
    font-size: 28px;
}

/* Page Top Custom - Create your Own */
section.page-top.custom-product {
	background: #999;
	border-top: 5px solid #888;
}

section.page-top.custom-product div.row {
	position: relative;
}

section.page-top.custom-product p.lead {
	color: #CCC;
}

section.page-top.custom-product img {
	bottom: -20px;
	position: absolute;
	right: 0;
}

section.page-top.custom-product h1 {
	color: #FFF;
	margin-bottom: 10px;
	margin-top: 30px;
}

/* Page 404 */
section.page-not-found {
	margin: 50px 0;
}

section.page-not-found h2 {
	font-size: 140px;
	font-weight: 600;
	letter-spacing: -10px;
	line-height: 140px;
}

section.page-not-found h4 {
	color: #777;
}

section.page-not-found p {
	font-size: 1.4em;
	line-height: 36px;
}

div.page-not-found-main {
	margin-top: 25px;
	text-align: center;
}

/* Sitemap */
ul.sitemap > li > a {
	font-weight: bold;
}

ul.sitemap.list li {
	margin: 0 0 3px 0;
}

ul.sitemap.list ul {
	margin-bottom: 5px;
	margin-top: 5px;
}

/* Footer */
footer {
	background: #121214;
	border-top: 4px solid #1F1F1F;
	font-size: 0.9em;
	margin-top: 70px;
	padding: 40px 0 0;
	position: relative;
}

footer div.footer-ribon {
	background: #999;
	position: absolute;
	margin-top: -60px;
    margin-left: 920px;
	padding: 10px 20px 6px 20px;
}

footer div.footer-ribon::before {
	border-right: 10px solid #646464;
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	left: -17px;
	position: absolute;
	top: 0;
	width: 7px;
}

footer div.footer-ribon span {
	color: #FFF;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

footer div.container div.row > div {
	margin-bottom: 25px;
}

footer div.container input:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

footer div.social-icons li:hover {
	background-color: transparent;
}

footer div.twitter a.time {
	color: #999;
	display: block;
	font-size: 0.9em;
	padding-top: 3px;
}

footer div.twitter ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.contact {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer ul.contact i {
	float: left;
	margin: 4px 5px 10px 0;
}

footer ul.contact p {
	margin-bottom: 10px;
}

footer ul.contact a {
	color: #999;
}

footer a.logo {
	display: block;
}

footer form {
	filter: alpha(opacity=85);
	opacity: 0.85;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5
{
	color: #FFF !important;
}

footer a:hover {
	color: #CCC;
}

footer h4 {
	font-size: 1.8em;
	font-weight: 200;
	text-shadow: 1px 1px 1px #000;
}

div.footer-copyright {
	background: #0C0C0C;
	border-top: 4px solid #111;
	margin-top: 40px;
	padding: 30px 0 10px;
}

div.footer-copyright nav {
	float: right;
}

div.footer-copyright nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.footer-copyright nav ul li {
	border-left: 1px solid #505050;
	display: inline-block;
	line-height: 12px;
	margin: 0;
	padding: 0 8px;
}

div.footer-copyright nav ul li:first-child {
	border: medium none;
	padding-left: 0;
}

div.footer-copyright p {
	color: #555;
	margin: 0;
	padding: 0;
}

footer div.alert a {
	color: #222 !important;
}

footer div.alert a:hover {
	color: #666 !important;
}

/* Boxed Layout */
body.boxed {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: repeat;
}

body.boxed div.body {
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	background-color: #FFFFFF;
	border-bottom: 5px solid #121214;
	border-radius: 5px;
	border-top: 5px solid #CCC;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	margin: 25px auto;
	max-width: 100%;
	width: 1040px;
}

body.boxed header {
	padding: 15px 0;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #121214;
	font-weight: 200;
	letter-spacing: -1px;
	margin: 0;
}

h1 {
	font-size: 3.2em;
	line-height: 44px;
	margin: 0 0 44px 0;
}

h2 {
	font-size: 2.8em;
	font-weight: 300;
	line-height: 54px;
	margin: 0 0 32px 0;
}

h3 {
	color: #CCC;
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 24px;
	margin-bottom: 33px;
	text-transform: uppercase;
}

h4 {
	color: #CCC;
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 27px;
	margin: 0 0 14px 0;
}

h5 {
	color: #CCC;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}

h6 {
	color: #333;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}

h1.short,
h2.short {
	margin-bottom: 15px;
}

h3.short,
h4.short,
h5.short,
h6.short {
	margin-bottom: 9px;
}

h1.shorter,
h2.shorter,
h3.shorter,
h4.shorter,
h5.shorter,
h6.shorter {
	margin-bottom: 0;
}

h1.tall,
h2.tall,
h3.tall,
h4.tall,
h5.tall,
h6.tall {
	margin-bottom: 33px;
}

h1.taller,
h2.taller,
h3.taller,
h4.taller,
h5.taller,
h6.taller {
	margin-bottom: 44px;
}

h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
	margin-top: 22px;
}

h1.more-spaced,
h2.more-spaced,
h3.more-spaced,
h4.more-spaced,
h5.more-spaced,
h6.more-spaced {
	margin-top: 44px;
}

div.modal-header h3 {
	color: #333;
	text-transform: none;
}

/* Paragraphs */
p {
	color: #777;
	line-height: 24px;
	margin: 0 0 20px;
}

p .alternative-font {
	display: inline-block;
	margin-top: -15px;
	position: relative;
	top: 3px;
}

p.featured {
	font-size: 1.6em;
	line-height: 1.5em;
}

p.short {
	margin-bottom: 0;
}

p.tall {
	margin-bottom: 20px;
}

p.taller {
	margin-bottom: 40px;
}

/* Divider Line */
hr {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/divider.png) no-repeat center 0;
	border: 0;
	margin: 22px 0 22px 0;
	height: 6px;
}

hr.short {
	margin: 11px 0 11px 0;
}

hr.tall {
	margin: 44px 0 44px 0;
}

hr.taller {
	margin: 66px 0 66px 0;
}

hr.light {
	border-bottom: none;
	border-top: 1px dotted rgba(255, 255, 255, 0.2);
}

/* Miscellaneous */
div.center {
	text-align: center;
}

body a {
	outline: none !important;
}

.pull-bottom {
	margin-bottom: 35px;
}

.pull-top {
	margin-top: 35px;
}

div.show-grid [class*="span"] {
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
}

li {
	line-height: 24px;
}

.inverted {
	color: #FFF;
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

/* Forms */
textarea {
	resize: vertical;
}

/* Alternative Font Style */
.alternative-font {
	color: #CCC;
	font-family: "Shadows Into Light", cursive;
	font-size: 1.6em;
}

/* Thumbnails */
.thumbnail {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	position: relative;
}

.thumbnail span.zoom {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background: #CCC;
	border-radius: 50px;
	bottom: 8px;
	color: #FFF;
	display: block;
	height: 15px;
	padding: 6px;
	position: absolute;
	right: 8px;
	text-align: center;
	width: 15px;
}

.thumbnail span.zoom i {
	font-size: 14px;
	left: -1px;
	position: relative;
	top: -3px;
}

.thumbnail-small {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul.thumbnails-small {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul.thumbnails-small li {
	display: inline-block;
	float: none;
	margin: 10px 10px 0 0;
	padding: 0;
}

/* Thumb Info */
a.thumb-info {
	display: block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

a.thumb-info:hover span.thumb-info-action-icon {
	right: 0;
	top: 0;
}

a.thumb-info:hover span.thumb-info-action {
	filter: alpha(opacity=100);
	opacity: 1;
}

a.thumb-info span.thumb-info-action-icon {
	-moz-border-radius: 0 0 0 25px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-border-radius: 0 0 0 25px;
	-webkit-transition: all 0.3s;
	background: #CCC;
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -100px;
	text-align: center;
	top: -100px;
	transition: all 0.3s;
	width: 50px;
}

a.thumb-info span.thumb-info-action-icon i {
	font-size: 24px;
	left: 3px;
	position: relative;
	top: -4px;
}

a.thumb-info:hover span.thumb-info-title {
	background: #000;
}

a.thumb-info span.thumb-info-action {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: rgba(36,27,28, .9);
	bottom: 0;
	color: #FFF;
	filter: alpha(opacity=0);
	height: 100%;
	left: 0;
	opacity: 0.0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s;
	width: 100%;
}

a.thumb-info span.thumb-info-inner {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	display: block;
	transition: all 0.3s;
	white-space: nowrap;
}

a.thumb-info span.thumb-info-title {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background: rgba(36,27,28, .9);
	bottom: 10%;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	left: 0;
	letter-spacing: -1px;
	padding: 9px 11px 9px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2);
	text-transform: uppercase;
	transition: all 0.3s;
	z-index: 1;
}

a.thumb-info span.thumb-info-type {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background-color: #CCC;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 8px -2px -15px -2px;
	padding: 2px 9px;
	text-transform: none;
}

a.thumb-info:hover img {
	-moz-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
}

a.thumb-info img {
	-moz-border-radius: 3px;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-webkit-border-radius: 3px;
	-webkit-transition: all 0.2s linear;
	border-radius: 3px;
	position: relative;
	transition: all 0.2s linear;
}

a.thumb-info.team {
	cursor: default;
}

span.thumb-info-caption {
	padding: 10px 0;
}

span.thumb-info-caption p {
	font-size: 0.9em;
	line-height: 20px;
	margin: 0 0 8px;
	padding: 10px;
}

div.thumb-info-social-icons {
	border-top: 1px dotted #DDD;
	margin: 0 10px;
	padding: 15px 0;
}

div.thumb-info-social-icons a {
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background: #CCC;
	border-radius: 25px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

div.thumb-info-social-icons a:hover {
	text-decoration: none;
}

div.thumb-info-social-icons a span {
	display: none;
}

div.thumb-info-social-icons a i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

/* Images */
img.responsive {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	text-align: center;
}

/* Forms */
label.valid {
	display: inline-block;
	text-indent: -9999px;
}

label.error {
	color: #C10000;
	font-size: 0.9em;
	margin-top: -5px;
	padding: 0;
}

/* Navs */
ul.nav-list.primary > li {
	margin: 0;
	padding: 0;
}

ul.nav-list.primary > li a {
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	background-image: url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/list-primary.png);
	background-position: 9px 16px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #EDEDDE;
	padding: 8px 20px;
	transition: all 0.3s;
}

/* Tabs */
div.tabs {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 35px;
}

div.tabs div.tab-content {
	-moz-border-radius: 0 0 4px 4px;
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-webkit-border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background-color: #FFF;
	border: 1px solid #EEE;
	border-radius: 0 0 4px 4px;
	border-top: 0;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	padding: 15px;
}

div.tabs ul.nav-tabs {
	margin: 0;
}

div.tabs ul.nav-tabs li.active a {
	background: #FFF;
	border-top: 3px solid #CCC;
	color: #CCC;
}

div.tabs ul.nav-tabs a {
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	background: #F4F4F4;
	border: 1px solid #EEE;
	border-bottom: 0;
	border-radius: 8px 8px 0 0;
	color: #666;
	margin-right: 1px;
}

div.tabs ul.nav-tabs a:hover {
	border-top: 2px solid #CCC;
}

div.tabs ul.nav-tabs a:active,
div.tabs ul.nav-tabs a:focus {
	border-bottom: 0;
}

div.tabs ul.nav-tabs a,
div.tabs ul.nav-tabs a:hover {
	border: 1px solid #EEE;
	border-bottom: 0;
	border-top: 2px solid #DDD;
	color: #CCC;
	font-size: 0.9em;
}

/* Read More */
a.read-more,
a.learn-more {
	display: inline-block;
	white-space: nowrap;
}

/* Featured Box */
div.featured-box {
	/*-moz-border-radius: 8px;*/
	-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	-moz-box-sizing: border-box;
	/*-webkit-border-radius: 8px;*/
	-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	background: #FFFfff;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(#FFFfff,0.01),color-stop(#f9f9f9,0.98));
	background: -webkit-linear-gradient(top,  #FFFfff 1%, #f9f9f9 98%);
	background: -moz-linear-gradient(top,  #FFFfff 1%, #f9f9f9 98%);
	background: -o-linear-gradient(top,  #FFFfff 1%, #f9f9f9 98%);
	background: linear-gradient(top,  #FFFfff 1%, #f9f9f9 98%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFfff), color-stop(98%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #FFFfff 1%,#f9f9f9 98%);
	background: -moz-linear-gradient(top,  #FFFfff 1%,#f9f9f9 98%);
	background: -o-linear-gradient(top,  #FFFfff 1%,#f9f9f9 98%);
	background: linear-gradient(top,  #FFFfff 1%,#f9f9f9 98%);
	background: -webkit-linear-gradient(to bottom,  #FFFfff 1%,#f9f9f9 98%);
	background: -moz-linear-gradient(to bottom,  #FFFfff 1%,#f9f9f9 98%);
	background: -o-linear-gradient(to bottom,  #FFFfff 1%,#f9f9f9 98%);
	background: linear-gradient(to bottom,  #FFFfff 1%,#f9f9f9 98%);
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	/*border-radius: 8px;*/
	border-right: 1px solid #ECECEC;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFfff', endColorstr='#f9f9f9',GradientType=0 );
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	min-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}

div.featured-box div.box-content {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border-top: 3px solid #33B8FF;
	border-top-width: 4px;
	padding: 10px 20px 10px 20px;
}

div.featured-box p a.learn-more {
	display: block;
	margin-top: 10px;
}

div.featured-box i.icon,
div.featured-box i.image-icon {
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	background-color: #33B8FF;
	border-radius: 100%;
	color: #FFF;
	font-size: 40px;
	line-height: 110px;
	margin: 25px 0;
	padding: 25px;
}

div.featured-box i.image-icon {
	background-position: center center;
	margin: 10px 0 6px 0;
	padding: 21px;
}

div.featured-box h4 {
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: -0.7px;
	margin-top: 5px;
	text-transform: uppercase;
}

div.read-more,
div.read-more a,
div.learn-more,
div.learn-more a {
	display: inline-block;
	white-space: nowrap;
}

div.featured-boxes
{
    max-width: 830px;
    margin: auto;
}

div.featured-boxes div.featured-box {
	margin-bottom: 30px;
	margin-top: 30px;
	
}

/* Primary */
div.featured-box-primary i.icon,
div.featured-box-primary i.image-icon {
	background-color: #E05048;
}

div.featured-box-primary h4 {
	color: #E05048;
}

div.featured-box-primary div.box-content {
	border-top-color: #E05048;
}

/* Secundary */
div.featured-box-secundary i.icon,
div.featured-box-secundary i.image-icon {
	background-color: #46D2F2;
}

div.featured-box-secundary h4 {
	color: #46D2F2;
}

div.featured-box-secundary div.box-content {
	border-top-color: #46D2F2;
}

/* Tertiary */
div.featured-box-tertiary i.icon,
div.featured-box-tertiary i.image-icon {
	background-color: #4EB25C;
}

div.featured-box-tertiary h3 {
	color: #4EB25C;
}

div.featured-box-tertiary h4 {
	color: #4EB25C;
}

div.featured-box-tertiary div.box-content {
	border-top-color: #4EB25C;
}

/* Quaternary */
div.featured-box-quaternary i.icon,
div.featured-box-quaternary i.image-icon {
	background-color: #734BA9;
}

div.featured-box-quaternary h4 {
	color: #734BA9;
}

div.featured-box-quaternary div.box-content {
	border-top-color: #734BA9;
}

/* Feature Box */
div.feature-box {
	clear: both;
}

div.record-feature-container
{
    margin-top: 20px;
}

div.heatmap-feature-container
{
    margin-top: 65px;
}

div.analytics-feature-container
{
    margin-top: 85px;
}

div.small-features-container
{
    text-align: center;
}

div.small-feature {
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

div.feature-box-icon {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	background: #CCC;
	border-radius: 35px;
	color: #04aeda;
	display: inline-block;
	float: left;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 12px;
	width: 35px;
}

.small-feature-box-icon
{
    background-color: #E9E9E9;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: #04aeda;
    height: 45px;
    line-height: 35px;
    text-align: center;
    font-size: 24px;
    width: 50px;
    margin: auto;
    vertical-align: central;
    margin-bottom: 10px;
    padding-top: 5px;
}

div.feature-box-img {
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 7px;
	width: 40px;
}

.feature-box-info
{
    color: #555555;
}

div.feature-box div.feature-box-info {
    font-size: 20px;
    line-height: 30px;
}

div.feature-box-icon i.image-icon {
	position: relative;
	top: 5px;
}

div.feature-box-icon i.image-icon.small {
	top: 2px;
}

/* Flex Slider */
div.flexslider-simple {
	-moz-border-radius: 8px;
	-moz-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

div.flexslider-simple ul.flex-direction-nav a.flex-prev {
	display: block;
	filter: alpha(opacity=100);
	left: 5px;
	opacity: 1;
}

div.flexslider-simple ul.flex-direction-nav a.flex-next {
	display: block;
	filter: alpha(opacity=100);
	opacity: 1;
	right: 5px;
}

div.flexslider-top-title ul.flex-direction-nav {
	display: block;
	position: absolute;
	right: 2px;
	top: -27px;
}

div.flexslider-top-title ul.flex-direction-nav a.flex-prev {
	-moz-border-radius: 15px 0px 0px 15px;
	-webkit-border-radius: 15px 0px 0px 15px;
	border-radius: 15px 0px 0px 15px;
	display: block;
	left: auto;
	right: 25px;
}

div.flexslider-top-title ul.flex-direction-nav a.flex-next {
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
	right: 0;
}

div.flexslider-top-title ul.flex-direction-nav a {
	filter: alpha(opacity=80);
	opacity: 0.8;
	text-decoration: none;
}

div.flexslider-top-title ul.slides div.thumbnail {
	max-width: 380px;
}

div.flexslider.unstyled {
	-moz-border-radius: 0;
	-moz-box-shadow: none;
	-webkit-border-radius: 0;
	-webkit-box-shadow: none;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}

div.flexslider.flexslider-control-nav {
	margin-bottom: 45px;
}

div.flexslider-no-margin-bottom {
	margin-bottom: 20px;
}

/* Testimonials */
blockquote.testimonial {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #CCC;
	border-radius: 10px;
	border: 0;
	color: #666;
	font-family: Georgia, serif;
	font-style: italic;
	margin: 0;
	padding: 10px 50px;
	position: relative;
}

blockquote.testimonial p {
	color: #FFF;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.2em;
	line-height: 1.3;
}

blockquote.testimonial:before {
	left: 10px;
	top: 0;
}

blockquote.testimonial:before,
blockquote.testimonial:after {
	color: #FFF;
	content: "\201C";
	font-size: 80px;
	font-style: normal;
	line-height: 1;
	position: absolute;
}

blockquote.testimonial:after {
	bottom: -0.5em;
	content: "\201D";
	right: 10px;
}

div.testimonial-arrow-down {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #CCC;
	height: 0;
	margin: 0 0 0 25px;
	width: 0;
}

div.testimonial-author {
	margin: 8px 0 0 8px;
}

div.testimonial-author div.thumbnail {
	float: left;
	margin-right: 10px;
}

div.testimonial-author div.testimonial-logo {
	float: right;
    margin-top: 15px;
    margin-right: 10px;
}

div.testimonial-author strong {
	color: #111;
	display: block;
	padding-top: 7px;
}

div.testimonial-author span {
	color: #666;
	display: block;
	font-size: 12px;
}

div.testimonial-author author-title {
	color: #999;
	margin: 0 0 0 25px;
	text-align: left;
}

/* Icons */
span.featured-icon {
	-moz-border-radius: 35px;
	-webkit-border-radius: 35px;
	background: #CCC;
	border-radius: 35px;
	color: #FFF;
	display: inline-block;
	height: 35px;
	line-height: 35px;
	margin-right: 10px;
	position: relative;
	text-align: center;
	top: 5px;
	width: 35px;
}

span.featured-icon i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

/* Flickr Feed */
ul.flickr-feed {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

ul.flickr-feed li {
	display: inline-block;
	margin: 10px 10px 0 0;
	padding: 0;
}

/* Diagram */
div.diagram {
	float: left;
	height: 520px;
	margin: -50px 0;
	width: 500px;
}

div.diagram-get {
	display: none;
}

/* List */
ul.list li {
	margin-bottom: 13px;
}

ul.list.icons li i {
	color: #CCC;
}

ul.list.pull-left li {
	text-align: left;
}

/* Blog Recent Posts */
div.recent-posts h4 {
	margin-bottom: 2px;
}

div.recent-posts div.date {
	float: left;
	margin-right: 10px;
	margin-top: 8px;
	text-align: center;
}

div.recent-posts div.date span.month {
	-moz-border-radius: 0 0 2px 2px;
	-moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	-webkit-border-radius: 0 0 2px 2px;
	-webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	background: #CCC;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
	color: #FFFFFF;
	font-size: 0.9em;
	padding: 0 10px 2px;
}

div.recent-posts div.date span.day {
	background: #FFF;
	color: #CCC;
	display: block;
	font-size: 18px;
	font-weight: 500;
	font-weight: bold;
	padding: 8px;
}

div.recent-posts article.recent-post h4 {
	margin: 0 0 3px 0;
}

div.recent-posts article.recent-post h4 a {
	display: block;
}

/* Simple Post List */
ul.simple-post-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.simple-post-list div.post-image {
	float: left;
	margin-right: 12px;
}

ul.simple-post-list div.post-meta {
	color: #888;
	font-size: 0.8em;
}

ul.simple-post-list li {
	border-bottom: 1px dotted #E2E2E2;
	min-height: 62px;
	padding: 15px 0;
}

ul.simple-post-list li:last-child {
	border-bottom: 0;
}

/* Pricing Tables */
div.pricing-table {
	width: 800px;
    margin: auto;
	text-align: center;
}

div.pricing-table div.most-popular {
	-moz-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
	border: 3px solid #CCC;
	box-shadow: 11px 0 10px -10px rgba(0, 0, 0, 0.1), -11px 0 10px -10px rgba(0, 0, 0, 0.1);
	padding: 30px 20px;
	top: -10px;
	z-index: 2;
}

div.pricing-table div.most-popular h3 {
	background-color: #666;
	color: #FFF;
	padding-top: 30px;
	text-shadow: 0 1px #555;
}

div.pricing-table div.plan {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FFF;
	border: 1px solid #ddd;
	border-radius: 5px;
	color: #333;
	margin-bottom: 15px;
	
	padding: 20px 00px 5px 00px;
	position: relative;
    vertical-align: middle;
	text-shadow: 0 1px rgba(255,255,255,.8);
}

div.pricing-table a.btn {
	margin-top: 5px;
}

div.pricing-table ul {
	list-style: none;
	margin: 00px 0 0 0;
	padding: 0;
}

.pricing-yellow
{
    background-image: -moz-linear-gradient(#fff6d4,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff6d4), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#fff6d4, #FFFFFF) !important;
	background-image: -o-linear-gradient(#fff6d4, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#fff6d4, #FFFFFF) !important;
	background-image: linear-gradient(#fff6d4, #FFFFFF) !important;
}

.pricing-green
{
    background-image: -moz-linear-gradient(#dbfeed,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dbfeed), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#dbfeed, #FFFFFF) !important;
	background-image: -o-linear-gradient(#dbfeed, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#dbfeed, #FFFFFF) !important;
	background-image: linear-gradient(#dbfeed, #FFFFFF) !important;
}

.pricing-cyan
{
    background-image: -moz-linear-gradient(#d5f9ff,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d5f9ff), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#d5f9ff, #FFFFFF) !important;
	background-image: -o-linear-gradient(#d5f9ff, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#d5f9ff, #FFFFFF) !important;
	background-image: linear-gradient(#d5f9ff, #FFFFFF) !important;
}

.pricing-purple
{
    background-image: -moz-linear-gradient(#f0dfff,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0dfff), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#f0dfff, #FFFFFF) !important;
	background-image: -o-linear-gradient(#f0dfff, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#f0dfff, #FFFFFF) !important;
	background-image: linear-gradient(#f0dfff, #FFFFFF) !important;
}

.pricing-orange
{
    background-image: -moz-linear-gradient(#ffecdf,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffecdf), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#ffecdf, #FFFFFF) !important;
	background-image: -o-linear-gradient(#ffecdf, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#ffecdf, #FFFFFF) !important;
	background-image: linear-gradient(#ffecdf, #FFFFFF) !important;
}

.pricing-pink
{
    background-image: -moz-linear-gradient(#ffdff3,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffdff3), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#ffdff3, #FFFFFF) !important;
	background-image: -o-linear-gradient(#ffdff3, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#ffdff3, #FFFFFF) !important;
	background-image: linear-gradient(#ffdff3, #FFFFFF) !important;
}

.pricing-blue
{
    background-image: -moz-linear-gradient(#c4d3ff,#FFFFFF) !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c4d3ff), to(#FFFFFF)) !important;
	background-image: -webkit-linear-gradient(#c4d3ff, #FFFFFF) !important;
	background-image: -o-linear-gradient(#c4d3ff, #FFFFFF) !important;
	background-image: -ms-linear-gradient(#c4d3ff, #FFFFFF) !important;
	background-image: linear-gradient(#c4d3ff, #FFFFFF) !important;
}

div.pricing-table h3 {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	background-color: #eee;
	background-image: -moz-linear-gradient(#FAFAFA,#eee);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#eee));
	background-image: -webkit-linear-gradient(#FAFAFA, #eee);
	background-image: -o-linear-gradient(#FAFAFA, #eee);
	background-image: -ms-linear-gradient(#FAFAFA, #eee);
	background-image: linear-gradient(#FAFAFA, #eee);
	border-radius: 2px 2px 0 0;
	font-size: 20px;
	font-weight: normal;
	margin: -20px -00px 0px -00px;
	padding: 20px;
    height: 60px;
}

div.pricing-table h3 span {
	-moz-border-radius: 100px;
	-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	-webkit-border-radius: 100px;
	-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	background: #FFF;
	border: 5px solid #FFF;
	border-radius: 100px;
	box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
	color: #777;
	display: block;
	font: bold 25px/100px Georgia, Serif;
	height: 100px;
	margin: 20px auto -65px;
	width: 100px;
}

div.pricing-table li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

div.plan-ribbon-wrapper {
	height: 88px;
	overflow: hidden;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 85px;
}

div.plan-ribbon {
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-transform: rotate(45deg);
	background-color: #BFDC7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45));
	background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45);
	background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	color: #333;
	font-size: 14px;
	left: -5px;
	padding: 7px 0;
	position: relative;
	text-align: center;
	text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	top: 15px;
	transform: rotate(45deg);
	width: 120px;
}

div.plan-ribbon:before {
	left: 0;
}

div.plan-ribbon:before,
div.plan-ribbon:after {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	bottom: -3px;
	content: "";
	position: absolute;
}

div.plan-ribbon:after {
	right: 0;
}

/* Accordion */
.accordion-group {
	-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

/* Portfolio List */
ul.portfolio-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.portfolio-list div.portfolio-item {
	margin-bottom: 35px
}

/* Team List */
ul.team-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.team-list div.team-item {
	margin-bottom: 35px;
}

/* Toggle */
section.toggle {
	margin: 25px 0;
	position: relative;
}

section.toggle input[type=checkbox]:checked~label {
	background: #E5F7FC;
	border-color: #CCC;
}

section.toggle input[type=checkbox]:checked~label i.icon-minus {
	display: inline;
}

section.toggle input[type=checkbox]:checked~label i.icon-plus {
	display: none;
}

section.toggle input[type=checkbox]:checked~label::before {
	border: 6px solid transparent;
	border-top-color: inherit;
	margin-top: -3px;
	right: 10px;
}

section.toggle input[type=checkbox]:checked~p {
	display: block;
	font-size: 1em;
	overflow: visible;
	padding-left: 30px;
	text-overflow: clip;
	white-space: normal;
	max-height: none;
}

section.toggle.active p {
	display: block;
	font-size: 1em;
	overflow: visible;
	padding-left: 30px;
	text-overflow: clip;
	white-space: normal;
}

section.toggle input {
	cursor: pointer;
	filter: alpha(opacity=0);
	height: 45px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}

section.toggle label {
	-moz-border-radius: 8px;
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-border-radius: 8px;
	-webkit-transition: all .15s ease-out;
	background: #F4F4F4;
	border: 1px solid #F4F4F4;
	border-left: 3px solid #CCC;
	border-radius: 8px;
	color: #CCC;
	display: block;
	font-size: 1.1em;
	min-height: 20px;
	padding: 12px 20px 12px 10px;
	position: relative;
	transition: all .15s ease-out;
}

section.toggle label::-moz-selection {
	background: none;
}

section.toggle label i.icon-minus {
	display: none;
}

section.toggle label i.icon-plus {
	display: inline;
}

section.toggle label::selection {
	background: none;
}

section.toggle label::before {
	border: 6px solid transparent;
	border-left-color: inherit;
	content: '';
	margin-top: -6px;
	position: absolute;
	right: 4px;
	top: 50%;
}

section.toggle label:hover {
	background: #f5f5f5;
}

section.toggle label + p {
	-moz-transition: all .15s ease-out;
	-o-transition: all .15s ease-out;
	-webkit-transition: all .15s ease-out;
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	transition: all .15s ease-out;
	white-space: nowrap;
	max-height: 20px;
}

section.toggle label i {
	font-size: 0.7em;
	margin-right: 8px;
	position: relative;
	top: -1px;
}

section.toggle p {
	display: none;
}

/* Timeline */
ul.timeline {
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}

ul.timeline li {
	margin: 25px 0;
	padding: 0;
	clear: both;
}

ul.timeline li h4 {
	margin: 0 0 -27px 0;
	padding: 0;
}

ul.timeline li p {
	margin-left: 53px;
}

ul.timeline li div.thumb {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/history-thumb.png) no-repeat 0 0;
	width: 227px;
	height: 160px;
	margin: 0 0 30px;
	padding: 0;
	float: left;
}

ul.timeline li div.thumb img {
	-moz-border-radius: 150px;
	-webkit-border-radius: 150px;
	border-radius: 150px;
	margin: 7px 8px;
	width: 145px;
	height: 145px;
}

ul.timeline li div.featured-box {
	text-align: left;
	margin-left: 225px;
	margin-bottom: 50px;
	min-height: 115px;
}

ul.timeline li div.featured-box div.box-content {
	border-top-color: #CCC;
}

/* Arrows */
span.arrow {
	background: transparent url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/arrows.png) no-repeat 0 0;
	width: 47px;
	height: 120px;
	display: inline-block;
	position: relative;
}

span.arrow.hl {
	background-position: -209px 0;
	width: 120px;
	height: 47px;
}

span.arrow.hlb {
	background-position: -209px -101px;
	width: 120px;
	height: 47px;
}

/* Google Maps */
div.google-map {
	background: #E5E3DF;
	height: 400px;
	margin: -35px 0 30px 0;
	width: 100%;
}

/* Search Results */
div.search-results {
	min-height: 300px;
}

/* Image Icons */
i.image-icon {
	background-repeat: no-repeat;
	display: inline-block;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	overflow: hidden;
}

i.image-icon.small {
	width: 16px;
	height: 16px;
}

i.image-icon.big {
	width: 48px;
	height: 48px;
}

/* Image Icon Example */
i.image-icon.user {
	background-image: url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/icons/icon-user-24.png);
}

i.image-icon.user.small {
	background-image: url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/icons/icon-user-16.png);
}

i.image-icon.user.big {
	background-image: url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/icons/icon-user-48.png);
}

/* Social Icons */
ul.social-icons {
	margin: 0;
	padding: 0;
	width: auto;
}

ul.social-icons li {
	background-image: url(/National_Library/20161007110021oe_/https://www.appsee.com/Images/social-sprites.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	display: inline-block;
	margin: -1px 1px 5px 0;
	padding: 0;
	overflow: visible;
	transition: all 0.3s ease;
	
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

ul.social-icons li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	width: 30px;
}

ul.social-icons li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}

ul.social-icons li:active,
ul.social-icons li a:active {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}

ul.social-icons li.digg {
	background-position: 0 0;
}

ul.social-icons li.digg:hover {
	background-position: 0 -30px;
}

ul.social-icons li.dribbble {
	background-position: 0 -60px;
}

ul.social-icons li.dribbble:hover {
	background-position: 0 -90px;
}

ul.social-icons li.facebook {
	background-position: 0 -120px;
}

ul.social-icons li.facebook:hover {
	background-position: 0 -150px;
}

ul.social-icons li.flickr {
	background-position: 0 -180px;
}

ul.social-icons li.flickr:hover {
	background-position: 0 -210px;
}

ul.social-icons li.forrst {
	background-position: 0 -240px;
}

ul.social-icons li.forrst:hover {
	background-position: 0 -270px;
}

ul.social-icons li.googleplus {
	background-position: 0 -300px;
}

ul.social-icons li.googleplus:hover {
	background-position: 0 -330px;
}

ul.social-icons li.html5 {
	background-position: 0 -360px;
}

ul.social-icons li.html5:hover {
	background-position: 0 -390px;
}

ul.social-icons li.icloud {
	background-position: 0 -420px;
}

ul.social-icons li.icloud:hover {
	background-position: 0 -450px;
}

ul.social-icons li.lastfm {
	background-position: 0 -480px;
}

ul.social-icons li.lastfm:hover {
	background-position: 0 -510px;
}

ul.social-icons li.linkedin {
	background-position: 0 -540px;
}

ul.social-icons li.linkedin:hover {
	background-position: 0 -570px;
}

ul.social-icons li.myspace {
	background-position: 0 -600px;
}

ul.social-icons li.myspace:hover {
	background-position: 0 -630px;
}

ul.social-icons li.paypal {
	background-position: 0 -660px;
}

ul.social-icons li.paypal:hover {
	background-position: 0 -690px;
}

ul.social-icons li.picasa {
	background-position: 0 -720px;
}

ul.social-icons li.picasa:hover {
	background-position: 0 -750px;
}

ul.social-icons li.pinterest {
	background-position: 0 -780px;
}

ul.social-icons li.pinterest:hover {
	background-position: 0 -810px;
}

ul.social-icons li.reddit {
	background-position: 0 -840px;
}

ul.social-icons li.reddit:hover {
	background-position: 0 -870px;
}

ul.social-icons li.rss {
	background-position: 0 -900px;
}

ul.social-icons li.rss:hover {
	background-position: 0 -930px;
}

ul.social-icons li.skype {
	background-position: 0 -960px;
}

ul.social-icons li.skype:hover {
	background-position: 0 -990px;
}

ul.social-icons li.stumbleupon {
	background-position: 0 -1020px;
}

ul.social-icons li.stumbleupon:hover {
	background-position: 0 -1050px;
}

ul.social-icons li.tumblr {
	background-position: 0 -1080px;
}

ul.social-icons li.tumblr:hover {
	background-position: 0 -1110px;
}

ul.social-icons li.twitter {
	background-position: 0 -1140px;
}

ul.social-icons li.twitter:hover {
	background-position: 0 -1170px;
}

ul.social-icons li.vimeo {
	background-position: 0 -1200px;
}

ul.social-icons li.vimeo:hover {
	background-position: 0 -1230px;
}

ul.social-icons li.wordpress {
	background-position: 0 -1260px;
}

ul.social-icons li.wordpress:hover {
	background-position: 0 -1290px;
}

ul.social-icons li.yahoo {
	background-position: 0 -1320px;
}

ul.social-icons li.yahoo:hover {
	background-position: 0 -1350px;
}

ul.social-icons li.youtube {
	background-position: 0 -1380px;
}

ul.social-icons li.youtube:hover {
	background-position: 0 -1410px;
}

ul.social-icons li.github {
	background-position: 0 -1440px;
}

ul.social-icons li.github:hover {
	background-position: 0 -1470px;
}

ul.social-icons li.behance {
	background-position: 0 -1500px;
}

ul.social-icons li.behance:hover {
	background-position: 0 -1530px;
}

ul.social-icons li.yelp {
	background-position: 0 -1560px;
}

ul.social-icons li.yelp:hover {
	background-position: 0 -1590px;
}

ul.social-icons li.mail {
	background-position: 0 -1620px;
}

ul.social-icons li.mail:hover {
	background-position: 0 -1650px;
}

ul.social-icons li.instagram {
	background-position: 0 -1680px;
}

ul.social-icons li.instagram:hover {
	background-position: 0 -1710px;
}

ul.social-icons li.foursquare {
	background-position: 0 -1740px;
}

ul.social-icons li.foursquare:hover {
	background-position: 0 -1770px;
}

ul.social-icons li.zerply {
	background-position: 0 -1800px;
}

ul.social-icons li.zerply:hover {
	background-position: 0 -1830px;
}

.header-height
{
    height: 380px;
}

#play-canvas {
    position: absolute;
    top: 0;
    left: 0;
}

#hands img {
    /* Important to provide both width and height for play animation */
    width: 600px;
    height: 325px;
}

@media (max-width: 1220px)
{
    .logo-image
    {
        width: 160px !important;
        height: 42px !important;
    }
}

/* Home Concept */
@media (max-width: 1180px) { 

    #hands img {
        /* Important to provide both width and height for play animation */
        width: 530px;
        height: 287px;
    }

	div.home-concept div.project-image,
	div.home-concept div.process-image {
		margin-left: -50%;
	}

    div.record-feature-container
    {
        margin-top: 20px;
    }

    div.heatmap-feature-container
    {
        margin-top: 20px;
    }

    div.analytics-feature-container
    {
        margin-top: 60px;
    }

    div.small-features-container
    {
        margin-top: 0px;
    }

    .imagePlayVideo
    {
        width: 400px;
        height: 306px;
    }

    .homeDescription
    {
        width: 530px;
    }

    .priceTitle
    {
        height: 40px !important;

    }

    .priceMoreInfo
    {
        float: right !important;
    }
}

@media (max-width: 980px) {
    
    .priceTitle
    {
        height: 65px !important;

    }

    .priceMoreInfo
    {
        float: none !important;
    }

    	/* Base */
	header div.social-icons {
		display: none;
	}

	header nav ul.nav-main {
		margin-right: -10px;
	}

	/* Thumb Info */
	a.thumb-info span.thumb-info-title {
		font-size: 14px;
	}

	a.thumb-info span.thumb-info-more {
		font-size: 11px;
	}

	/* Hexagon */
	div.hexagon.pull-left-tablet {
		margin-left: -91px;
	}

    .introVideoButton
    {
        display: inline-block !important;
    }

    .boxIntroVideo
    {
        display: none;
    }	
    
    header nav {
		width: 55%;
	}

	header nav select.selectnav {
		display: block;
		margin-top: 0px;
		width: 100%;
	}

	header nav ul.nav-main,
	header div.social-icons {
		display: none;
	}

	header nav ul.nav-top {
		left: 39%;
		position: absolute;
	}

	header nav ul.nav-top li.phone {
		display: block;
	}

	header nav ul.nav-top li {
		display: none;
	}

}

@media (max-width: 767px) { 
	/* Base */

    #headerMain
    {
        background-image:none;
    }

    .header-height
    {
        height: 380px;
    }
    
    body.boxed {
		background: none !important;
	}

	.header-intro {
	  position: relative;
	}
	#process {
	  background-image: none !important;
      background-color: #5DC4D7 !important;
	}
	#clouds {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	#process {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	  margin-top: 40px;
	}
	.btn.btn-large {
	  margin-bottom: 10px;
	}
    .btn.btn-large {
	  margin-bottom: 10px;
	}
    div.record-feature-container {
        margin-top: 0px;
    }
    div.heatmap-feature-container {
        margin-top: 0px;
    }
    div.analytics-feature-container {
        margin-top: 0px;
    }
    div.small-features-container {
        margin-top: 0px;
    }

	header,
	div.slider-container,
	div.slider-container > div.slider > div.tp-bannertimer,
	div.home-intro,
	div.home-concept,
	section.highlight,
	section.featured,
	section.featured.footer,
	section.page-top,
	footer,
	div.footer-copyright,
	div.google-map,
	div.map-section {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	div.home-intro-compact {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	body.boxed div.body {
		border: 0;
		border-bottom: 0;
		border-top: 0;
		box-shadow: none;
		margin: 0;
		width: auto;
	}

	body.boxed header {
		padding: 0;
	}

	
	header nav {
		width: 55%;
	}

	header nav select.selectnav {
		display: block;
		margin-top: 0px;
		width: 100%;
	}

	header nav ul.nav-main,
	header div.social-icons {
		display: none;
	}

	header nav ul.nav-top {
		left: 39%;
		position: absolute;
	}

	header nav ul.nav-top li.phone {
		display: block;
	}

	header nav ul.nav-top li {
		display: none;
	}

    .logo {
		margin-right: 10%;
		width: 30%;
	}

	.sort-destination,
	.isotope-item,
	.mobile-max-width {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 380px;
	}

	.mobile-max-width.small {
		max-width: 200px;
	}

	/* Miscellaneous */
	.pull-bottom-phone {
		margin-bottom: 35px;
	}

	.pull-top-phone {
		margin-bottom: 35px;
	}

	/* Flexslider */
	div.flexslider-center-mobile div.flex-viewport {
		margin-left: auto;
		margin-right: auto;
		max-width: 390px;
	}

	div.flexslider-center-mobile.flexslider-simple {
		margin-left: auto;
		margin-right: auto;
		max-width: 390px;
	}

	/* Pricing Tables */
	div.pricing-table {
		margin-left: 0px;
	}

	div.pricing-table div.plan {
		margin-right: 0;
	}

    
	div.home-concept {
		background: none;
	}

	div.home-concept span.shadow {
		display: none;
	}

	div.home-concept div.process-image,
	div.home-concept div.project-image {
		margin: 0 auto;
	}

    div.record-feature-container
    {
        margin-top: 30px;
    }

    div.heatmap-feature-container
    {
        margin-top: 40px;
    }

    .imagePlayVideo
    {
        width: 350px;
        height: 268px;
    }
}

@media (max-width: 600px) {
    #header-bar {
        display: none;
    }

    .logo-image
    {
        width: 120px !important;
        height: 31px !important;
    }
    /*#clouds {
        height: 70px !important;
    }

    #headerMain {
        height: 70px !important;
    }*/
}

@media (max-width: 480px) { 
	
    .header-height
    {
        height: 650px;
    }

    .logo-image
    {
        width: 100px !important;
        height: 26px !important;
    }

    div.feature-box-icon {
	top: 0px;
    }
    h1.into-title {
        font-size: 36px;
    }
    div.record-feature-container {
        margin-top: 0px;
    }
    div.heatmap-feature-container {
        margin-top: 0px;
    }
    div.analytics-feature-container {
        margin-top: 0px;
    }
    div.small-features-container {
        margin-top: 0px;
    }
    #iphone-player
    {
        display: none;
    }
	.header-intro {
	  position: relative;
	}
	#process {
	  background-color: #5DC4D7;
	  background-image: none;
	}
	#clouds {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
	#process {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	  margin-top: 40px;
	}
	.btn.btn-large.btn-primary {
	  margin-bottom: 10px;
	}
    .btn.btn-large.btn-secondary {
	  margin-bottom: 10px;
	}

	/* Base */
	body {
		font-size: 13px;
	}

	h2 {
		font-size: 2.3em;
		line-height: 33px;
	}

	header nav ul {
		display: none;
	}

	header div.search {
		display: none;
	}

	header nav select.selectnav {
		margin-top: 0px;
	}

	logo {
		width: 100%;
	}

    #hellobar-wrapper
    {
        margin-right: -20px !important;
    }

    #hellobar-container
	{
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    
    /* Blog */
	ul.comments li {
		border-left: 8px solid #DDDDDD;
		clear: both;
		padding: 0 0 0 10px;
	}

	ul.comments li div.thumbnail,
	ul.comments div.comment-arrow {
		display: none;
	}

    .introVideoButton
    {
        display: inline-block !important;
    }

    .boxIntroVideo
    {
        display: none;
    }

    .homeDescription
    {
        width: 350px;
    }
}

@media (max-width: 380px) { 

    .header-height
    {
        height: 650px;
    }

	div.home-concept div.project-image {
		margin-left: -13%;
	}

    #iphone-player
    {
        display: none;
    }

    .introVideoButton
    {
        display: inline-block !important;
    }

    .boxIntroVideo
    {
        display: none;
    }

    .homeDescription
    {
        width: 350px;
    }
}