@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url("https://p.typekit.net/p.css?s=1&k=ldn1ivd&ht=tk&f=22792.22793.22794.24317.24318.40089.40090.40091.40092.40093.45691.45692.45693.45694.45695&a=17241087&app=typekit&e=css");

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/ac5663/00000000000000007735a458/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/ac5663/00000000000000007735a458/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/ac5663/00000000000000007735a458/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/923169/00000000000000007735a459/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/923169/00000000000000007735a459/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/923169/00000000000000007735a459/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/3135a7/00000000000000007735a460/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/3135a7/00000000000000007735a460/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/3135a7/00000000000000007735a460/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/95a75c/00000000000000007735a46b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/95a75c/00000000000000007735a46b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/95a75c/00000000000000007735a46b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/634fd6/00000000000000007735a466/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/634fd6/00000000000000007735a466/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/634fd6/00000000000000007735a466/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/d09b6f/00000000000000007735a45a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/d09b6f/00000000000000007735a45a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/d09b6f/00000000000000007735a45a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/1fc4ef/00000000000000007735a45f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/1fc4ef/00000000000000007735a45f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/1fc4ef/00000000000000007735a45f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/052e55/00000000000000007735a467/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/052e55/00000000000000007735a467/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/052e55/00000000000000007735a467/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:600;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/7b989c/00000000000000007735a46e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/7b989c/00000000000000007735a46e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/7b989c/00000000000000007735a46e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
font-family:"source-serif-pro";
src:url("https://use.typekit.net/af/7179dc/00000000000000007735a472/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/7179dc/00000000000000007735a472/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/7179dc/00000000000000007735a472/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:900;
}

