/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
@import url( http://fonts.googleapis.com/css?family=Lato:300,400,700 );
@font-face {
	font-family: FontAwesome;
	src: url(../font/icon/fontawesome-webfont.eot@#iefix&v=3.0.1) format("embedded-opentype"), url(../font/icon/fontawesome-webfont.woff@v=3.0.1) format("woff"), url(../font/icon/fontawesome-webfont.ttf@v=3.0.1) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: OpenSansBold;
	src: url(../font/opensans-bold.eot@#iefix) format("embedded-opentype"), url(../font/opensans-bold.woff) format("woff"), url(../font/opensans-bold.ttf) format("truetype");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: OpenSansRegular;
	src: url(../font/opensans-regular.eot@#iefix) format("embedded-opentype"), url(../font/opensans-regular.woff) format("woff"), url(../font/opensans-regular.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: OpenSansItalic;
	src: url(../font/opensans-italic.eot@#iefix) format("embedded-opentype"), url(../font/opensans-italic.woff) format("woff"), url(../font/opensans-italic.ttf) format("truetype");
	font-weight: normal;
}
@font-face {
	font-family: OpenSansSemiboldRegular;
	src: url(../font/opensans-semibold.eot@#iefix) format("embedded-opentype"), url(../font/opensans-semibold.woff) format("woff"), url(../font/opensans-semibold.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: OpenSansExtraboldRegular;
	src: url(../font/opensans-extrabold.eot@#iefix) format("embedded-opentype"), url(../font/opensans-extrabold.woff) format("woff"), url(../font/opensans-extrabold.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: OpenSansLightRegular;
	src: url(../font/opensans-light.eot@#iefix) format("embedded-opentype"), url(../font/opensans-light.woff) format("woff"), url(../font/opensans-light.ttf) format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: OpenSansLightItalic;
	src: url(../font/opensans-lightitalic.eot@#iefix) format("embedded-opentype"), url(../font/opensans-lightitalic.woff) format("woff"), url(../font/opensans-lightitalic.ttf) format("truetype");
	font-weight: normal;
}
@font-face {
	font-family: bebas_neueregular;
	src: url(../font/bebasneue-webfont.eot@#iefix) format("embedded-opentype"), url(../font/bebasneue-webfont.woff) format("woff"), url(../font/bebasneue-webfont.ttf) format("truetype"), url(../font/bebasneue-webfont.svg#bebas_neueregular) format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: great_vibesregular;
	src: url(../font/greatvibes-regular-webfont.eot@#iefix) format("embedded-opentype"), url(../font/greatvibes-regular-webfont.woff) format("woff"), url(../font/greatvibes-regular-webfont.ttf) format("truetype"), url(../font/greatvibes-regular-webfont.svg#great_vibesregular) format("svg");
	font-weight: normal;
	font-style: normal;
}
html {
	height: 100%;
}
* {
	margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
*::after {
	margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
*::before {
	margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
body {
	height: 100%; color: rgb(0, 29, 27); font-family: "OpenSansRegular"; font-size: 100%; font-weight: 400; background-color: rgb(152, 240, 235);
}
-moz-scrollbar-track-piece {
	background-color: rgb(235, 225, 156);
}
.js body {
	overflow: hidden;
}
a {
	color: rgb(85, 85, 85); text-decoration: none;
}
a:hover {
	color: rgb(0, 0, 0);
}
.container {
	width: 100%; height: 100%;
}
.bb-custom-wrapper {
	width: 100%; height: 100%;
}
.bb-bookblock {
	width: 100%; height: 100%;
}
.container {
	transition:left 0.3s ease-in-out; left: 0px; position: relative; -webkit-transition: left 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out;
}
.slideRight {
	left: 290px;
}
.no-js .container {
	padding-left: 240px;
}
.menu-panel {
	background: rgb(0, 44, 41); left: 0px; top: 0px; width: 288px; height: 100%; overflow: scroll; position: fixed; z-index: 1000; text-shadow: 0px 1px 1px rgba(0,0,0,0.1); scrollbar-color: #000;
}
.js .menu-panel {
	left: -290px; position: absolute;
}
.menu-panel h3 {
	padding: 20px; color: rgb(93, 232, 223); font-weight: 300; box-shadow: inset 0px -1px 0px rgba(0,0,0,0.05);
}
.menu-toc {
	list-style: none;
}
.menu-toc li a {
	background: rgb(50, 143, 138); padding: 10px 20px; color: rgb(255, 255, 255); line-height: 1.5; border-bottom-color: rgb(0, 25, 24); border-bottom-width: 1px; border-bottom-style: solid; display: block; cursor: pointer;
}
.menu-toc li a:hover {
	background: rgb(28, 128, 122);
}
.menu-toc li.menu-toc-current a {
	background: rgb(28, 128, 122);
}
.menu-panel div {
	margin-top: 20px;
}
.menu-panel div a {
	padding: 5px 20px; border: currentColor; color: rgb(188, 11, 11); text-transform: uppercase; line-height: 1; letter-spacing: 1px; font-size: 0.7em; font-weight: 800; display: block; text-shadow: 0px 1px rgba(255,255,255,0.2);
}
.menu-panel div a:hover {
	background: inherit; color: rgb(255, 255, 255); text-shadow: none;
}
.bb-custom-wrapper nav {
	left: 60px; top: 20px; position: absolute; z-index: 1000;
}
.bb-custom-wrapper nav span {
	background: rgb(7, 80, 76); border-radius: 50%; left: 0px; top: 0px; width: 32px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-weight: bold; position: absolute; cursor: pointer; speak: none;
}
.menu-button {
	background: rgb(7, 80, 76); border-radius: 50%; left: 0px; top: 0px; width: 32px; height: 32px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-weight: bold; position: absolute; cursor: pointer; speak: none;
}
.bb-custom-wrapper nav span:hover {
	background: rgb(0, 0, 0);
}
.menu-button:hover {
	background: rgb(0, 0, 0);
}
.bb-custom-wrapper nav span:last-child {
	left: 40px;
}
.menu-button {
	left: 20px; top: 20px; text-indent: -9000px; z-index: 1000;
}
.menu-button::after {
	background: rgb(255, 255, 255); left: 25%; top: 50%; width: 50%; height: 2px; margin-top: -1px; position: absolute; content: ""; box-shadow: 0px -4px #fff, 0px 4px #fff;
}
.no-js .bb-custom-wrapper nav span {
	display: none;
}
.no-js .menu-button {
	display: none;
}
.js .content {
	left: 0px; top: 60px; width: 100%; bottom: 50px; overflow: hidden; position: absolute; -webkit-font-smoothing: subpixel-antialiased;
}
.scroller {
	padding: 10px 5%;
}
.js .content::before {
	background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); left: 0px; top: 0px; width: 100%; height: 10px; position: absolute; z-index: 100; content: ""; pointer-events: none;
}
.js .content::after {
	background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); left: 0px; top: 0px; width: 100%; height: 10px; position: absolute; z-index: 100; content: ""; pointer-events: none;
}
.js .content::after {
	background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); top: auto; bottom: 0px;
}
.content h2 {
	margin: 0px 1% 20px; padding: 7px 0px 7px 12px; width: 100%; height: 50px; text-align: left; color: rgb(254, 254, 254); box-shadow: 0px 3px 3px rgba(0,0,0,0.5); background-color: rgb(44, 109, 105);
}
.content h5 {
	margin: 0px 1% 20px; padding: 7px 0px 7px 12px; width: 100%; height: 50px; text-align: left; color: rgb(58, 29, 0); box-shadow: 0px 3px 3px rgba(0,0,0,0.5); text-shadow: 0px 0px 2px #fff; background-color: rgb(255, 204, 102);
}
.text_green {
	transition:color 0.2s ease-in-out; color: rgb(0, 70, 66); text-transform: uppercase; padding-top: 35px; padding-left: 75px; text-decoration: underline; -webkit-transition: color 0.2s ease-in-out;
}
.text_greenbold {
	transition:color 0.2s ease-in-out; color: rgb(0, 70, 66); text-transform: uppercase; padding-top: 35px; text-decoration: underline; -webkit-transition: color 0.2s ease-in-out;
}
.text_maroonnew {
	transition:color 0.2s ease-in-out; color: rgb(134, 2, 2); padding-top: 35px; padding-left: 0px; text-decoration: underline; -webkit-transition: color 0.2s ease-in-out;
}
.text_maroon1 {
	transition:color 0.2s ease-in-out; color: rgb(0, 70, 66); text-transform: uppercase; padding-top: 35px; padding-left: 2px; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_red {
	transition:color 0.2s ease-in-out; color: rgb(82, 0, 3); text-transform: uppercase; padding-top: 12px; padding-left: 5px; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_black {
	transition:color 0.2s ease-in-out; color: rgb(26, 26, 26); text-transform: uppercase; padding-top: 35px; padding-left: 75px; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_white {
	transition:color 0.2s ease-in-out; color: rgb(255, 255, 255); text-transform: uppercase; padding-top: 15px; padding-left: 15px; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_blackboldnew {
	transition:color 0.2s ease-in-out; text-align: justify; color: rgb(26, 26, 26); padding-top: 5px; font-weight: bold; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_black1 {
	transition:color 0.2s ease-in-out; text-align: justify; color: rgb(26, 26, 26); padding-top: 5px; padding-right: 10px; padding-left: 10px; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_black11 {
	transition:color 0.2s ease-in-out; color: rgb(26, 26, 26); text-transform: uppercase; padding-top: 7px; padding-bottom: 7px; padding-left: 5px; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.text_blackbold {
	transition:color 0.2s ease-in-out; text-align: justify; color: rgb(26, 26, 26); padding-top: 35px; font-weight: bold; text-decoration: none; -webkit-transition: color 0.2s ease-in-out;
}
.link1 {
	font: bold 20px/20px "OpenSansRegular"; transition:color 0.2s ease-in-out; color: rgb(60, 35, 15); text-decoration: underline; font-size-adjust: none; font-stretch: normal; -webkit-transition: color 0.2s ease-in-out;
}
.link1:hover {
	color: rgb(188, 171, 108); text-decoration: none;
}
.link2 {
	font: bold 25px/40px "OpenSansRegular"; transition:color 0.2s ease-in-out; color: rgb(60, 35, 15); padding-left: 25px; text-decoration: underline; font-size-adjust: none; font-stretch: normal; -webkit-transition: color 0.2s ease-in-out;
}
.link2:hover {
	color: rgb(225, 6, 6); text-decoration: none;
}
.link3 {
	font: bold 16px/20px "OpenSansRegular"; transition:color 0.2s ease-in-out; color: rgb(60, 35, 15); text-decoration: underline; font-size-adjust: none; font-stretch: normal; -webkit-transition: color 0.2s ease-in-out;
}
.link3:hover {
	color: rgb(188, 171, 108); text-decoration: none;
}
.no-js .content h2 {
	padding: 40px 1% 20px;
}
.content p {
	padding: 5px 8%; text-align: justify; line-height: 1.6; font-size: 1.2em; font-weight: 300;
}
@media screen and (max-width:800px)
{
.no-js .menu-panel {
	display: none;
}
.no-js .container {
	padding: 0px;
}
}
@media screen and (max-width:400px)
{
.menu-panel {
	font-size: 75%;
}
.content {
	font-size: 75%;
}
}
