/*
 * TABLE OF CONTENTS
 * -----------------
 * 1. General
 * 2. Branding
 * 3. Typography
 * 4. Navigation
 * 5. Header
 * 6. Footer
 */

/* 1. General */
html, body {
  width: 100%; height: 100%;
  font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #777777;
	letter-spacing: 1px;
}
#scrolltotop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 990;
    border: none;
    outline: none;
    background-color: #00cbe9;
    cursor: pointer;
    padding: 20px;
}
	.arrow-up {
	/* From https://css-tricks.com/snippets/css/css-triangle */
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;

		border-bottom: 8px solid #fff;
	}
body.modal-open {
	overflow: visible;
}

/* 2. Branding */
.blue-txt { color: #00adef; }
.blue-bg { background: #00adef; }
.pink-txt { color: #ec008c; }
.pink-bg { background: #ec008c; }
.green-txt { color: #00a550; }
.green-bg { background: #00a550; }
.yellow-txt { color: #fff200; }
.yellow-bg { background: #fff200; }

/* 3. Typography */
a {
  color: #00adef;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
a:hover, a:active {
  color: #00a550;
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
h1,h2,h3,h4,h5,h6 {
  font-family: 'Lato', sans-serif;
  padding: 0;
  margin: 0;
  color: #333333;
}
h3 {
  font-size: 1.25em;
  font-weight: 500;
}

/* 4. Navigation */
/* #topbar */
#topbar {
  height: 50px;
  padding: 0 25px;
}
#topbar img {
  height: 50px;
}
#topbar nav {
  /* Force Vertical Align */
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
nav.mainnav {
	text-align: center;
}
nav.social {
  text-align: right;
}
#navtoggle {
  text-align: right;
  color: #fff;
  cursor: pointer;
}
.closebtn { cursor: pointer; }
#topbar ul {
  list-style: none;
  padding: 0; margin: 0;
}
#topbar ul li {
  display: inline;
}
#topbar ul li { margin-left: 15px; }
#topbar ul li:first-child { margin-left: 0; }
nav a, nav a:link, nav a:visited { color: #fff; }
nav a:hover { color: #00a550; }

/* Side Nav */
#sidenav {
  position: fixed;
  display: none;
  z-index: 9999;
  right: 0;
  height: 100vh;
  width: 200px;
  background: #f7f7f7;
  border-left: #e3e3e3;
}
#sidenav ul {
  list-style: none;
  padding: 0; margin: 0;
}
#sidenav ul a {
  display: block;
  padding: 10px 0 10px 15px;
  color: #000;
  border-bottom: 1px solid #e3e3e3;
}
#sidenav ul a:hover {
  background: #00adef;
  color: #fff;
}
#sidenav i {
  margin-right: 15px;
}


/* 5. Header */
header {
  width: 100%;
  background: #000;
  background-image: url('../img/home/accounting-banner.png');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* 6. Footer */
footer {
	padding: 35px 0;
	width: 100%;
	background-color: #222222;
	font-size: 14px;
	color: #fff;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #c5a47e;
	text-decoration: none;
}
.legal {
  margin-top: 35px;
	padding: 35px 0 0 0;
  font-size: 14px;
  color: #FFF;
	background-color: #222222;
	border-top: 1px solid #353535;
}
.copyright {
	text-align: left;
}
.policies {
  text-align: right;
}
.footer-logo {
	padding: 0; margin: 0;
}
	.footer-logo img {
		height: 60px;
	}
footer h3 {
	font-size: 18px;
	color: #fff;
	padding: 0;
	margin: 0;
}
footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
footer ul li {
	margin-top: 5px;
}