/*------------------------------------------------------------------------*\
 * PREFIX MEANINGS
 *
 *
 * t ............... Text Styles
 *
 *		t1 - menu
 *		t2 - content
 *		t3 - footer
 *
 * c ............... Container Styles
 *
 *		c1 - menu
 *		c2 - content
 *		c3 - footer
 *
 * i ............... Image Styles
 *
 *		i1 - menu
 *		i2 - content
 *		i3 - footer
 *
 * b ............... Background Styles
 *
 *		b1 - menu
 *		b2 - content
 *		b3 - footer
 *
 * ................. Miscellaneous Styles
 *
 * ................. Media Query (Responsive) Styles
 *
\*------------------------------------------------------------------------*/
 
/*------------------------------------*\
    #TEXT STYLES
\*------------------------------------*/

.t1-01 {font-size: 18px; font-family: 'Open Sans', sans-serif;}
.t2-01 {font-size: 30px; font-family: 'Oregano', cursive; vertical-align: middle; color: #6c6f70;}
.t2-02 {font-size: 35px; font-weight: bold; font-family: 'Open Sans', sans-serif; color: #555;}


/*------------------------------------*\
    #PAGE TOP STYLES
\*------------------------------------*/

section.page-top {border-bottom: 1px solid rgba(255, 255, 255, .2);border-top: 1px solid rgba(255, 255, 255, .2);padding: 10% 0; box-sizing: content-box !important;}
.page-top {background-color: #0e0e0e;}
.page-top {background-color: #171717;border-bottom: 5px solid #ccc;border-top: 5px solid #384045;margin: 0;min-height: 250px;padding: 20px 0;position: relative;text-align: left;}
section {display: block;}
section.page-top h1 {border-bottom-color: #263b77;padding: 0px !important;margin: 0px !important;}
section.page-top h2, section.page-top h1 {border-bottom: 0;font-size: 45px;font-weight: 600;text-transform: uppercase;}
.page-top h2, .page-top h1 {text-align: right; color: #fff !important;letter-spacing: -1px;display: inline-block;margin: 0 0 -25px;min-height: 37px;line-height: 40px;padding: 0 0 17px;position: relative;}
section.page-top h4 {padding: 0px !important;margin: 0px !important;}


/*------------------------------------*\
    #MISCELLANEOUS STYLES
\*------------------------------------*/

.bg1 {background-position: center center; background-size: cover; position: relative;}
.bg1::after {display: block; position: absolute; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%); bottom: -3px; height: 200px; width: 100%; content: '';}
.pgTitle {position: absolute; padding-left: 15px; bottom: 15px; right: 15px; z-index: 100;}
body {font-size: 16px; line-height: 30px; font-family: 'Open Sans', sans-serif !important; color: #333;}
table tr td {font-size: 16px; line-height: 30px; font-family: 'Open Sans', sans-serif; color: #333;}

#back-top {position: fixed; bottom: 75px; right: 2%; z-index: 100;}
#back-top a {width: 108px; display: block; text-align: center; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top a:hover {color: #000;} 
#backToTop {filter:alpha(opacity=40); opacity: 0.4;}
#backToTop:hover {	filter:alpha(opacity=80); opacity: 0.8;}

.bookText {padding-bottom: 20px; border-bottom: dashed 1px #cccccc; text-align: justify; display: table; font-size: 14px; line-height: 21px; font-family: 'Open Sans', sans-serif !important;} 
.bookTitle {font-family: 'Open Sans', sans-serif !important; text-align: left; font-weight: bold; font-size: 18px; color: navy; padding-bottom: 7px;}
.afType {display: none;}