html {background-color:#6F171A;}
#html-2 {background-color:transparent;}
body {margin:0 0 0 0;width:100%;height:100%;background-color:#7B343B;font-size:1.1em;text-shadow: .05em .05em #000000;color:#ffffff;color:#ffffff;letter-spacing:.1.1em;line-height:130%;background:linear-gradient(145deg,#701f15,#6F171A 55%);font-family: 'Unna', serif;}
#body-2 {margin:0 0 0 0;width:100%;height:100%;background-color:#6F1719;font-size:1.1em;text-shadow: .05em .05em #000000;color:#000000;letter-spacing:.1em;line-height:130%;background:linear-gradient(145deg,#c96200,#6F1719 45%);font-family: 'Unna', serif;background-attachment:fixed;//*8c3b00*//}
#body-3 {margin:0 0 0 0;width:100%;height:100%;background-color:#6F1719;font-size:1.1em;text-shadow: .05em .05em #000000;color:#000000;letter-spacing:.1em;line-height:130%;background:linear-gradient(145deg, #0089c9, #002737 45%);font-family: 'Unna', serif;background-attachment:fixed;//*8c3b00*//}
#body-4 {margin:0 0 0 0;width:100%;height:100%;background-color:#210102;font-size:1.1em;text-shadow: .05em .05em #000000;color:#000000;letter-spacing:.1em;line-height:130%;background:linear-gradient(130deg, #210102, #F18231 80%);*/font-family: 'Unna', serif;background-attachment:fixed;//*8c3b00*//}
#presale-message {padding: 20px;margin-bottom:5%;width:95%;background-color: #025D89;border: 1px solid #98C9CF;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);text-align: center;font-size: 1.1em;color: #333;line-height:130%;}
#presale-message2 {padding: 20px;margin-bottom:5%;width:95%;background-color: #753614;border: 1px solid #98C9CF;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);text-align: center;font-size: 1.1em;color: #333;line-height:130%;}
.playfair {
font-family: "Playfair", serif;
font-optical-sizing: auto;
font-weight: 400; /* Default weight if not specified */
font-style: normal;
font-variation-settings:
"width" 100;
}
.playfair-display {
font-family: "Playfair Display", serif;
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}
.hr-2 {width:100%;border:0px solid transparent}
p {font-size:1.1em;}
a:link {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #fff;}
a:active {color: #fff;}
a.emailink:link {color:#223495;}
a.emailink:visited {color: #223495;}
a.emailink:hover {color: #223495;}
a.emailink:active {color: #223495;}
a.bookmenu:link {color:#000000;}
a.bookmenu:visited {color: #000000;}
a.bookmenu:hover {color: #A50000;}
a.bookmenu:active {color: #000000;}
a.submenu:link {color:#462A2F;}
a.submenu:visited {color: #462A2F;}
a.submenu:hover {color: #ffffff;}
a.submenu:active {color: #462A2F;}
a.submenu2:link {color:#462A2F;text-decoration: none;}
a.submenu2:visited {color: #462A2F;text-decoration: none;}
a.submenu2:hover {color: #ffffff;text-decoration: none;}
a.submenu2:active {color: #462A2F;text-decoration: none;}
a.footer:link {color:#ffffff;}
a.footer:visited {color: #8ffffff88;}
a.footer:hover {color: #ffffff;}
a.footer:active {color: #ffffff;}
a.announcement:link {color:#FFFFFF;text-decoration: none;}
a.announcement:visited {color: #FFFFFF;text-decoration: none;}
a.announcement:hover {color: #FFFFFF;text-decoration: none;}
a.announcement:active {color: #FFFFFF;text-decoration: none;}
a.video:link {text-decoration: underline;}
.indent-1 {text-indent: 5%;}
.tablerow-1 {padding:1% 0 1% 0;}
.video-1 {color:#ffffff;width:80%;font-size:1.2em;}
.join {padding-left:13%;color:#ffffff;}
.slider-1 {padding:0 2% 0 2%; background-color:#5C191A; padding:2%;}
.line {border-top:3px solid #ffffff;width:80%;padding:2% 0 0 0;}
.img-wf-logo {width:35%;position:relative;}
.img-wf-logo-2 {width:150px;position:relative;}
.img-LGBA-logo {height:150px;position:relative;}
.img-card-1 {width:20%;display:inline-block;vertical-align:top;padding:0 2% 5% 0;}
.inline_block {width:45%;display:inline-block;vertical-align:top;padding:0 2% 5% 0;}
.img-card-2 {width:100%;}
.image-reels {width:90%;border:0px solid white;}
input[type=text], select, textarea {width: 90%; border: 1px solid #999999; border-radius: 4px; background-color:#F4E7D9;}
input[type=submit] {background-color: #F4E7D9; color: #000; padding: 2%; border: 1px solid #999999; border-radius: 4px; cursor: pointer; float: left; font-size:90%; font-family:'Unna', serif}
input[type=submit]:hover {background-color: #C5B192; color:#ffffff;}
.fade-in-3 {opacity: 0; transform: translateY(20vh); visibility: hidden; transition: opacity 0.6s ease-out, transform 1.5s ease-out; will-change: opacity, visibility;}
.fade-in-3.is-visible {opacity: 1; transform: none; visibility: visible;}
.book-details-1 {margin-left: 25%;}
.img-about-cover {width:40%;float:right;padding:2%;}
.img-fb-icon-1 {width:50px;vertical-align:middle;}
.four-px-border {border:3px solid #FFF;}
.section-break-1 {margin:10% 0 3% 0;}
.quote-marks {width:10%;position:relative;top:-10px;padding:0 2% 0 0;}
.text-color-1E353F {color:#1E353F;}
.width-100 {width:100%;}
.width-80 {width:80%;}
.width-60 {width:60%;}
.img-width-1 {width:100%;}
.color-white {color:#000''}
.color-white-2{color:#ffffff''}
p,div {font-family: 'Unna', serif;text-shadow: .05em .05em #000000;}
.p-no-shade {text-shadow:none!important;}
label {color:#ffffff!important;}
.col-md-4 {width: 33%!important;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {position: relative;min-height: 1px;padding-right: 2px!important;padding-left: 2px!important;}
ul {margin-left:0%;}
li {list-style-type:none;}
.review-left {width:80%;}
.review-right {width:90%;padding-left:7%;}
.book-sales-button {width:20%;}
.text-white {color:#FFFFFF;}
.left-col-2 {display:inline-block;vertical-align:top;width:40%;margin: 0% 2%;border:0px solid green;position:relative;top:-100px;}
.left-col-4 {display:inline-block;vertical-align:top;width:40%;margin: 0% 2%;border:0px solid green;position:relative;top: -225px;}
.left-col-5 {display:inline-block;vertical-align:top;width:40%;margin: 0% 2%;border:0px solid green;position:relative;top:-100px;}
.left-col-6 {display:inline-block;vertical-align:top;width:40%;margin: 0% 2%;border:0px solid green;position:relative;top:-100px;}
.left-col-7 {display:inline-block;vertical-align:top;width:50%;margin: 10% 2%;border:0px solid green;position:relative;top:-100px;}
.right-col-2 {display:inline-block;vertical-align:top;width:45%;margin: -5% 2% 2% 2%;border:0px solid yellow;position:relative; z-index:20000;}
.right-col-3 {display:inline-block;vertical-align:top;width:45%;margin: -5% 2% 2% 5%;border:0px solid yellow;}
.right-col-4 {display:inline-block;vertical-align:top;width:40%;margin: 15% 2% 2% 2%;border:0px solid yellow;}
.small-screen-lens-book-cover {display:none;}
.right-col-book-cover {max-width: 70%;margin: -3% 15% 0 25%;border:1px solid #FFFFFF;}
.right-col-book-cover-2 {max-width:100%;border:1px solid #FFFFFF;}
.right-col-book-cover-3 {max-width:70%;border:1px solid #FFFFFF;margin: -3% 5% 0 25%;}
.XXXright-col-split-1 {display:inline-block;vertical-align:top;width:55%;border:0px solid black;}
.right-col-split-1 {
display: inline-block;
vertical-align: top;
width: 75%;
border: 0px solid black;
}
.nobr { white-space: nowrap; }
.right-col-split-2 {display:inline-block;vertical-align:top;width:40%;border:0px solid yellow;padding:0 0 0 2%;font-size:95%;}
.excerpt-1 {background-color:#F4E7D9;padding:5% 5% 5% 5%;}
.justify {text-align: justify;text-justify: inter-word;}
.moon-menu {width:40%;padding:6%;}
.index-page-slide-text {position:relative;top:70%;padding:3%;}
.text-block-1 {width:50%;}
.gallery-image {width:100%;padding:2%;}
.video-container {position:fixed;top:0px;left:0px;width:100%;border-bottom:0px solid #7e2d32;padding:0;margin:0;}
.toggle-buttons {display:none;padding: 0% 0;position: relative;top: 20px;left: 0px;z-index: 20000;height:1%}
.w3-display-bottommiddle {left:8% !important;}
.bold {font-weight:900;}
.bold-600 {font-weight:600;}
.italic{font-style:italic;}
.normal{font-style:normal;}
.bookcover-inset {width:150px;float:left;padding:5px 5px 5px 0;}
.submenu-1 {padding: 10% 0 5% 0;position:relative;top:0px;z-index:11000;}
.submenu-1-item {display:inline;vertical-align:top;margin:1%;padding: 1.5% 2% 2% 2%;background-color:#C5B192;color:#462A2F;border-radius: 10px;font-size:85%;text-align:center;text-shadow:none;font-weight:900;}
.distributors {width:80%; padding: 0 0 4% 0%;border:0px solid green;position:relative;z-index:23000;float:right;text-align:center;line-height:200%;}
.distributors-2 {width:90%; padding: 0 0 4% 0%;border:0px solid green;position:relative;z-index:23000;float:left;text-align:center;line-height:200%;}
.distributors-3 {width:100%; padding: 0 0 4% 0%;border:0px solid green;position:relative;z-index:23000;float:left;line-height:200%;}
.distributors-book {width:100%; padding: 0 0 4% 10%;border:0px solid green;margin-left:15%;}
.distributor-buttons {display:inline;vertical-align:top; width:25%;border:1px solid #852E39;background-color: #C5B192;color:#000;text-align:center;text-shadow:none;border-radius:10px;font-size:85%;font-weight:900;margin: 0;padding: 1.5% 2% 2% 2%;position:relative;z-index:23000;}
.distributor-buttons-2{display:inline;vertical-align:top; width:25%;border:1px solid #852E39;background-color: #C5B192;color:#000;text-align:center;text-shadow:none;border-radius:10px;font-size:85%;font-weight:900;margin: 1%;padding: 1.5% 2% 2% 2%;opacity:.2;position:relative;z-index:23000;}
.distributor-buttons-3 {display: inline; vertical-align: top; width: 25%; border: 1px solid #02405F; background-color: #C5B192; color: #000; text-align: center; text-shadow: none; border-radius: 10px; font-size: 85%; font-weight: 900; margin: 0; padding: 1.5% 2% 2% 2%; position: relative; z-index: 23000;}
.slideshow-top-spacer {border:0px solid red;margin:20% 0 0 0;position:relative;left:-20%;display:none;}
.pad-1 {padding-top:10%;}
.pad-2 {padding-left:1%;}
.pad-3 {padding-top:20%;}
.slideshow-control-color {color:#203C46;}
.fadeshow2 img {width:100% !important;height:100%!important;}
.fadeshow3 {width:100%; height:200%;}
.slideshow-index-container {float:left;width:50%;position:relative;left: 5%;top: -100px;border:0px solid red;color:#ffffff;font-family: 'Unna', serif;text-shadow: .05em .05em #000000;font-size:1.1em;}
.slideshow-bookcover {width: 30vw;position:relative;margin-top: 10%;left: 10%;border:1px solid #FFFFFF;}
.toggle-dots {width:15%;position:relative;left:12%;margin:3% 0 0 0;}
.slideshow-caption-pos {position:relative;top:70%;}
.index-right-col {float:left;width: 43%;position:relative;margin:6% 0 0 1%;font-family: 'Unna', serif;text-shadow: .05em .05em #000000;font-size: 1.2em;background-color: #782926;padding:2%;opacity:.8;}
#footer {clear:all; width:100%;float:left;font-size:80%;padding:1% 0 0 2%;position:relative;z-index:3000;text-shadow:none;border-top:0px solid #923E3E;}
#footer2 p {clear:all; width:60%;float:left;font-size:80%;padding:10% 5% 0 0;position:relative;z-index:3000;color:#888;text-shadow:none;}
#footer3 p {display:none;clear:all; width:100%;float:left;font-size:80%;padding:5% 0 0 2%;position:relative;z-index:3000;color:#888;text-shadow:none;}
.footer-col-1 {width:60%;color: #ffffff;text-shadow:none;opacity:.7}
.footer-medallion {float:left; display:inline-block;vertical-align:baseline;color:#ffffff;font-weight:900;font-size:120%;padding:3%;text-align: center;}
.clear {clear:both;}
.clearfix {overflow: auto;}
.content1 {background-image: url(pics/grey-screen-50.png); position:absolute; left:0%; top:10%; width:50%; min-height:100%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:85; border:0px solid red;}
.content2 {background-image: url(pics/grey-screen-50.png); position:absolute; left:0%; top:10%; width:40%; min-height:100%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:85; border:0px solid red;}
.content3 {background-image: url(pics/grey-screen-50.png); position:absolute; left:0%; top:10%; width:100%; min-height:100%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:85; border:0px solid red;}
.content4 {background-image: url(pics/grey-screen-50.png); position:absolute; left:0%; top:13%; width:80%; height:150%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:85; border:0px solid red;}
.content5 {background-image: url(pics/grey-screen-50.png); position: relative; left:0%; top: 100px; width:100%; height:150%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:1000; border:0px solid red;}
.content6 {background-image: url(pics/grey-screen-50.png); position: relative; left:0%; top: -250px; width:100%; height:150%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:85; border:0px solid red;}
.content7 {background-image: url(pics/grey-screen-50.png); position: relative; left:0%; top: -200px; width:100%; height:150%; border:0px solid #DD3E30; padding:1% 0 1% 3%; z-index:85; border:0px solid red;}
.img-bio-pic-2 {padding:7px;}
.img-bg-tree-b {width:40%; border:0px solid #DD3E30; padding:10px; margin-left:5px;}
.table-a {float:right; position:relative; left:0px; border:0px;}
.table-b {float:left; position:relative; left:0px; border:0px;}
.lion-girl {position:relative; top: 0; left: 0; z-index:80; border:0px; width: 100%; margin: 0px 0px;}
.text-smaller {font-size:.9em; border:0px;}
.text-80 {font-size:80%}
.text-DC4037 {color:#DC4037;}
.text-FFFFFF {color:#FFFFFF;}
.extend-content-area {clear:both;padding-top:5%;}
.img-photo-page-sections {width:100%;}
.display-none {display:none;}
.display-block {display:block;}
@font-face {font-family: playfair; src: url(fonts/PlayfairDisplay-VariableFont_wght.ttf);}
p {margin-bottom:15px;color:#ffffff;}
.paragraph-2 {margin-bottom:3px;}
h1:first-letter {
font-family: playfair;
font-size: 140%;
background-color: transparent;
color: #fff;
margin: 0.125% -5px 0 0;
}
h1 {font-family: playfair!important; initial-letter: 200%!important; font-size:300%!important; line-height:130%!important; text-shadow: none;}
h2 {font-family: playfair!important; font-size : 130%!important; font-style:italic!important; line-height:120%!important; padding:0 0 2% 0!important; text-shadow: none!important;}
h3 {font-family: playfair!important; font-size : 115%!important; font-style:normal!important; line-height:120%!important; padding:0 0 2% 0!important;}
h4 {font-family: playfair!important; font-size : 110%!important; font-style:normal!important; line-height:120%!important; padding:0 0 2% 0!important;}
h5 {font-family: playfair!important; font-size : 170%!important; font-style:normal!important; line-height:120%!important; padding:0 0 2% 0!important;}
h6 {font-family: playfair!important; font-size : 140%!important; font-style:normal!important; line-height:120%!important; padding:0 0 2% 0!important;}
h1,h2,h3,h4,h5,h6 {color:#ffffff!important;}
.blurb-1 {font-family: playfair; color:white; font-size : 100%; font-style:italic; line-height:110%; padding: 2% 10% 4% 10%;}
.citation-1 {font-family: playfair; color:white; font-size : 80%; font-style:normal; line-height:120%; padding:2% 0 2% 5%;}
.citation-2 {font-family: playfair; color:white; font-size : 80%; font-style:normal; line-height:120%; padding:0 0 0% 5%;margin-top: 0%;}
.citation-3 {font-family: playfair; color:white; font-size : 80%; font-style:normal; line-height:120%; padding:0 0 0 0;margin-top: 0%;}
.photo-page-sections {float:none;width:30%;padding:5px;text-align:center;display:inline-block;vertical-align:top;}
.photo-pages {clear:coth;width:100%;border:0px solid green;height:620px;}
.book-cover-1 {width:100%;border:0px solid #1E1B36;padding:0;}
.spacer-1 {padding-bottom:3px;display:none;}
.banner-1 {float:right;text-align:right;width: 60%;position:relative;z-index:12000;padding:3% 6% 4% 3%;/*background-image:url('../img/trans-70353B-20.png')border-bottom-left-radius: .5em;*/border:0px solid green;}
.menu-1 {text-align: right;position: relative;z-index: 30000;padding-top: 20px;border: 0px solid orange;}
.menu-2 {text-align: left;position: relative;z-index: 30000;padding-top: 20px;border: 0px solid orange;}
.img-menu {width:80px;z-index: 12000;position: fixed;left: 88%;}
#left-col-1 {width:55%;display:inline-block;vertical-align: top;margin:0px .5%;text-align:center;border:0px solid #E9B259;margin-left:-30%;}
#right-col-1 {width:40%;display:inline-block;vertical-align: top;margin:5% 0 5% 25%;text-align:center;border:0px solid #E9B259;}
.image-1 {width:100%}
/*######################################################*/
/*######################################################*/
/*######################################################*/
.crossfade > figure {animation: imageAnimation 30s linear infinite 0s; backface-visibility: hidden; background-size: cover; background-position: top center; color: transparent; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; width: 55%; z-index: 0;}
.crossfade > figure:nth-child(1) {background-image: url('../img/IMG_0034_festival-33_1-phtog-page.jpg');}
.crossfade > figure:nth-child(2) {animation-delay: 6s; background-image: url('../img/IMG_5391_fallen baby-banner.jpg');}
.crossfade > figure:nth-child(3) {animation-delay: 12s; background-image: url('../img/IMG_4973_kids at St. Joseph School.jpg');}
.crossfade > figure:nth-child(4) {animation-delay: 18s; background-image: url('../img/11x14-1a.jpg');}
.crossfade > figure:nth-child(5) {animation-delay: 24s; background-image: url('../img/IMG_0598.jpg');}
@keyframes imageAnimation {0% {animation-timing-function: ease-in; opacity: 0;}
8% {animation-timing-function: ease-out; opacity: 1;}
17% {opacity: 1}
25% {opacity: 0}
100% {opacity: 0}}
/*######################################################*/
/*######################################################*/
/*######################################################*/
.crossfade-a > figure {animation: imageAnimation 30s linear infinite 0s; backface-visibility: hidden; background-size: cover; background-position: top center; color: transparent; height: 100%; opacity: 0; position: absolute; top: 50%; left:60%; width: 35%; z-index: 0;}
.crossfade-a > figure:nth-child(1) {background-image: url('../img/IMG_0034_festival-33_1-phtog-page.jpg');}
.crossfade-a > figure:nth-child(2) {animation-delay: 6s; background-image: url('../img/IMG_5391_fallen baby-banner.jpg');}
.crossfade-a > figure:nth-child(3) {animation-delay: 12s; background-image: url('../img/IMG_4973_kids at St. Joseph School.jpg');}
.crossfade-a > figure:nth-child(4) {animation-delay: 18s; background-image: url('../img/11x14-1a.jpg');}
.crossfade-a > figure:nth-child(5) {animation-delay: 24s; background-image: url('../img/IMG_0598.jpg');}
/*######################################################*/
/*######################################################*/
/*######################################################*/
/* slide menu */
.menu-list {padding:0 1% 0 22%;color:#fff;font-size:90%;}
.sidenav {font-family: 'Playfair', serif; height: 100%; width: 0; position: fixed; z-index: 30000; top: 0; left: 0; background-color: #03364D; overflow-x: hidden; transition: 0.5s; padding-top: 60px; opacity:.95; font-size:100%;}
.sidenav a {padding: 5px 5px 5px 32px; text-decoration: none; font-size: 100%; color: #fff; display: block; transition: 0.3s;}
.sidenav a.small {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 90%; color: #fff; display: block; transition: 0.3s;}
.sidenav a:hover, .offcanvas a:focus {color: #f1f1f1;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 28px; margin-left: 50px;}
#main {transition: margin-left .5s; padding: 16px;}
@media screen and (max-width: 770px) {
.left-col-4 {
display: inline-block;
vertical-align: top;
width: 90%;
margin: 0% 2%;
border: 0px solid green;
position: relative;
top: -125px;
float:none;
}
.right-col-2 {
display: inline-block;
vertical-align: top;
width: 90%;
margin: -5% 2% 2% 2%;
border: 0px solid yellow;
position: relative;
z-index: 20000;
float:left;
}
.img-menu {
width: 20%;
z-index: 12000;
position: fixed;
left: 78%;
}
.footer-col-1 {
width: 90%;
color: #888;
text-shadow: none;
}
.distributors-book {
width: 100%;
padding: 0 0 4% 4%;
border: 0px solid green;
margin-left: 0%;
}
.slideshow-bookcover {
width: 60vw;
position: relative;
margin-top: 35%;
left: 5%;
border: 1px solid #FFFFFF;
}
.index-right-col {
float: left;
width: 90%;
position: relative;
margin: 0 0 0 1%;
font-family: 'Unna', serif;
text-shadow: .05em .05em #000000;
font-size: 1.2em;
background-color: #782926;
padding: 2%;
opacity: .8;
}
.content4 {
background-image: url(pics/grey-screen-50.png);
position: absolute;
left: 0%;
top: 13%;
width: 100%;
height: auto;
border: 0px solid #DD3E30;
padding: 5% 0 1% 3%;
z-index: 85;
border: 0px solid red;
}
.left-col-7 {
display: inline-block;
vertical-align: top;
width: 90%;
margin: 45% 2%;
border: 0px solid green;
position: relative;
top: 0px;
}
.right-col-4 {
display: inline-block;
vertical-align: top;
width: 90%;
margin: 5% 2% 2% 2%;
border: 0px solid yellow;
}
.display-none {display:block;position:relative;left:0%;margin:0 0 5% 0;}
.display-block {display:none;}
}
/* @media for slide menu */
@media screen and (max-height: 800px) {
.sidenav {padding-top: 100px;}
.sidenav a {font-size: 90%;}
}
/* end slide menu */
/*######################################################*/
/*######################################################*/
/*######################################################*/
/*animation of right content*/
.animate-1 {width: 40%; height: auto; position: relative; top:27%; left:55%; z-index:200; animation-name: bookcover; animation-duration: 7s; animation-fill-mode: forwards;}
@keyframes bookcover {0% {left:-2000%; top:27%;}
100% {left:55%; top:27%;}}
/*end animation of right content*/
/*######################################################*/
/*######################################################*/
/*######################################################*/
/*animation of right content*/
.animate-1a {width: 40%; height: auto; position: relative; top:7%; left:55%; z-index:200; animation-name: bookcover; animation-duration: 7s; animation-fill-mode: forwards;}
@keyframes bookcover {0% {left:-2000%; top:7%;}100% {left:55%; top:7%;}}
/*end animation of right content*/
/*######################################################*/
/*######################################################*/
/*animation of left text content 2*/
.animate-2 {width: 42%; height: auto; position: relative; top:-20%; left:-5000%; padding:2%; z-index:100; animation-name: leftext2; animation-duration: 7s; /*background-image:url('../img/trans-1A2042-80.png');*/ color:#fff; animation-delay: 5s; animation-fill-mode: forwards;}
@keyframes leftext2 {0% {left:-5000%; top:-20%;}100% {left:2%; top:-20%;}}
/*end animation of left text content 2*/
/*######################################################*/
/*######################################################*/
/*######################################################*/
/*animation of left text content 3*/
.animate-3 {width: 42%; height: auto; position: relative; top:-20%; left:-5000%; padding:2%; z-index:100; animation-name: leftext3; animation-duration: 21s; /*background-image:url('../img/trans-1A2042-80.png');*/ color:#fff; animation-delay: 5s; animation-fill-mode: forwards;}
@keyframes leftext3 {0% {left:-5000%; top:-20%;}}
/*end animation of left text content 3*/
/*######################################################*/
/*######################################################*/
/*######################################################*/
.fade-in {animation: fadeIn ease 7s; -webkit-animation: fadeIn ease 7s; -moz-animation: fadeIn ease 7s; -o-animation: fadeIn ease 7s; -ms-animation: fadeIn ease 7s;}
@keyframes fadeIn {0% {opacity:0;}100% {opacity:1;}}
@-moz-keyframes fadeIn {0% {opacity:0;}}
@-webkit-keyframes fadeIn {0% {opacity:0;}}
@-o-keyframes fadeIn {0% {opacity:0;}}
@-ms-keyframes fadeIn {0% {opacity:0;}}
/*######################################################*/
/*######################################################*/
/*######################################################*/
.fade-in-2 {animation: fadeIn ease 15s; -webkit-animation: fadeIn ease 15s; -moz-animation: fadeIn ease 15s; -o-animation: fadeIn ease 15s; -ms-animation: fadeIn ease 15s;100% {opacity:1;}}
/*######################################################*/
/*######################################################*/
/*######################################################*/
/* ipad Mini Landscape */