@font-face {
font-family:"new-spirit";
src:url("https://use.typekit.net/af/73dea6/00000000000000007735c4b8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/73dea6/00000000000000007735c4b8/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/73dea6/00000000000000007735c4b8/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
font-family:"new-spirit";
src:url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/69c2f9/00000000000000007735c4ba/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
font-family:"new-spirit";
src:url("https://use.typekit.net/af/de4bea/00000000000000007735c4bc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/de4bea/00000000000000007735c4bc/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/de4bea/00000000000000007735c4bc/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
font-family:"new-spirit";
src:url("https://use.typekit.net/af/19f9aa/00000000000000007735c4be/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/19f9aa/00000000000000007735c4be/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/19f9aa/00000000000000007735c4be/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
font-family:"new-spirit";
src:url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/5d8142/00000000000000007735c4c0/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}




body {
    margin: 0;
    padding: 0;
    color: #ffffff;
    background: #000000;
    font-weight: 400;
    letter-spacing: 0.032em;
     font-family:"source-serif-pro";

}



img {
    max-width: 100%;
}



ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}




figure {
    margin: 0 0;
    position: relative;
    overflow: hidden;
}

a {
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

a:hover,
a:focus
 {color: inherit; text-decoration: none;}

.btn:hover, .btn-link.focus, .btn-link:focus {
    text-decoration: none;
    color: #ffffff;
}


a:hover,
a:focus,
.btn-link:hover:hover,
.btn-link:hover:focus {
    text-decoration: none;
    outline: none;

}

.btn-more.btn-30 {/*font-size: 30px;*/}
.btn-more.btn-30:before{visibility: hidden;}

:focus {outline: -webkit-focus-ring-color auto 0px;}
button:focus,input:focus {-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;box-shadow: 0px;}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}


.bg-padd{padding: 100px 0;}


 .stanza-box, .chapter-pages, .stanza-box.homepage  { height: calc(100vh - 0px);
    display: flex;
    align-items: center;
    justify-content: center;}

.skyblue-bg{background: #1B5A8A;}
.bg-light{background: #F5F5F5;color: #000000;}

.owl-theme .owl-nav [class*=owl-] {
margin: 0;

}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
}
.owl-theme .owl-nav{margin: 0;}



.screen-header {
    width: 100%;
    float: left;
    clear: both;
    position: fixed;
    top: 0;
    left: 0;
    padding-top: 25px;
    z-index: 3;
}


.poem-listing li{  
  font-family:"source-serif-pro";
    font-size: 20px}

h2{font-size: 45px;
    font-family: "new-spirit",serif;
    font-weight: 600;
    line-height: 76px;

}

p{font-size: 20px;font-weight:300;}    

.top-nav a strong, .top-nav a, .abt-css, .humburgar, .humburgar.open strong {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 4;
    color: #ffffff;
        cursor: pointer;

}
.top-nav.black-color a, .top-nav.black-color .humburgar {
color: #000000;
}

.top-nav.black-color.white-color a {
    color: #ffffff;
}

.btn-5 {
    border: 2px solid #FFFFFF;
    border-radius: 29px;
    color: #ffffff;
    display: block;
    padding: 10px 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    position: relative;
    -webkit-transition: background-color .25s linear,color .25s linear,border .25s linear;
    transition: background-color .25s linear,color .25s linear,border .25s linear;
}

/*.btn-5::before, .btn-5::after, .btn-more::before, .btn-more::after {
    background: #fff;
    content: '';
    position: absolute;
    z-index: -1;
}
.btn-5::after, .btn-more::after {
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(
50deg
);
    transition-duration: 0.6s;
    transform-origin: top left;
    width: 0;
}*/

.btn-5:hover, .btn-more:hover {
    color: #000000;
    background: #ffffff;
}


/*.btn-5:hover:after, .btn-more:hover:after {
    height: 100%;
    width: 135%;
}*/

.btn-2 {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.btn-2:after, .btn-2:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid rgba(255, 255, 255, 0);
    bottom: 0px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    transition: all 280ms ease-in-out;
    width: 0;
}

.btn-2:hover:after, .btn-2:hover:before {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-color: #000000;
    transition: width 350ms ease-in-out;
    width: 100%;
}


.btn-2:hover:before {
    bottom: auto;
    top: 0;
    width: 100%;
}


.btn-2.white-btn:hover:before, .btn-2.white-btn:hover:after, .top-nav.black-color.white-color .btn-2:hover:before, .top-nav.black-color.white-color .btn-2:hover:after {
    border-color: #ffffff;
}



.poem-name {
    text-align: center;
}

.page-linking {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page-linking li {
    width: calc(35% - 30px);
    margin: 10px 15px;
}

.stanza-listing ul { padding-bottom: 20px;}
.stanza-listing ul:last-child { padding-bottom: 0px;}



.bold-title {
    font-size: 80px;
    font-family:"new-spirit";
    font-weight:700;

}

.mrg-para {
    margin: 25px 0;
}

.author-content {
    margin: 25px 0;
    width: 680px;
    margin: 0px auto 150px;
}

.author-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.author-row .written {
    padding: 0 60px;
}

.author-row .written span {
    font-size: 15px;
}


.read-btn {
    margin-top: 30px;
}


.written {
    font-size: 20px;    font-weight: 300;

}

.web-cam {
    text-align: center;
}

.btn-more {
    border: 2px solid #FFFFFF;
    border-radius: 29px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 30px;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    overflow: hidden;
}


#typewriter {
 font-family:"source-serif-pro";
    font-size: 20px;
        margin: 0;
    color: #ffffff;
        overflow-x: hidden;

}

#typewriter:after {
    content: "|";
    animation: blink 500ms linear infinite alternate;
}

@-webkit-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-moz-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}



#poem-slider {
    display: flex;
    flex-flow: column-reverse;
        z-index: inherit;

}




.owl-theme .owl-dots .owl-dot button {
    background: transparent;
    border-radius: 4px;
    color: #ffffff;
    border: none;
    font-size: 16px;
    padding: 10px 30px;
    transition: 0.5s;
    text-align: center;
    position: relative;
    margin-top: 25px;
    font-weight: 300;
}


