/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Montserrat', 'Lora', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: white;
    background-color: black;
    font-size: 18px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
    background-color: #343a40;
    color: #fff;
}
#footer {
    background: #111;
    padding: 30px 0;
    color: #fff;
}

#footer .copyright {
    text-align: center;
}

#footer .credits {
    padding-top: 10px;
    text-align: center;
    font-size: 13px;
    color: #ccc;
}

a {
    /*color: #572f2a;*/
    color: rgb(167, 123, 105);
}
a:hover ,
a.hover {
    color: #572f2a;
    /*color: rgb(167, 123, 105);*/
}

/*.btn-success {*/
    /*color: #fff;*/
    /*background: rgb(167, 123, 105);*/
    /*border-color: rgb(167, 123, 105);*/
/*}*/

/*.btn-success:not(:disabled):not(.disabled):active,*/
/*.btn-success:not(:disabled):not(.disabled).active,*/
/*.show > .btn-success.dropdown-toggle {*/
    /*color: rgb(167, 123, 105);*/
    /*background: #ffffff;*/
    /*border-color: #ffffff;*/
    /*font-size: 1.25rem;*/
    /*font-weight: bolder;*/
/*}*/

/*.btn-success:hover {*/
    /*color: rgb(167, 123, 105);*/
    /*background: #ffffff;*/
    /*border-color: #ffffff;*/
    /*font-size: 1.25rem;*/
    /*font-weight: bolder;*/
/*}*/

/*.btn-success:focus,*/
/*.btn-success.focus {*/
    /*box-shadow: 0 0 0 0.2rem rgba(167, 123, 105, 0.5);*/
/*}*/



.btn-success {
    color: #fff;
    background: #000;
    border-color: #fff;
}

.btn-success:hover ,
.btn-success.hover ,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
    color: #000;
    background: #ffffff;
    border-color: #ffffff;
    /*font-size: 1.25rem;*/
    font-weight: 900;
}

.btn-success:focus,
.btn-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.7);
}









/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    /*padding: 60px 15px 0;*/
    color: #fff;
}

.footer > .container {
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
}

code {
    /*font-size: 80%;*/
}


/* ----- Main Navigation Bar ----- */

#mainNav {
    font-family: 'Montserrat', 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    background-color: black;
    font-size: 0.95rem;
}

#mainNav .navbar-toggler {
    font-size: 14px;
    padding: 11px;
    color: white;
    border: 1px solid white;
}

#mainNav .navbar-brand {
    font-weight: 700;
    color: rgb(167, 123, 105);
}

#mainNav a {
    /*color: white;*/
    color: rgb(167, 123, 105);
}

#mainNav .navbar-nav .nav-item {
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
}

#mainNav .navbar-nav .nav-item:hover {
    color: fade(white, 80%);
    outline: none;
    background-color: transparent;
}

#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
    outline: none;
    background-color: transparent;
}


/* ----- Series Bundle Section ----- */

#series-bundle {
    color: #fff;
    margin-top: 10px;
}

#series-bundle a {
    margin: 30px 0 10px 0;
    color: #fff;
    font-size: 30px;
}

/*#series-bundle h1 {*/
    /*margin: 30px 0 10px 0;*/
    /*font-weight: 700;*/
    /*line-height: 48px;*/
    /*text-transform: uppercase;*/
    /*color: #fff;*/
    /*font-size: 30px;*/
/*}*/

#series-bundle h1 {
    margin: 30px 0 10px 0;
    font-weight: 900;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    font-size: 25px;
}
#series-bundle h2 {
    margin: 45px 0 10px 0;
    font-weight: 900;
    line-height: 35px;
    text-transform: uppercase;
    color: #fff;
    font-size: 20px;
}


#series-bundle .video-container {
    margin: 0px auto;
    overflow: hidden;
    height: 97vh;
    min-height: 950px;
    pointer-events: none;
}

#series-bundle .video-container video {
    display: block;
    margin: 0px auto;
    min-height: 950px;
}

#series-bundle .sb-container {
    margin: 0px auto;
    width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 10%;
}

#series-bundle .sb-logo {
    margin: 20px 0;
}

#series-bundle .sb-logo img {
    max-width: 75%;
}


/* ----- Equity of Evil Section ----- */

#equity-of-evil {
    margin-top: 0;
    background: rgba(62, 6, 0, 1);
}
#equity-of-evil .eoe-container {
    margin: 0px auto;
    width: 100%;
    position: absolute;
    text-align: center;
    padding: 10% 0;
}

#equity-of-evil .equity-of-evil-belt {
    background-image: url("/assets/img/book/equity_of_evil_belt.png");
    width: 25px;
    height: 100%;
}


#equity-of-evil .video-container {
    margin: 0px auto;
    overflow: hidden;
    /*height: 100vh;*/
    height: 950px;;
    min-height: 950px;;
    pointer-events: none;
}

