/*------------------------------------------------------------------
[Table of contents]

1. FONT IMPORTS
2. BOOTSTRAP RESETS
3. MAIN NAVIGATION
4. HOME SECTION
5. FEATURES SECTION
6. SUBSCRIBE SECTION
7. PRICING SECTION
8. REVIEWS SECTION
9. OVERVIEW SECTION
10. CONTACT US SECTION
11. FOOTER
12. BLOG PAGE
13. SIDE BAR BLOCK
14. SINGLE PAGE
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Color codes]

Background of Features and Pricing sections: #f9f9f9 (light gray)
Background of Home, Subscribe and Review sections: #ffffff (white)
Background of Overview section (book-introduce-block) and Footer section: #393735(light black)
Background of Overview section (template-block) and Buttons: #dcc258 (dark yellow)
Background of Copyright section: #2e2c2b (dark black)
Body Background: #ffffff (white)
Content in General: #787878 (gray)
Content of Home Section:	#1e1e1e (light black)
Content of template-block Section: #ffffff (white)
Content of book-introduce-block Section: #969696 (light gray)
Content of Footer Section: #959191 (gray)
Headers in General: #323232 (dark black)
Headers of Overview and Footer sections: #ffffff (white)

a (standard): #959191 (gray)
a (active):	#dcc258 (dark yellow)
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Typography]

Body copy:		14px 'open_sansregular', sans-serif;
Headers:		'open_sansregular', sans-serif;
Input, textarea:	'open_sansregular', sans-serif;
-------------------------------------------------------------------*/

/* FONT IMPORTS */
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.eot');
    src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* BOOTSTRAP RESETS */
.text-justify {
    text-align: justify;
}

body{
    background-color: #fff;
    font-family: 'open_sansregular', sans-serif;
}

#back-to-top{
    position: fixed;
    right: 7px;
    bottom: 7px;
    z-index: 10;
    color: #dcc258;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 24px;
    text-align: center;
    border: 2px solid #dcc258;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: none;
}
.container {
	max-width:980px;
}
/*HEADER*/
#header {
    width: 100%;
    background-color:transparent;
}
#header .col-lg-6 {
	padding:0px;
}
#header .container {
	border-bottom:2px solid #fff;
}
.header-wrap {
	background: #fff url(../images/banner.jpg) top left no-repeat;
    background-size: cover;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}
#header *{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.scaled-down{
    opacity: 0.9;
    filter: alpha(opacity=90);
}
/*LOGO*/
.logo{
    width:340px;
    margin: 30px 0 0px;
    padding: 0;
}

.logo a, .logo a:hover {
    display: block;
	font-family: 'open_sansbold';
	font-size:41px;
	color:#fff;
	text-decoration:none;
}
.logo a span {
 	color:#dcc258;
}

@media screen and (max-width: 479px){
    .logo a{
        -webkit-background-size: 161px 28px;
        background-size: 161px 28px;
    }
}
/*END LOGO*/
.main-nav {
	text-align:right;
	float:right;
	font-size:29px;
	color:#fff;
	font-family: 'open_sanslight';
	
}
.main-nav p {
	margin: 0px;
	padding: 10px 0px;
	line-height: 35px;
}
  

/*HOME SECTION*/
.img-section img {
	float:right;
	margin-right:30px;
}
.free-copy-arrow img {
	margin-top:50px;
	float:left;
}
.sign-up-block {
	padding-top:30px;
}
.sign-up-text{
    position: relative;
    z-index: 2;
}
.sign-up-text .desc{
    color:#fff !important;
}
.sign-up-block h1{
    color: #ffffff;
	font-size: 46px;
	font-weight: normal;
	line-height: 52px;
	font-family: "open_sansextrabold";
	text-align: center;
	margin: 0px !important;
}
.sign-up-block h1 span {
	color: #dcc258;
}