.owl-theme .owl-dots .owl-dot .dot_title:before {
    width: 8px;
    height: 8px;
    background: #D6D6D6;
    transition: opacity .2s ease;
    border-radius: 30px;
    position: absolute;
    content: "";
    top: -20px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
}

.owl-theme .owl-dots .owl-dot.active .dot_title:after {
    background: #ffffff;
}

.owl-theme .owl-dots .owl-dot.active .dot_title:after {
    width: 30px;
    height: 30px;
    background: transparent;
    transition: opacity .2s ease;
    border-radius: 30px;
    position: absolute;
    content: "";
    top: -31px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 2px solid #ffff;
    display: block;
}


.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
}

.slider-coloum.flex-direct .img-rght .img-fluid, .chapter-pages .owl-carousel .stanza-image   img {
    width: auto;
    height: auto;
}

.read-chapter {
    display: block;
    float: none;
    clear: both;
}

.slider-coloum {
    text-align: center;
    height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.dot_title b{display: none;}

.img-rght {
    position: absolute;
    right: 0;
    bottom: 0%;
}

.img-rght.depression img {width: 430px!important;}

.img-rght.anger {}

.img-rght.hope img {width: auto!important;}

.img-rght.hope {}

.img-rght.forgiveness img{width: 130px!important;}

.img-rght.love {left: 0;right: auto;}


/*stanza*/

.chapter-pages .owl-theme .owl-dots .owl-dot.active {
    display: block;

}

.chapter-pages .owl-theme .owl-dots .owl-dot.active a{
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #000;
}

.chapter-pages .owl-theme .owl-dots .owl-dot {
    display: none;
}
.chapter-pages .owl-theme .owl-dots .owl-dot button {
    color: #ffffff;
}

.chapter-pages .owl-carousel .owl-nav button.owl-next, .chapter-pages .owl-carousel .owl-nav button.owl-prev, .chapter-pages .owl-carousel button.owl-dot{   
    color: #000000;
  font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;}

.chapter-pages .owl-theme .owl-nav .disabled {
   opacity: 0;
    cursor: default;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

.chapter-pages .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    bottom: 35px;
    right: 0;
        transition: all 280ms ease-in-out;
}
.chapter-pages .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    bottom: 35px;
    left: 0;
     transition: all 280ms ease-in-out;


}

.chapter-pages .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #000;
    letter-spacing: 1px;
}

.chapter-pages .owl-dots {
    position: absolute;
    bottom: 35px;
    left: 0;
    right: 0;
    width: 50%;
    z-index: 1;
    margin: 0 auto;
}

.intro_poem {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    opacity: 1;
}




.stanza-image img {
    margin: 0 auto;
    text-align: right;
    float: right;
}


.stanza-listing li {
    font-size: 20px;
    font-weight: 600;
}



.side_menu {
    clear: both;
    overflow: hidden;
/*    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0%;
    width: 100%;
    visibility: hidden;
     /*clip-path: circle(30px at calc(100% - 65px) 65px);*/


}


.openmenu {
    visibility: visible;
/*    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;*/
    background: #1B5A8A;
    background-size: cover;
    position: absolute;
      z-index: 3;
    top: 0px;
    right: 0;
    width: 100%;
    height: 100vh;
 visibility: visible; 
 /*clip-path: circle(100%); */

   -webkit-animation: NAME-YOUR-ANIMATION 1s; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 1s; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 1s; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 1s; /* IE 10+, Fx 29+ */

}