#equity-of-evil .video-container video {
    display: block;
    margin: 0px auto;
    min-height: 950px;
}

#equity-of-evil-comments {
    background: rgba(180, 44, 44, 0.2);
    padding: 50px 0;
}

/* ----- Equity of Fear Section ----- */

#equity-of-fear {
    margin-top: 0;
    background: rgba(38, 34, 0, 1);
}

#equity-of-fear .eof-container {
    margin: 0px auto;
    width: 100%;
    position: absolute;
    text-align: center;
    padding: 10% 0;
}

#equity-of-fear .equity-of-fear-belt {
    background-image: url("/assets/img/book/equity_of_fear_belt.png");
    width: 20px;
    height: 100%;
}


#equity-of-fear .video-container {
    margin: 0px auto;
    overflow: hidden;
    height: 100vh;
    min-height: 950px;
    pointer-events: none;
}

#equity-of-fear .video-container video {
    display: block;
    margin: 0px auto;
    min-height: 950px;
}

#equity-of-fear-comments {
    background: rgba(180, 176, 44, 0.2);
    padding: 50px 0;
}


/* ----- Equity of Life Section ----- */

#equity-of-life {
    background: rgba(0, 14, 74, 1);
}

#equity-of-life .eoe-container {
    margin: 0px auto;
    width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 5%;
}
#equity-of-life .eol-container {
    margin: 0px auto;
    width: 100%;
    position: absolute;
    text-align: center;
    padding: 20% 0;
}

#equity-of-life .equity-of-life-belt {
    background-image: url("/assets/img/book/equity_of_life_belt.png");
    width: 20px;
    height: 100%;
}


#equity-of-life .video-container {
    margin: 0px auto;
    overflow: hidden;
    height: 100vh;
    min-height: 950px;
    pointer-events: none;
}

#equity-of-life .video-container video {
    display: block;
    margin: 0px auto;
    min-height: 950px;
}

#equity-of-life-comments {
    background: rgba(44, 65, 180, 0.2);
    padding: 50px 0;
}

/* ----- Equity of Sections ----- */

#storytelling .mx-auto ,
#equity-of-evil .mx-auto ,
#equity-of-fear .mx-auto ,
#equity-of-life .mx-auto {
    /*min-height: 80vh;*/
}

#storytelling .storytelling-book ,
#equity-of-evil .equity-of-evil-book ,
#equity-of-fear .equity-of-fear-book ,
#equity-of-life .equity-of-life-book {
    width: 85%;
}

#storytelling .btn-padding ,
#equity-of-evil .btn-padding ,
#equity-of-fear .btn-padding ,
#equity-of-life .btn-padding {
    width: 49%;
    margin: 15px 0 5px 0;
}

#storytelling .title-center ,
#equity-of-evil .title-center ,
#equity-of-fear .title-center ,
#equity-of-life .title-center {
    text-align: center;
    text-transform: uppercase;
}




/* ----- Storytelling Section ----- */

#storytelling {
    background: #110f0f; /* Old browsers */
    background: -moz-linear-gradient(top, #110f0f 0%, #572f2a 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #110f0f 0%,#572f2a 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #110f0f 0%,#572f2a 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#110f0f', endColorstr='#572f2a',GradientType=0 ); /* IE6-9 */
    height: 850px;
    min-height: 850px;
}
#storytelling .st-container {
    margin: 0px auto;
    width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 15%;
}

#storytelling .storytelling-belt {
    width: 20px;
    height: 100%;
}


#storytelling .video-container {
    margin: 0px auto;
    overflow: hidden;
    height: 100vh;
    min-height: 950px;
    pointer-events: none;
}

#storytelling .video-container video {
    display: block;
    margin: 0px auto;
    min-height: 950px;
}

#storytelling-comments {
    background: rgba(87, 47, 42, 0.2);
    padding: 50px 0;
}

/***** Contact *****/

#contact {
    width: 100%;
    height: 100%;
    margin: 70px 0;
    text-align: center;
    color: white;
}

/***** Blog Container *****/

#blog-container .rm_link{
    color: #A77B69;
}
#blog-container a {
    /*color: #fbe689;*/
}
#blog-container {
    width: 100%;
    height: 100%;
    margin: 70px 0;
    text-align: center;
    color: white;
}

.my-4 {
     margin-top: 0rem !important;
}

#blog-container .card-title {
    color: #FFFFFF;
    font-size: 29px;
    line-height: 35px;
    font-weight: 700;
    margin-top: 15px;
}

#blog-container .card-body {
    background-color: black;
}

.blog-article {
    padding: 60px 15px 0;
}
/***** About & Discover Styles *****/
#about {
    padding: 40px 0;
}