.sign-up-block .inner-row h2{
    color: #fff;
	font-size: 38px;
	font-weight: normal;
	line-height: 40px;
	font-family: "open_sansbold";
	text-align: center;
	margin: 0px !important;
}
.sign-up-block .inner-row {
	padding-top:40px;
	padding-bottom:30px;
}
.sign-up-block .inner-row p{
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	line-height: 43px;
	font-family: "open_sansbold";
	text-align: center;
	padding:0px 0px 15px 0px;
}
.sign-up-block .inner-row p span {
    color: #dcc258;
}
.sign-up-block form {
	text-align:center;
}
.sign-up-block .form-control{
	margin-bottom:20px;
	text-align:center;
}
.sign-up-block .form-control.form-ctrl-col, .sign-up-block .submit-btn.form-ctrl-col {
	width:24%;
	display:inline-block;
	vertical-align: top;
        min-height: 41px;
}
.submit-btn {
	max-width:90%;
	margin:auto;
}
.inner-row {
	padding:30px 0p 0p 0px;
}
 

@media screen and (min-width: 435px){
    .btn-common .wrap-icon .inner-icon{
        line-height: 43px;
    }

    .btn-common .wrap-icon .inner-icon:before{
        border-top: 22px solid transparent;
        border-bottom: 23px solid transparent;
    }
}
/*END SIGN UP FORM*/
/*END HOME SECTION*/

/*FEATURE SECTION*/
.has-shadow{
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.14);
}

#about-the-author {
	padding:50px 0px 0px;
	text-align:center;
}
#about-the-author h2 {
	color:#dcc258;
	font-size: 62px;
	font-weight: normal;
	line-height: 70px;
	font-family: "open_sansextrabold";
	text-align: center;
	margin: 0px !important;
}
#about-the-author p  {
	color: #565656;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	font-family: "open_sanslight";
	text-align: left;
	margin: 0px !important;
	padding:15px 0px;
}
.auth-contents {
    max-width:760px;
    text-align:left;
    margin:auto;
}
 
.what-other-say-block {
	background:#dcc258;
	padding: 50px 0;
}
.what-other-say-block h2{
	color:#fff;
	font-size: 62px;
	font-weight: normal;
	line-height: 70px;
	font-family: "open_sansextrabold";
	text-align: center;
	margin: 0px !important;
	padding-bottom:30px;
}
.what-other-say-block p {
	font-family: 'open_sanslight';
	font-style:italic;
	color:#fff;
	font-size:25px;
	text-align:center;
	margin-bottom:30px;
} 
.authname {
	font-family: 'open_sansregular';
	color:#fff;
	font-size:25px;
	text-align:right;
}
.desc {
	font-family: 'open_sanslight';
	color:#5f5f5f;
	font-size:13px;
	text-align:center;
}
 
   
/*CONTACT US SECTION*/
.contact-us{
    padding: 55px 0px;
	text-align:center;
}

.contact-us h1{
    color:#dcc258;
	font-size: 62px;
	font-weight: normal;
	line-height: 70px;
	font-family: "open_sansextrabold";
	text-align: center;
	margin: 0px !important;
	padding-bottom:50px;
}
.book-cover {
	text-align:right;
}
.contact-us .inner-row {
    padding:  0px;
}
.book-cover img {
	float:right;
}
.contact-us h2,
.contact-us p{
    text-align: center;
}
.contact-us h2 {
    color:#666666;
	font-size: 30px;
	font-weight: normal;
	line-height: 35px;
	font-family: "open_sansbold";
	text-align: center;
	margin: 0px !important;
	padding-bottom:20px;
} 
.contact-us .form-control {
	margin-bottom:20px;
	background:#d9d9d9;
	text-align:center;
}
.contact-us .contact-us-frm{
    padding-top: 20px;
}

.contact-us .contact-us-frm input,
.contact-us .contact-us-frm input:focus,
.contact-us .contact-us-frm textarea,
.contact-us .contact-us-frm textarea:focus{
    color: #8f8f8f;
    font-style: italic;
    font-size: 15px;
    line-height: 20px;
    background-color: rgba(255, 255, 255, 0.07);
    border: 0;
    outline: 0;
    margin-bottom: 25px;
    padding: 14px 15px;
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.1);
}