@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%   {   background: #1B5A8A; }
  100% {   background: #0f293c; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   {   background: #1B5A8A; }
  100% {   background: #0f293c; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%   {   background: #1B5A8A; }
  100% {   background: #0f293c; }
}
@keyframes NAME-YOUR-ANIMATION {
  0%   {   background: #1B5A8A; }
  100% {   background: #0f293c; }
}



.side_menu.openmenu .intro_poem  {
  -webkit-animation: NAME-YOUR-ANIMATION 0.2s; /* Safari 4+ */
  -moz-animation:    NAME-YOUR-ANIMATION 0.2s; /* Fx 5+ */
  -o-animation:      NAME-YOUR-ANIMATION 0.2s; /* Opera 12+ */
  animation:         NAME-YOUR-ANIMATION 0.2s; /* IE 10+, Fx 29+ */

}


@-webkit-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes NAME-YOUR-ANIMATION {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}






.arrow-mark i {
    font-size: 25px;
    vertical-align: middle;
    padding-left: 5px;
    color: #ffffff;
    -webkit-text-stroke: 1px #000000;
}

a.arrow-mark{color: #ffffff;}
.arrow1 {
  animation: slide1 1s ease-in-out infinite;
  /*margin-left: 9px;*/
  color: #ffffff;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}

.mbdiv span {
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}



.humburgar strong:last-child {display: none!important;    width: 51px;    float: right;    font-weight: 600;}
.humburgar.open strong:last-child {display: block!important;    width: 51px;    float: right;    font-weight: 600;    text-align: center;}

.humburgar strong:first-child {display: block!important;    width: 51px;    float: right;    font-weight: 600;}
.humburgar.open strong:first-child {display: none!important;    width: 51px;    float: right;    font-weight: 600;}

.poem-listing {
    min-height: 390px;
}

.chapter-pages>.container>.row .row {
    height: calc(100vh - 0px);
    align-items: center;
    justify-content: center;
}

.chapter-header {
    position: relative;
    z-index: 5;
}


.text-content{display:none;}

.arroc-icon .fa.fa-angle-down, .arroc-iconmobile .fa.fa-angle-down  {
    font-size: 50px;
-webkit-text-stroke: 1px #f8f9fa; 
cursor: pointer;

}

.arroc-icon.deg-arrow i.fa.fa-angle-down, .arroc-iconmobile.deg-arrowmobile i.fa.fa-angle-down {
    transform: rotate(
180deg
);
}


.home-link {
    display: flex;
    align-items: center;
    height: 100vh;
}

.rotate-d {
    transform: rotate(-90deg);
    position: relative;
    z-index: 5;
}

.rotate-d a {
    color: #ffffff;
}


@media (min-width: 1025px) {


#poem-slider .owl-dots .owl-dot:last-child {
    /*float: right;*/
}


.img-rght img { width: 300px!important;}


}



@media (min-width: 768px) {


.nav_menu{display: none;}




.stanza-listing {
    align-content: center;
    display: flex;
    justify-content: center;
}

.stanza-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-coloum.flex-direct .img-rght .img-fluid, .chapter-pages .owl-carousel .stanza-image img {margin: 0 auto;}
.slider-coloum.flex-direct .img-rght.love img {width: 70%;}
.bold-title {font-size: 50px;}


}



@media (min-width: 768px) and (max-width: 980px) {

.owl-theme .owl-dots .owl-dot button{padding: 10px;}
 .img-rght{position: static;    padding-top: 50px;}


}


@media (max-width: 980px) {

.page-linking li {width: calc(50% - 10px); margin: 10px 5px;}
.btn-5 {font-size: 12px;}

}



@media (max-width: 767px) {


.owl-theme .owl-dots .owl-dot button{padding:10px 15px;}
.bold-title{font-size:35px;}
#poem-slider{display:block;}
.owl-theme .owl-dots .owl-dot .dot_title:before{width:8px;height:8px;top:-20px;}
.owl-theme .owl-dots .owl-dot.active .dot_title:after{width:24px;height:24px;top:-28px;}
.top-nav a strong, .top-nav a, .abt-css, .humburgar, .humburgar.open strong, .nav_menu.openmenu-mobile ul li span{font-size:12px;font-family:'Open Sans', sans-serif;color:#ffffff;}
 #typewriter{font-size:14px;text-align:center;margin-top:100px;}
 p{font-size:14px;}
 h2{font-size:25px;line-height:40px;}
.stanza-box{text-align:center;height:30px;display:block;}
.author-content{width:100%;margin:0px auto 100px;}
.author-row{display:block;}
.author-row .written:first-child{padding-bottom:50px;}
.stanza-image img{margin:0 auto 40px;float:none;}
.chapter-pages>.container>.row>.col-12-25 .row{flex-direction:column-reverse;justify-content:center;text-align:center;}
.col-12-25{padding:0px 35px;}
.img-rght{position:static;}
.slider-coloum.flex-direct .img-rght .img-fluid{width:70%;height:auto;margin:0 auto;}
#poem-slider.owl-theme .owl-nav.disabled+.owl-dots{position:absolute;bottom:30px;left:0;right:0;}
.slider-coloum{height:calc(100vh - 200px);}
#poem-slider{height:95vh;}
.img-rght.anger, .img-rght.depression, .img-rght.hope, .img-rght.love, .img-rght.forgiveness{padding-top:50px;}
.img-rght.hope img{width:30%!important;}
.chapter-pages .owl-carousel .owl-nav [class*=owl-] i{font-size:35px;-webkit-text-stroke:2px #f8f9fa;}
.chapter-pages .owl-dots{bottom:40px;}
.humburgar_menu{position:absolute;left:15px;top:-5px;z-index:5;}
.humburgar-mobile{width:38px;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;height:30px;top:0;}
.humburgar-mobile.none-cross{display:none;}
.bg-light #nav-icon span{background:#000000;}
.bg-light .humburgar-mobile.cross-open#nav-icon span{background:#ffffff;}
 #nav-icon span{display:block;position:absolute;height:2px;width:20px;background:#ffffff;opacity:1;left:10px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;margin:0 auto;}
 #nav-icon span:nth-child(1){top:10px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
 #nav-icon span:nth-child(2){top:16px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
 #nav-icon span:nth-child(3){top:22px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
 #nav-icon.cross-open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:10px;left:12px;}
 #nav-icon.cross-open span:nth-child(2){width:0%;opacity:0;}
 #nav-icon.cross-open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:24px;left:12px;}
.nav_menu{display:block;clear:both;position:absolute;top:100%;left:-200%;background:#1B5A8A;padding:0px;text-align:left;width:100%;height:calc(100vh - 0px);-webkit-transition:.50s ease-in-out;-moz-transition:.50s ease-in-out;-o-transition:.50s ease-in-out;transition:.50s ease-in-out;display:flex;align-items:center;justify-content:center;text-align:center;z-index:4;}
.openmenu-mobile{left:0;top:0;}
.nav_menu li a{font-size:30px;color:#ffffff;font-family:"new-spirit",serif;font-weight:700;margin-top:15px;display:block;}
.text-contentmobile{max-height:125px;overflow:auto;}
.home-link{display:none;}
.btn-container.d-block.d-sm-none{display:none!important;}
.poem-listing{min-height:290px;margin-bottom:20px;}
.stanza-box.homepage>.container>.row{display:flex;flex-direction:column-reverse;}
.stanza-listing li{font-size:16px;}
.stanza-listing{max-height:250px;overflow-y:auto;}
 .stanza-listing::-webkit-scrollbar{width:3px;-webkit-box-shadow:inset 0 0 6px #000;-webkit-border-radius:3px;border-radius:3px;}
.stanza-listing::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px #000;-webkit-border-radius:3px;border-radius:3px;}
.stanza-listing::-webkit-scrollbar-thumb{border-radius:10px;background:#eeeeee;height:3px;}

/*.mb-static{position: relative;padding: 0;}*/

}




@media (max-width: 360px) {

.stanza-listing {max-height: 210px;}
.stanza-image img {margin: 0 auto 15px;max-width: 60%;}
.stanza-listing li {font-size: 14px;}




}