#discover-blog {
    background-color: #222;
    padding: 20px 0;
    text-align: center!important;
    /*margin-bottom: 60px;*/
}
.discover-title {
    font-size: 26px;
}
.discover-text {
    font-size: 19px;
    margin: -15px 0 -3px 0;
    /*text-align: left;*/
}

.btn-padding-auth {
    width: 100%;
    margin: 5px;
    padding-bottom: 25px;
}

.bnt-ram {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 10px;
    margin: 10px 0 5px 0;

    color: #FFFFFF;
    background-color: transparent;
    width: 50%;
}

.bnt-ram:hover {
    color: black;
    border: 1px solid rgb(255, 255, 255);
    outline: none;
    background-color: #FFF;
    /*padding-right: 53px;*/
}




@media (max-width: 991px) {

    #nav-menu-container {
        display: none;
    }

    /* ----- Series Bundle Section ----- */

    #series-bundle .sb-container {
        padding-top: 25%;
    }

    #series-bundle .video-container {
        /*height: 100vh;*/
        height: 1000px;
    }
    #series-bundle .video-container video {
        min-height: 1000px;
    }

    #series-bundle a {
        margin: 100px 0 10px 0;
        font-size: 40px;
    }

    #series-bundle h1 {
        font-size: 23px;
        padding: 20px 5px;
        line-height: 25px;
    }

    #series-bundle h2, .h2 {
        font-size: 1.2em;
    }

    /* ----- Equity of Evil Section ----- */

    #equity-of-evil .eoe-container {
        margin: 0px auto;
        width: 100%;
        position: absolute;
        text-align: center;
        padding: 20% 0;
    }

    #equity-of-evil .video-container {
        margin: 0px auto;
        overflow: hidden;
        height: 100%;
    }

    #equity-of-evil .video-container {
        /*height: 100vh;*/
        height: 950px;
    }
    #equity-of-evil .video-container video {
        min-height: 950px;
    }

    /*#equity-of-evil .mx-auto {*/
        /*min-height: 50vh;*/
    /*}*/

    #equity-of-evil .equity-of-evil-book {
        width: 100%;
    }

    #equity-of-evil .btn-padding {
        width: 49%;
        margin: 5px 0 5px 0;
    }

    /*#equity-of-evil .video-container {*/
        /*margin: 0px auto;*/
        /*overflow: hidden;*/
        /*height: 133vh;*/
    /*}*/


    /* ----- Equity of Fear Section ----- */

    #equity-of-fear .mx-auto {
        /*min-height: 55vh;*/
    }

    #equity-of-fear .equity-of-fear-book {
        width: 80%;
    }

    #equity-of-fear-comments {
        padding: 35px 0 15px 0;
    }

    #equity-of-fear .video-container {
        /*margin: 0px auto;*/
        /*overflow: hidden;*/
        /*height: 85vh;*/
        height: 1000px;
    }
    #equity-of-fear .video-container video {
        /*display: block;*/
        /*margin: 0px auto;*/
        min-height: 1000px;
    }

    /* ----- Equity of Life Section ----- */

    #equity-of-life .mx-auto {
        /*min-height: 55vh;*/
    }

    #equity-of-life .equity-of-life-book {
        width: 80%;
    }

    #equity-of-life-comments {
        padding: 35px 0 15px 0;
    }

    #equity-of-life .video-container {
        /*margin: 0px auto;*/
        /*overflow: hidden;*/
        /*height: 85vh;*/
        height: 1000px;
        min-height: 1000px;
    }
    #equity-of-life .video-container video {
        /*display: block;*/
        /*margin: 0px auto;*/
        /*min-height: 165vh;*/
        min-height: 1000px;
    }

    /* ----- Storytelling Section ----- */

    #storytelling {
        /*height: 175vh;*/
        height: 1000px;
        min-height: 1000px;
    }
    #storytelling .mx-auto {
        /*min-height: 49vh;*/
    }
}

/* Huawei P10 */

/*@media (max-height: 518px) and (max-width: 360px) {*/
@media (max-width: 360px) {

    /* ----- Series Bundle Section ----- */

    #series-bundle a {
        margin: 15px 0 10px 0;
    }

    #series-bundle .video-container {
        height: 518px;
    }
    #series-bundle .video-container video {
        min-height: 518px;
    }

    #equity-of-evil .video-container {
        height: 768px;
    }
    #equity-of-evil .video-container video {
        min-height: 768px;
    }

    #equity-of-fear .video-container {
        height: 518px;
    }
    #equity-of-fear .video-container video {
        min-height: 518px;
    }

    #equity-of-life .video-container {
        height: 518px;
    }
    #equity-of-life .video-container video {
        min-height: 518px;
    }
}

