/* Font declaratioion */
@font-face {
	font-family: "Trajan Pro Reg";
	src: url('fonts/TrajanPro-Regular.ttf'),url('fonts/TrajanPro-Regular.otf'),url('fonts/TrajanPro-Regular.woff'),url('fonts/TrajanPro-Regular.svg');
}

@font-face {
	font-family: "Font Forum";
	src: url('fonts/Forum-Regular.ttf'),url('fonts/Forum.otf'),url('fonts/Forum.woff'),url('fonts/Forum.svg');
}

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

* {margin: 0 auto;}

body   {
	font-family: "Trajan Pro Reg";
}

/*** clearfix ***/
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
 }

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


.container:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
h1, h2,h3, h4, h5, h6
{
	font-weight: normal;
}

#wrapper {
    background: url("images/silhouette.jpg") no-repeat scroll 0 30% / cover rgba(0, 0, 0, 0);

}
.about-wrapper {
	background: none repeat scroll 0 0 #ffffff;
    width: 100%;
}
.passion8 {
    height: 550px;
}
.container {
    max-width: 1214px;
	width:100%;
}


.logo {
    float: left;
	margin-left:60px;
}

.logo img {
	padding: 25px 25px 25px 0;
}

.bookcover {
    padding: 100px 0px;
}

.header-side {
    color: #fff;
    float: right;
    text-align: center;
    width: 54%;
	margin-top:50px;
}

.header-side h1{
	font-size: 80px;
}

.header-side h2{
font-size: 45px;
}

.booklaunch {
    background: url("images/bookring.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 125px;
    line-height: 20px;
    margin-top: 20px;
    max-width: 595px;
    width: 100%;
}
.booktext {
    margin-left: 110px;
    padding-top: 35px;
}

#banner2 input[type="text"], #banner2 input[type="email"], #banner2 input[type="tel"]
{
    background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #000;
    display: inline-block;
    font-family: "Trajan Pro Reg";
    font-size: 16px;
    margin-right: 20px;
    padding: 16px;
    width: 20%;
	margin-top:5px;
}

/* optin */
.optin {
  /*background: none repeat scroll 0 0 rgba(0, 7, 23, 0.4);
    max-height: 160px;*/
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3);
    padding: 24px 0 75px 0;
    width: 100%;
}
.optin form {
    text-align: center;
	margin: 20px 0px 0px 0px;
}
input[type="text"], input[type="email"] , input[type="tel"] {
    /*background: none repeat scroll 0 0 #202d3e;*/
	background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #000;
    display: inline-block;
    font-family: "Trajan Pro Reg";
    font-size: 16px;
    margin-right: 20px;
    padding: 16px;
    width: 20%;
}

#maxLength
{
   font-family: "Trajan Pro Reg";
    padding-left: 13px;
    width: 315px !important;
}

.maxlength-feedback
{
display:none;
}


#form-a input[type="email"] ,#form-a input[type="text"], #form-a  input[type="tel"] , #form-a textarea 
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333;
    font-family: "Trajan Pro Reg";
    font-size: 15px;
    margin-right: 0;
    max-width: 300px;
    width: 100%;
}

#mr-field-element-841762786731
{
    max-width: 323px !important;
    padding: 10px 0 0 11px;
}

#form-a input[type="submit"] {
 background: url("images/button.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #333333;
    color: #ffffff;
    cursor: pointer;
    font-family: "Trajan Pro Reg";
    font-size: 16px;
    max-width: 335px;
    padding: 16px 131px;
    width: 100%;
}



#form-a {
    margin: 0 0 35px;
}

.moonray-form-element-wrapper {
    margin: 6px 0 0;
}

input[type="submit"] {
   /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #ccc;
    color: #fff;
    font-family: "Trajan Pro Reg";
    font-size: 16px;
    padding: 16px 81px;
	cursor:pointer;*/
	background:url(images/button.jpg);
    border: 1px solid #171f2c;
    color: #ffffff;
    cursor: pointer;
    font-family: "Trajan Pro Reg";
    font-size: 16px;
    padding: 14px 81px;
}
input[type="submit"]:hover
{
	background: none repeat scroll 0 0 rgba(0, 7, 23, 0.6);
}

/* countdown */

#DateCountdown {
    height: 125px;
    margin-top: 15px;
    text-align: center;
    max-width: 500px;
    width: 100%;
}

#DateCountdown canvas {
    /* margin-left: 65px;*/
}

.karl-pic.uk-scrollspy-init-inview.uk-scrollspy-inview.fadeIn > img {
    width: 100%;
}


.karl-pic {
    float: left;
    width: 32%;
}

.karl-text {
    float: right;
    width: 65%;
}
.h1about {
    border-bottom: 2px solid #ccc;
    margin: 8px 0 24px;
    padding: 0 0 15px;
    width: auto;
    display: inline-block;
	 font-size: 24px;
}

.karl-text p {
    font-family: "Open sans",sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 20px;
}

.full-width {
	width: 100% !important;
}


