html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
		 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	max-width: 100%;
}

a { 
    outline: none; 
}



a:link{color:inherit; text-decoration: none;}
a:active{color:inherit; text-decoration: none;}
a:visited{color:inherit; text-decoration: none;}
a:hover{color:inherit; text-decoration: none;}

:focus {outline:none;}
::-moz-focus-inner {border:0;}


/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

.divider
{
background-color:#FFFFFF;
border: 1px solid #0E8201;
box-shadow:1px 1px 2px #0E8201;
height:80vh;
} 


/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
.left {
	float: left;
}
.right {
	float: right;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.clear {
	clear: both;
	line-height: 1px;
	height: 1px;
}
textarea {
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a {
	color: #565656;
	text-decoration: none;
}
a:hover {
	color: #454545;
	text-decoration: none;
}
address {
	font-style: normal;
}

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

body {
	background: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #454545;
	font-weight: 400;/*margin-bottom: 182px;*/
}

 
/* header */

.header {
	width: 100%;
	padding: 5px 0px 5px 0px;
	-webkit-box-shadow: 1px 2px 5px 0px rgba(194,194,194,1);
	-moz-box-shadow: 1px 2px 5px 0px rgba(194,194,194,1);
	box-shadow: 1px 2px 5px 0px rgba(194,194,194,1);
	position: relative;
	background-color:white;
	z-index: 99;
	 
}

.logo {
	width:130%;
}


.author {
	width:40%;
}



.htext{
	padding-top: 20px;
	font-size: 40px;
	font-weight: 900;
	color: #108F14;
	text-shadow: 1px 1px 2px black, 0 0 25px green, 0 0 5px yellow;
	position: relative;
	text-align: center;
}

.book
{
    width: 30% ;
    height: 30%;
    margin: 0 auto 0px;
    display: block;
}


.first-row{
background-image: radial-gradient(ellipse farthest-corner at center top, #484C4D 0%, #828282 100%);
}

.books{
background-color:#3b3b3b;
}


.flag
{
width: 40%;
height: 40%;	
}

.thumbnail{

background-image: linear-gradient(to bottom, #484C4D 0%, #828282 100%);
border: 15px solid #E8E8E8;

}
 
 
 
.book_img {
	padding: 100px;
    background-image: url("book_open.png");
    background-repeat: no-repeat;
	 background-position: center; 
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: 0.1;
    filter: alpha(opacity=10); /* For IE8 and earlier */

	
	 
}


.side_book{
	padding-top: 50px;
	position: absolute;
	
}
 
 
 
 
 
 

.navbar-default{
	background: #ffffff;
}




nav li {
	float: left;
	width: 130px;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	line-height: 45px;
	position: relative;
	text-align: center;
	
}
nav li:hover {
	border-left: solid 1px #d7d7d7;
	border-right: solid 1px #d7d7d7;
	cursor: pointer;
	
}
nav li a, nav li li span {
	color:  #59a626;
	display: block;
	font-size: 16px;
}
nav li a:hover {
	text-decoration: none;
	
}
 
 
nav li.line {
	width: 80px;
}
 
 
nav li .separator {
	background-color: rgba(255,255,255,.9);
	position: absolute;
	left: 0px;
	bottom: -1px;
	height: 1px;
	width: 100%;
	display: none;
}

.carousel-inner > .item > img {
	  margin-left: 150px;
	  float: left;
} 
 
.align { 
	
	padding-top: 50px !important;
	padding-right: 200px;
	text-align:justify;
	line-height:1.5em;
	   
 
}


 










 
 /* footer */
 

.footer-section {
	background: #3b3b3b;
	color: #ffffff;
	position: relative;
	height: auto;
	bottom: auto;
}

.footer-upper {
	padding: 20px 0px;
}

.footer-section .footer-upper p {
	line-height: 1.2em;
	margin: 0px 0;
	font-size: 15px;
	color: #9a9a9b;
	font-weight: 300;
}

.footer-section .footer-upper p a {
	color: #ffffff;
	text-decoration: underline;
}

.footer-section .footer-upper p a:hover {
	color: #59a626;
	text-decoration: underline;
}
 
 

	

.footer-title {
	color: #59a626;
	font-size: 14px;
	line-height: 1.2em;
	margin-top: 7px;
	padding: 10px 10px 15px 0;
	text-transform: uppercase;
	text-decoration: underline;
	position: relative;
	display: inline-block;
	
}

.footer-cpanel {
	color: "blue";
	font-size: 10px;
	line-height: 0.5em;
	margin-top: 2px;
	padding: 10px 10px 15px 0;
	text-decoration: underline;
	position: relative;
	display: inline-block;
	
}


.subtitle {
	padding-bottom: 0px;
}
 


.footer_btn {
	font-size: 16px;
	padding: 5px 8px;
	color: #e8e8e8;
	background: #141414;
	border: none;
}
.footer_btn:hover {
	color: #ffffff;
	background: #59a626;
}
 


.text {
	padding:20px;
	font-size: 17px;
	color: #9a9a9b !important;
}

i:hover {
	color: #59a626 !important;
	text-decoration: none;
	cursor: pointer;
	 
}

.footer-bottom {
	background-color: #303032;
	padding: 23px 0;
	font-size: 14px;
	text-align: center;
}


.footer-bottom a {
	color: #676767;
}
/* footer */