.contact-us .contact-us-frm input,
.contact-us .contact-us-frm input:focus{
    height: 56px;
}

.contact-us .btn-common .wrap-icon .inner-icon{
    line-height: 43px;
}
.contact-us .btn-common .wrap-icon .inner-icon:before{
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
}
/*END CONTACT US SECTION*/

/*FOOTER*/
.top-footer{
    background-color: #d5d5d5;
    padding: 15px 0px;
}
  
  

/*BOTTOM LOGO*/
.bottom-footer{
    background-color: #000;
    padding: 20px 0px;
}
.footer-logo {
    width:340px;
	height: 43px;
	margin-top: 12px;
	display: block;
}
.footer-logo , .footer-logo:hover {
    display: block;
	font-family: 'open_sansbold';
	font-size:41px;
	color:#000;
	text-decoration:none;
	margin:0px;
}
.footer-logo span {
 	color:#dcc258;
}
.copyright{
    font-size: 16px;
    line-height: 19px;
    color: #ffffff;
	font-family: 'open_sanslight';
	margin:0px;
}
.copyright a{
    text-decoration: none;
    color: #ffffff;
    font-family: 'open_sanslight';
}
.contact-info {
	text-align: right;
	font-size: 27px;
	color: #000;
	font-family: "open_sanslight";
	margin: 0px;
	line-height: 29px;
}
 
/*
=====================================
		Other
=====================================
*/
#loader {
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	z-index:999;
}
.loader-overlay {
	position:fixed;
	height:100%;
	width:100%;
	opacity:0.8;
	background:#000;
	left:0;
	top:0;
}
.loader-content {
	position:fixed;
	height:100%;
	width:100%;
	text-align:center;
	left:0;
	top:0;
}
.loader-content img {
	top:40%;
	position:relative;
	display:inline-block;
}

#message .success, #message2 .success {
	padding:20px;
	background:#6F9;
	color:#093;
	margin-top:20px;
}
#message .error, #message2 .error {
	padding:20px;
	background:#FCC;
	color:#C00;
	margin-top:20px;
}

@media only screen and (max-width: 990px) {
	 .sign-up-block .inner-row .col-sm-9{
		 width:100% !important;
	}
	.sign-up-block .inner-row .col-sm-3{
		 display:none !important;
	}
}
@media only screen and (max-width: 768px) {
	 .img-section img {
		float: none !important;
		margin: auto !important;
	}
	.logo {
		margin: 30px auto 0px !important;
	}
	.main-nav, .main-nav p {
		text-align: center;
		float: none !important;
	}
	.what-other-say-block p br {
		display:none;
	}
	.book-cover {
		text-align: center;
	}
	.book-cover img {
		text-align: center;
		float:none;
		margin:auto;
	} 
	.free-copy-arrow {
		display:none;
	}
	.img-section {
		display:none;
	}
	.sign-up-block .form-control.form-ctrl-col, .sign-up-block .submit-btn.form-ctrl-col {
	    width: 32%;
	}
}
@media only screen and (max-width: 620px) {
	 .top-footer .col-xs-6 {
		width: 100%;
		text-align: center;
		float: none;
	}
	.footer-logo {
		margin: auto;
		margin-top: 12px;
	}
	.contact-info {
		text-align: center;
	 }
		 

}
@media only screen and (max-width:500px) {
        .sign-up-block .form-control.form-ctrl-col, .sign-up-block .submit-btn.form-ctrl-col {
	    	width: 100%;
		max-width: 227px;
	}
}
@media only screen and (max-width:420px) {
	 .sign-up-block h1 {
		font-size: 48px;
		line-height: 50px;
	}
	#about-the-author h2, .what-other-say-block h2, .contact-us h1 {
		font-size: 42px;
		line-height: 50px;
	}
}