.chapters {
    background: url("images/book2.png") no-repeat fixed right center;
    color: #fff;
    padding: 60px 0 25px;
    text-align: center;
    background-color: #192a39;
}

.chapterlist {
    float: left;
    list-style-type: none;
    padding: 0;
    width: 100%;
}

.chapterlist li {
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    font-weight: normal;
    padding: 16px 45px;
    transition: all 0.3s ease 0s;*/
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.8);
    font-size: 22px;
    font-weight: normal;
    padding: 16px 15px;
    transition: all 0.3s ease 0s;
    text-align: left;
    list-style:inside decimal;
	font-family: Font Forum;
}


.chapterlist li:hover {
   /* background: rgba(255, 255, 255, 0.1);*/
}

footer {
    background: none repeat scroll 0 0 #0f1b25;
    padding: 20px;
}

.tc a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px dotted rgba(255,255,255,0.3);
}

.tc a:hover {
	border-bottom: 1px dotted transparent;
}

/*  new */

.author-pp {
	float: left; 
	margin-right: 15px;
}


/* MEDIA QUERIES */

@media (max-width: 1024px){
	
.header-side h1 {
    font-size: 62px;
}
.header-side h2{
    font-size:35px;
}

#DateCountdown{
    max-width: 500px;
    width: 100%;
}
}

@media (min-width: 900px){
	
.header-side h1 {
    font-size: 58px;
}
#DateCountdown {
	max-width:400px;
}

}

@media (max-width: 800px){
	
.header-side h1 {
    font-size: 50px;
}
.header-side h2{
    font-size:34px;
}
.booklaunch{
width: 100%;
}
#DateCountdown {
	width:400px;
}
.booktext 
{
	font-size: 75%;
}
.logo {
    width: 30%;
}

.karl-text {
    float: left;
    padding: 15px;
    width: 96%;
}

.karl-pic
{
float:none;
}

.h1about
{
font-size:17px;
}

#about
{
width: 84%;
}

}

@media (max-width: 600px){


.header-side h1 {
    font-size: 35px;
}

.header-side h2 {
    font-size: 25px;
}
#DateCountdown {
	width:300px;
	margin-left: 10px;
}
.booklaunch{
	background: none;
}
.booktext {
    margin-left: 45px;
    padding-top: 35px;
	 font-size: 94%;
}
.header-side{
	margin-top: 130px;
}

}

@media (max-width: 480px){

#wrapper {
	height: auto;
}	
.logo,.header-side {
	float:none;
	width: 100%;
}
.passion8{
height: auto;
}
.header-side{margin-top: 0px;}
input[type="text"], input[type="email"] {
   width: 70%;
    margin-bottom: 10px;
    display: inline-block;
	margin-right: 0px;

}
.optin{
	/*max-height: 170px;*/
}

.karl-pic.uk-scrollspy-init-inview.uk-scrollspy-inview.fadeIn > img {
    display: none;
}
.karl-text {
    padding: 10px;
	float:left;
	width:90%;
}
}

@media (max-width: 320px){
.logo img{
	padding: 25px 0px 25px 0;
	width: 100%;
}
#DateCountdown {
	margin-left: 0px;
	width: 250px;
}
.social-media {
    font-size: 11px;
}

}


/*  new */

.ty-header {
    background: none repeat scroll 0 0 #192a39;
    padding: 20px 0;
    text-align: center;
}


.ty-main-content p {
    box-sizing: border-box;
    font-family: "open sans",sans-serif;
    line-height: 1.8em;
    margin-bottom: 30px;
    max-width: 820px;
    padding: 0 20px;
}

.ty-main-content h1 {
    color: #192a39;
    font-size: 40px;
   /* margin-bottom: 60px;*/
}

.ty-main-content {
    background: url("images/diamon2.jpg") no-repeat center 60px;
    padding: 25px 0 40px;
    text-align: center;
}

.social-media {
    float: left;
    margin: 15px 0 0;
    width: 100%;
}


.social-media a {
    color: #192a39;
    display: inline-block;
    padding: 40px 10px 0;
    text-decoration: none;
    text-transform: lowercase;
}

.facebook {
    background: url("images/fb.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.twitter {
    background: url("images/twitter.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.linkedIn {
    background: url("images/linkedin.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.Googleplus {
    background: url("images/google.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

em {
    display: inline-block;
    font-weight: bold;
    margin-top: 34px;
    position: relative;
}

#banner2 {
    background: #fff;
    padding: 14px;
}

#banner2 p {
    text-align: center;
    font-family: Font Forum;
    font-size: 22px;
}

#form-a f.moonray-form
{
background:transparent;
border:none;
}

.h1form{
	margin-top:40px;
    width: auto;
    display: inline-block;
	font-size: 24px;
}

@media (max-width: 320px){
.logo img{
	padding: 25px 0px 25px 0;
	width: 100%;
}
#DateCountdown {
	margin-left: 0px;
	width: 250px;
}
}
#form-a form
{
float:none;
}

#form-a input[placeholder]
{
color:#000
}


form {
    float: left;
    margin: 20px 0 0;
    width: 100%;
}