/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* BOX-SIZING to change the box model */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
body{
background-color:#1b252f;
margin:0 auto;
font-family: "Poiret One";
font-size:100%;
}

h1, h2, h3, h4 {font-weight:800;}

	
.holder{
width:1000px;
text-align:center;
margin: 0 auto;
clear:both;
}

/*  our colors lightblue slogancolored and h2/h3=#0096ff  grayslogan=#aeadad  red=#d50107  green=#*/


div.slogan1, h1.slogan2{
font-weight:100;
font-weight:600;
text-align:left;
padding:0;
margin:0;
text-align:center;
}
div.slogan1{
color:white;
font-size:43px;
text-align:center;
margin:20px 0 25px 0;
font-weight:300;
}
h1.slogan2{
font-size:33px;
color:#aeadad;
margin-bottom:25px;
}
.colored{
color:#0096ff;
}


/* CONTENT in article block */
/* including form contact style under holder-1-contact style */

#holder-1,#holder-1-contact, #holder-2, #holder-3{
background-color:#000;
color:white;
}

#holder-1-contact {
font-size:22px;
}

#holder-1-contact p{
text-align:center;
}

#holder-1,#holder-1-contact, #holder-run{
margin-top:-30px;
}

#holder-2, #holder-3{
margin-top:15px;
}

#holder-1 article, #holder-1-contact article{
padding:30px;
}

#holder-2 article, #holder-3 article{
padding:15px 30px;
}

#holder-1 p, #holder-2 p, #holder-3 p{
font-family: "Forum";
font-size:22px;
line-height:170%;
text-align:left;
}

.form-input-title{
margin-bottom:8px;
}
.form-input{
margin-bottom:25px;
color:black;
width:55%;
}

.form-add-submit-reset{
background-color:#0096ff;
border:1px solid #0096ff;
color:white;
padding:6px 15px;
}
.form-line-under{
margin-top:3px;
margin-bottom:3px;
font-size:18px;
color:silver;
}

.cleardiv{
clear:both;
}

a.link-style-1:link,a.link-style-1:visited,a.link-style-1:active{color:#fff;}
a.link-style-1:hover {color:#0096ff;}

a.link-style-2:link,a.link-style-2:visited,a.link-style-2:active{color:#0096ff;}
a.link-style-2:hover {color:#fff;}

section h2{
color:#0096ff;
font-size:31px;
padding-top:30px;
}

article h2{
color:#0096ff;
font-size:31px;
}

#holder-2 article h2, #holder-3 article h2{
text-transform: uppercase;
margin-top:10px;
}

#holder-1 article h3, #holder-2 article h3, #holder-3 article h3{
font-size:27px;
color:#0096ff;
}

section h3{
font-size:27px;
color:#0096ff;
}

#cslide-slides article h3{
padding:0;margin:10px 0;
}

.imgBox img{
margin:30px 50px 10px 50px;
}

/* BLOCK WITH BOOKS COVERS = buy-part-below */
a .overlink{
width:200px;height:318px;
border:15px solid black;
}
a:hover .overlink{
width:200px;height:318px;
border:15px solid #0096ff;
}

a .overlink0{
width:250px;height:398px;
border:15px solid black;
}
a:hover .overlink0{
width:250px;height:398px;
border:15px solid #0096ff;
}


/* BUY ALL BOOKS */
#promotion-line{
color:#d50107;
}
.text-under{
color:silver;
font-size:18px;
}

/* BUY BOOK page */

.buy-left{
width:56%;
float:left;
text-align:left;
padding:5px 10px;
}
.buy-right{
width:40%;
float:right;
}