/*@media (max-height: 280px) and (max-width: 598px) {*/
@media (max-width: 598px) {

    /* ----- Series Bundle Section ----- */

    #series-bundle .sb-container {
        padding-top: 25%;
    }

    #series-bundle a {
        margin: 15px 0 10px 0;
    }

    #series-bundle .video-container {
        height: 100vh;
        min-height: 950px;
    }
    #series-bundle .video-container video {
        /*min-height: 100vh;*/
        min-height: 950px;
    }

    /* ----- Equity of Evil Section ----- */

    #equity-of-evil .eoe-container {
        padding-top: 15%;
    }
    #equity-of-evil .video-container {
        height: 95vh;
    }
    #equity-of-evil .video-container video {
        min-height: 95vh;
    }

    #equity-of-fear .video-container {
        height: 130%;
    }
    #equity-of-fear .video-container video {
        min-height: 130%;
    }

    #equity-of-life .video-container {
        height: 130%;
    }
    #equity-of-life .video-container video {
        min-height: 130%;
    }

    .btn-padding-auth {
        width: 50%;
    }

    #storytelling {
        height: 260vh;
    }

    #storytelling .st-container {
        padding-top: 15%;
    }

    /* ----- Series Bundle Section ----- */

    /*#series-bundle a {*/
        /*margin: 15px 0 10px 0;*/
    /*}*/

    /*#series-bundle .video-container {*/
        /*height: 250vh;*/
    /*}*/
    /*#series-bundle .video-container video {*/
        /*min-height: 250vh;*/
    /*}*/

    /*#equity-of-evil .video-container {*/
        /*height: 500vh;*/
    /*}*/
    /*#equity-of-evil .video-container video {*/
        /*min-height: 500vh;*/
    /*}*/

    /*#equity-of-fear .video-container {*/
        /*height: 375vh;*/
    /*}*/
    /*#equity-of-fear .video-container video {*/
        /*min-height: 375vh;*/
    /*}*/

    /*#equity-of-life .video-container {*/
        /*height: 380vh;*/
    /*}*/
    /*#equity-of-life .video-container video {*/
        /*min-height: 380vh;*/
    /*}*/
}


/* Samsung A7 */

/*@media (max-height: 332px) and (max-width: 732px) {*/
@media (max-width: 732px) {

    /* ----- Series Bundle Section ----- */

    #series-bundle .sb-container {
        padding-top: 25%;
    }

    #series-bundle a {
        margin: 15px 0 10px 0;
    }

    #series-bundle .video-container {
        height: 100vh;
        /*min-height: 100vh;*/
        min-height: 950px;
    }
    #series-bundle .video-container video {
        /*min-height: 100vh;*/
        min-height: 950px;
    }

    /* ----- Equity of Evil Section ----- */

    #equity-of-evil .eoe-container {
        padding-top: 15%;
    }
    #equity-of-evil .video-container {
        height: 95vh;
        min-height: 95vh;
    }
    #equity-of-evil .video-container video {
        min-height: 95vh;
    }

    #equity-of-fear .video-container {
        height: 1200px;
        min-height: 1200px;
    }
    #equity-of-fear .video-container video {
        min-height: 1200px;
    }

    #equity-of-life .video-container {
        height: 1200px;
        min-height: 1200px;
    }
    #equity-of-life .video-container video {
        /*min-height: 120vh;*/
        min-height: 1200px;
    }

    .btn-padding-auth {
        width: 50%;
    }

    #storytelling {
        /*height: 260vh;*/
        min-height: 1500px;
    }

    #storytelling .st-container {
        padding-top: 15%;
    }
}

/*@media (max-height: 652px) and (max-width: 412px) {*/
@media (max-width: 412px) {

    /* ----- Series Bundle Section ----- */

    #series-bundle .sb-container {
        padding-top: 20%;
    }

    #series-bundle a {
        margin: 15px 0 10px 0;
    }

    #series-bundle .video-container {
        height: 99vh;
        min-height: 950px;
    }
    #series-bundle .video-container video {
        /*min-height: 99vh;*/
        min-height: 950px;
    }

    #equity-of-evil .eoe-container {
        padding-top: 15%;
    }
    #equity-of-evil .video-container {
        /*height: 170vh;*/
        height: 1400px;
        min-height: 1400px;
    }
    #equity-of-evil .video-container video {
        min-height: 1400px;
    }

    #equity-of-fear .video-container {
        height: 1600px;
        min-height: 1600px;
    }
    #equity-of-fear .video-container video {
        min-height: 1600px;
    }

    #equity-of-life .video-container {
        height: 1500px;
        min-height: 1500px;
    }
    #equity-of-life .video-container video {
        min-height: 1500px;
    }

    .btn-padding-auth {
        width: 50%;
    }

    #storytelling {
        height: 1800px;
        min-height: 1800px;
    }

    #storytelling .st-container {
        padding-top: 25%;
    }
}