html {
    background: -webkit-linear-gradient(#fff, #addbe8) no-repeat #addbe8; 
    background: -o-linear-gradient(#fff, #addbe8) no-repeat #addbe8;
    background: -moz-linear-gradient(#fff, #addbe8) no-repeat #addbe8;
    background: linear-gradient(#fff, #addbe8) no-repeat #addbe8;
    height:100%;
    min-height:100%;
    width:100%;
}

body {
    font-family: 'Varela Round', sans-serif;
    margin: 0px;
    padding: 0px;
}

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

.page_holder{margin: 0 auto 0 auto; width:85%; min-width: 1000px; display:block;}
.welcome_cross{width: 80%;}
.welcome_text{width: 80%;}
.welcome_vod{color: #274aa6; font-size:2em; font-weight:normal; padding-bottom: 100px; width: 80%; margin: auto;}
.welcome_vod_title{margin-top: 20px;font-size: .9em;}

.logo_cross{width: 50%;}
.logo_easy_bible{padding-bottom: 100px; width: 680px;}

.d_n{display:none;}
.t_a_c{text-align:center;}

.f_l{float:left;}
.f_l_h{float:left; width: 50%;}
.f_l_q{float:left; width: 25%;}
.clear{clear:both;}

.page_body{overflow: hidden; padding: 0 10px 50px 10px;}
.page_title{font-size:1.5em; top: 0; right: 0; background-color: #5f9ea0; border-radius: 0 0 0 20px; padding: 10px; position: fixed; color: #fff;}
.page_buttons{float:right; text-align: right; margin-bottom: 20px;}

.page_nav_holder{position: fixed; bottom: 0; right: 50%; transform: translate(50%,-10%);}
.page_nav_button{display: inline-block; cursor:pointer; padding: 0 50px 0 50px; margin: 5px; border: 1px solid #fff; border-radius: 20px;}

.page_input_holder{width: 30%; margin: 0 auto 30px auto;}
.page_input{width: 100%;font-size:1.0em; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: solid 1px #888888; padding: 5px; box-sizing:border-box;min-height: 2.5em;}

.menu_start_arrow{position: fixed; right: 0px; bottom: 0px; -webkit-animation:bounce 1s infinite;}
.menu_start_outline{font-size:1.5em; color: #fff; position: fixed; right: -2px; bottom: -2px; width: 150px; border: 1px solid; height: 60px; border-radius: 20px 0px 0px; cursor:pointer; text-align:center;}

.bottom_menu{position: fixed; left: 0; right: 0; bottom: -2px; width: 100%;}
.bottom_menu_button{text-align: center; font-size:2em; line-height: 3; background-color: #90ee90; border-radius: 10px 10px 0 0; border: 2px solid #228b22; box-sizing: border-box; cursor:pointer;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bottom_menu_button:hover {color: #fff;}
.choose_holder{padding-bottom: 20px;}
.choose_button_q{display:inline-block; width: 25%;}
.choose_button{font-size:2em; line-height: 3; background-color: #90ee90; border-radius: 10px; border: 2px solid #228b22; box-sizing: border-box; cursor:pointer; margin: 5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center;}
.choose_button:hover {color: #fff;}
.choose_button_selected{border: 4px solid #c54747;}
.choose_text{font-size:2em; line-height: 3;text-align:center;}

.book_acronym{display:none;}
.book_name {color: #b10000;}
.book_links {margin-top: 40px; text-align:center;}
.book_copyright{margin-top: 40px; text-align:center;}
.bible_name {margin-top: 40px; text-align:center; font-size: 1em;}

.verse_holder {font-size: 1.5em; line-height: 1.5;}
.verse_num{color: #b10000;}
.verse_selected{background-color: #fafcfd; padding: 10px; margin: 5px -10px; border-radius: 10px;}

.loader {border: 8px solid #fff; border-top: 8px solid #5f9ea0; border-bottom: 8px solid #5f9ea0; border-radius: 50%; width: 50px; height: 50px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;display: inline-block;}
.loader_top {position: fixed; top: 0px; left: 50%; margin: -40px 0 0-25px; z-index: 999999;}

.centered{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

a{text-decoration: none; color: #2196F3;}
a.button{
    border: 2px solid #2196F3;
    line-height: 2em;
    color: #2196F3;
    cursor: pointer;
    padding: 10px 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
a.button:hover {background-color:rgba(243,243,243, 0.4);}

.footer{padding-bottom:100px; text-align:center;word-wrap: break-word;}
.footer_items {margin-top: 20px;}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 400ms;
    animation-duration: 400ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
    0% {-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible;}
    100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}

@keyframes slideInLeft {
    0% {-webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible;}
    100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}

@-webkit-keyframes slideInRight {
    0% {-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible;}
    100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}

@keyframes slideInRight {
    0% {-webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible;}
    100% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}

@-webkit-keyframes bounce {
  0%       { bottom:5px; }
  25%, 75% { bottom:15px; }
  50%      { bottom:20px; }
  100%     { bottom:0; }
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@keyframes spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@media screen and (max-width: 1000px) {
    .page_holder{padding: 0;width: auto; min-width:initial; min-height:initial;}

    .logo_cross{width: 80%;}
    .logo_easy_bible{width: 80%;}
    .welcome_vod{font-size:1.5em; width: 100%;}

    .page_title{font-size:1em;}

    .page_nav_button{padding: 0 30px 0 30px;}

    .page_input_holder{width: 50%;}

    .menu_start_outline{width: 100px; height: 50px;}

    .bottom_menu_button{font-size: 1.5em;}
    .choose_button {font-size: 1.5em;}
    .choose_text {font-size: 1.5em;}
    .book_full{display:none;}
    .book_acronym{display:initial;}

    .verse_selected{border-radius: 0;}
}

@media screen and (max-width: 600px) {
    .page_input_holder{width: 100%;}

    .logo_cross{width: 100%;}
    .logo_easy_bible{width: 90%;}

    .page_nav_holder{right:unset; transform:unset;}

    .bottom_menu_button{font-size: 1em;}
    .choose_button {font-size: 1em;}
    .choose_text {font-size: 1em;}
}