.free-link{font-size:22px;margin-top:0px;}
.free-link a:link,.free-link a:visited,.free-link a:active{color:#aeadad;}
.free-link a:hover {color:#0096ff;}

.buy-block{
text-align:center;
margin-top:30px;
}
.promotion-line{
padding-top:20px;
text-align:center;
font-size:22px;
color:#d50107;
color:#bbea00;
color:red;
}
.promotion-line a:link,.promotion-line a:active,.promotion-line a:visited{color:#d50107;color:#bbea00;color:red;}
.promotion-line a:hover{color:#d50107;}

/* BUTTON style */

#myBtn{
border:1px solid #23b123;
background-color:#23b123;
color:black;
font-weight:500;
font-size:24px; 
padding:10px 45px;
text-align:center;
text-decoration: none;
margin:30px 0 0 0;
    border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}
#myBtn:hover{
border:1px solid #008200;
background-color:#008200;
color:black;
}
/*23b123  green, darker green 008200, light blue 0096ff */

#myBtn1{
border:1px solid #0096ff;
color:#0096ff;
font-size:24px; 
padding:10px 45px;
text-align:center;
text-decoration: none;
background-color:#000;
margin:10px 0 0 0;
    border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
}
#myBtn1:hover{
border:1px solid #0096ff;
background-color:#0096ff;
color:white;
}


/* THE MODAL - OVERLAY ON CLICK */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}
/* Modal Content */
.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    background-color:#fff;
    border: 1px solid #000;
    width: 40%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}
@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
/* The Close Button */
.close {
    color: black;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.modal-header {
    padding: 10px 16px 2px 16px;
    background-color:#fff;
    color:#000;
}
.modal-header img{
float:left;
margin-right:25px;
margin-bottom:10px;
}
.modal-header p, .modal-body p{
padding:0 10px;
margin-top:0;
}
.modal-header p{color:gray;}
.modal-header-border{
clear:both;
border-top:1px solid silver;
}

.modal-body {
color:#000;
padding:0 10px 10px 10px;
}
.modal-body-line1{
color:gray;
font-size:18px;
}
.modal-body-line2{
text-align:right;
color:#23b123;
font-size:22px;
text-align:center;
}

#modal-content-footer{
margin-top:5px;
}
.modal-footer {
    padding: 2px 16px;
    text-align:center;
    background-color:white;
}
.modal-footer-buy-button{
background-color:#23b123;
margin:10px 5%;
padding:0;
z-index: 6;
}
.modal-footer-line{
color:#23b123;
font-size:15px;
}


/* SAMPLES-ARCHIVE */
.bookcover{
display:table;
text-align:center;
padding-top:20px;
font-size:20px;
width:150px;
}
.bookcover a:link,.bookcovera:active,.bookcover a:visited{color:#d50107;color:#0361ed;}
.bookcover a:hover{color:#0096ff;}

.bookcover img{border:3px solid black;}
.bookcover img:hover{border:3px solid #0096ff;}

.arhive-left{
float:left;width:70%;text-align:left;
}
h2.archive-titles{
text-transform: uppercase;
padding-top:20px;
color:white;
font-weight:100;
font-size:26px;
}

.gobook-line{
margin:15px 0;
line-height: 140%;
text-align:left;
font-size:22px;
}

.gobook,.gobook-0{
display:inline;
margin:5px;
white-space: nowrap;
}
.gobook-0{
color:#394d62;
}

.gobook a:link{color:silver;text-decoration:underline;}
.gobook a:visited{color:silver;text-decoration:underline;}
.gobook a:hover{color:#0096ff;;text-decoration:underline;}
.gobook a:active{color:silver;text-decoration:underline;}

#holder-1 h3.archive-title{
color:#0096ff;
color:#34a8fa;
font-weight:100;
font-size:30px;
text-align:left;
margin-top:50px;
}

.bookcover img{
float:right;
margin:30px 0 20px 0;
}

table, th, td{
border-collapse: collapse;
border: 1px solid #3b3b3b;
border: 1px solid #334659;
border: 1px solid gray;
}


table{width:100%;clear:both;}

td {font-size:18px;}

th{
font-weight:300;
text-transform: uppercase;
font-size:22px;
padding:6px 10px;
color:silver;color:white;
background-color:#3b3b3b;
background-color:#334659;
background-color:gray;
}

.td2{
width:50%;
white-space: normal;
}

.archivelinks,.td1,.td2{padding:10px;vertical-align:top;}
.archivelink{white-space: nowrap;}
.tr-line-n,.archivelinks{color:gray;color:#868687;}

.archivelink a:link,.archivelink a:active,.archivelink a:visited{color:white;}
.archivelink a:hover{color:#0096ff;}


/* SAMPLES INSIDE PAGES */

#holder-1 article .samples h2{
display:block;
margin:15px 0;
font-size:18px;
}

#holder-1 article .samples h2 a:link{color:gray;}
#holder-1 article .samples h2 a:active{color:gray;}
#holder-1 article .samples h2 a:visited{color:gray;}
#holder-1 article .samples h2 a:hover{color:white;}

#holder-1 article .samples h3{
display:block;
margin:20px 0;
font-size:34px;
}

.sample-comic-title{
display:block;
color:white;
font-size:28px;
margin:10px 0;
}

.samples-line{font-size:24px;margin-bottom:30px;}
.samples-line-2{padding:0 30px;}
.samples-line-1,.samples-line-2,.samples-line-3{color:#004474;color:#2d95de;}

.samples-line-1 a:link,.samples-line-1 a:active,.samples-line-1 a:visited{color:#b1b1b1;}
.samples-line-1 a:hover{color:#34a8fa;color:white;}
.samples-line-2 a:link,.samples-line-2 a:active,.samples-line-2 a:visited{color:#b1b1b1;}
.samples-line-2 a:hover{color:#34a8fa;color:white;}
.samples-line-3 a:link,.samples-line-13 a:active,.samples-line-3 a:visited{color:#b1b1b1;}
.samples-line-3 a:hover{color:#34a8fa;color:white;}

.back-to-samples-archive{margin:10px 0 30px 0;}
.back-to-samples-archive a:link,.back-to-samples-archive a:active,.back-to-samples-archive a:visited{color:gray;}
.back-to-samples-archive a:hover{color:silver;}


.textblock {
text-align:left;
}

.textblock ol {font-size:24px;}
.textblock ol li{padding-bottom:10px;}

#textblock p.sample-extra-title{
font-size:26px;
font-weight:900;
padding-top:25px;
}

.textblock p{
margin-top:0;padding-top:0;
}

#textblock p#sample-extra-title{
padding-top:0px;}


#textblock p{
line-height:100%;
}

.buy-button-samples{
padding:5px 30px;
color:red;
border:1px solid red;
background:black;
font-size:20px;
}

/* LINKS PAGES */
#holder-1-links{
background-color:#000;
color:white;
font-size:22px;
margin:0 auto;
margin-top:-30px;
padding:30px;
text-align:center;
}
#holder-1-links h2{
font-size:40px;
color:white;
}
#holder-1-links h3{
font-size:25px;
display:block;
padding:0;margin:0;
}
#holder-1-links h3 a:link,#holder-1-links h3 a:active,#holder-1-links h3 a:visited{color:#0241a1;color:#0096ff;}
#holder-1-links h3 a:hover{color:black;color:#0241a1;color:#69bffc;}
td{text-align: left;}
td p{padding-bottom:20px;}

#holder-1-links table {border-collapse: collapse;width:70%;border: 0px solid black;margin-right:auto;margin-left:auto;text-align:center;}
#holder-1-links table,#holder-1-links td {border: 0px solid black;}

#holder-1-links table tr td p{
text-align:left;
font-size:20px;
margin-top:0;padding-top:10px;
}

.linkback-2 a:link,.linkback-2 a:active,.linkback-2 a:visited{color:#0096ff;color:gray;}
.linkback-2 a:hover{color:black;color:#0241a1;color:#69bffc;}

.list-links li{padding-bottom:10px;font-size:24px;}
.list-links li  a:link,.list-links li  a:active,.list-links li  a:visited{color:#0096ff;}
.list-links li  a:hover{color:#69bffc;}


/* DOWNLOAD your purchase PAGE */
article p{text-align:center;color:silver;}
.ebook-product-holder{
margin-bottom:15px;
border-bottom:1px dashed gray;
color:#fff;
font-size:22px;
}
p.pline{
border-bottom:1px dashed gray;
padding-bottom:20px;
}
article p a{color:white;}
article p a:hover{color:silver;}
.ebook-product-line{
margin-bottom:15px;
}
.ebook-product-line a{color:#0096ff;}
.ebook-product-line a:hover{color:#03b810;}


/* SITEMAP */

.sitemap div{
color:white;
text-align:center;
font-size:22px;
margin-top:10px;
}
.sitemap div.sitemap-block{
margin-top:40px;
}

.sitemap a:link,.sitemap a:active,.sitemap a:visited{color:silver;}
.sitemap a:hover{color:white;}



/* FOOTER */
.footer-part-1{
float:left;
text-align:left;
margin:15px 0 0 0;
color:gray;
color:#425161;
}
.footer-part-2{
float:right;
margin-top:20px
}
.footer-part-3{
clear:both;
text-align:left;
line-height:50%;
color:#4b4c4c;
color:#60758b;
margin-bottom:15px;
}
.footer-part-1 a:link,.footer-part-1 a:active,.footer-part-1 a:visited{color:silver;color:#819dba;}
.footer-part-1 a:hover{color:#0096ff;color:white;}


/*Styles for screen 1000px and lower*/
@media only screen and (max-width: 62.500em) {
.holder{width:100%;}
.footer-part-1,.footer-part-2,.footer-part-3{padding-left:10px;padding-right:10px;}
.scr-txt{
font-size:1.0em;
width:70%;
}
.form-input{width:65%;}
}


/*Styles for screen 780px and lower*/
@media only screen and (max-width: 48.750em) {
.marquee {font-size:1.7em;}
.modal-content {width: 60%;}
.form-input{width:85%;}
}

	
/*Styles for screen 680px and lower*/
@media screen and (max-width: 42.500em) {
.marquee {font-size: 1.5em;}
.modal-content {width: 60%;}
}

/*Styles for screen 630px and lower*/
@media only screen and (max-width: 39.375em) {
.modal-content {width: 70%;}
.form-input{width:95%;}
.buy-right{display:none;}
.buy-left{width:100%;float:none;}
.arhive-left{float:none;width:100%;text-align:center;}
.arhive-left .gobook-line{text-align:center;}
.bookcover img{float:none;display: none;}
.bookcover {display: none;}
td {font-size:19px;}
}

/*Styles for screen 510px and lower*/
@media only screen and (max-width: 31.875em) {
.modal-content {width: 75%;}
.footer-part-3{padding-top:25px;}
.footer-part-1,.footer-part-2{
float:none;
text-align:center;}
.footer-part-3{
text-align:center;}
}

/*Styles for screen 480px and lower*/
@media only screen and (max-width: 30.000em) {
.marquee {font-size: 1.3em;}
.modal-content {width: 80%;}
.imgBox img{
margin:20px 10px 0px 10px;
}
.modal-header img{
float:none;
margin-right:0;
margin-bottom:10px;
}
}

@media screen and (max-width: 390px){
.archivelinks, .td1, .td2{font-size:70%;}
h3.archive-title{
font-size:20px;
font-weight:bold;
clear:both;
}
.td2{font-weight:bold;}
div.slogan1{font-size:39px;}
h1.slogan2{font-size:28px;padding:0 10px;}
.modal-content {width: 85%;}
}


/*Smartphone - 320px*/
@media only screen and (max-width: 20.250em) {
.modal-content {width: 90%;}
div.slogan1{font-size:37px;}
h1.slogan2{font-size:26px;padding:0 8px;}
}

/*very small screens - 260px*/
@media only screen and (max-width: 16.250em) {
.modal-content {width: 95%;}
}


/*Images Stretching*/

img, video {
height: auto !important;
}

img, embed, object, video {
height: auto !important;
max-width: 100%;
width: auto;    /* Prevent stretching of full-size images with height and width attributes in IE8 */
    }
    
@media \0screen {
  img, video { 
  	width: auto; /* for ie 8 */
  }
}

img, video {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}