@font-face {
    font-family: 'open_sans_regular';
    src: url('../fonts/open_sans.eot');
    src: url('../fonts/open_sans.eot?#iefix') format('embedded-opentype'), url('../fonts/open_sans.woff') format('woff'), url('../fonts/open_sans.ttf') format('truetype'), url('../fonts/open_sans.svg#open_sans_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibold';
    src: url('../fonts/open_sans_semibold.eot');
    src: url('../fonts/open_sans_semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/open_sans_semibold.woff') format('woff'), url('../fonts/open_sans_semibold.ttf') format('truetype'), url('../fonts/open_sans_semibold.svg#open_sans_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_light';
    src: url('../fonts/open_sans_light.eot');
    src: url('../fonts/open_sans_light.eot?#iefix') format('embedded-opentype'), url('../fonts/open_sans_light.woff') format('woff'), url('../fonts/open_sans_light.ttf') format('truetype'), url('../fonts/open_sans_light.svg#open_sans_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold';
    src: url('../fonts/open_sans_bold.eot');
    src: url('../fonts/open_sans_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/open_sans_bold.woff') format('woff'), url('../fonts/open_sans_bold.ttf') format('truetype'), url('../fonts/open_sans_bold.svg#open_sans_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ringbearer_medium';
    src: url('../fonts/ringbearer_medium.eot');
    src: url('../fonts/ringbearer_medium.eot?#iefix') format('embedded-opentype'), url('../fonts/ringbearer_medium.woff') format('woff'), url('../fonts/ringbearer_medium.ttf') format('truetype'), url('../fonts/ringbearer_medium.svg#ringbearer_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.break-text {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hidePage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.activePage {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

a, a:hover, a:active, a:focus, button, button:hover, button:active, button:focus, .btn, .btn:hover, .btn:active, .btn:focus, .btn:active:focus {
    outline: none;
}

body {
    font-size: 14px;
    font-family: 'open_sans_regular',Arial,sans-serif;
    background: #403D2E;
}

#outerWrapper {
    background: transparent url('../img/bg.jpg') no-repeat center top;
    height: 1340px;
}

    #outerWrapper.singlePage {
        background-image: url('../img/bg_single.jpg');
    }

#wrapper {
    width: 1190px;
    margin: 0 auto;
    padding-top: 12px;
}

    #wrapper > header {
        margin-bottom: 10px;
    }

#book-center {
    position: absolute;
    left: 50%;
    height: 100%;
    width: 154px;
    margin-left: -77px;
    background: transparent url('../img/book-center.jpg') no-repeat 50% 33px;
}

main {
    position: relative;
    margin: 0 50px 0 55px;
    padding-bottom: 175px;
}

.links-top, .links-top a {
    color: #ffe493;
    line-height: 14px;
    font-size: 1.029em;
    height: 15px;
}

    .links-top a:hover, .links-top a:active {
        color: #988858;
    }

.verbum-logo {
    display: inline-block;
    margin-top: 7px;
}

.btn-group-main {
    vertical-align: top;
}

.btn-main, .btn-main:hover, .btn-main:active {
    color: #ffdf48;
    width: 143px;
    height: 74px;
    padding: 18px 19px 6px 11px;
    font: normal 1.286em/1em 'ringbearer_medium','Monotype Corsiva',Georgia,Verdana,Arial,sans-serif;
    white-space: normal;
    letter-spacing: .111em;
    color: #ffca4f;
    background: transparent url('../img/menuBtn.png') no-repeat center top;
}

    .btn-main.btn-main-margin, .btn-main.btn-main-margin:hover, .btn-main.btn-main-margin:active {
        font-size: 1.214em;
        line-height: 1.176em;
        padding-top: 12px;
    }

    .btn-main.active, .btn-main:active {
        background: transparent url('../img/menuBtn.png') no-repeat center -75px;
        color: #ffdf48;
    }

.btn-group-search {
    margin-top: 28px;
    margin-bottom: 13px;
}

    .btn-group-search .btn-group {
        vertical-align: top;
    }

    .btn-group-search .search-input, .dropdown-search, .dropdown-search:focus, .dropdown-search:hover, .dropdown-search:active {
        margin-bottom: 3px;
        color: #ffe492;
        border: solid 1px #624013;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: rgb(82,39,11);
        background: transparent\9;
        background: rgba(82,39,11,.7);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b252270b,endColorstr=#b252270b);
        zoom: 1;
        -webkit-box-shadow: inset 3px 3px 5px 0 rgba(27,8,0,.8);
        -moz-box-shadow: inset 3px 3px 5px 0 rgba(27,8,0,.8);
        box-shadow: inset 3px 3px 5px 0 rgba(27,8,0,.8);
    }

        .dropdown-search:nth-child(n) {
            filter: none;
        }

        .dropdown-search:hover, .dropdown-search:active {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

.open .dropdown-toggle.dropdown-search {
    color: #fbd475;
    border-color: #624013;
    background: rgb(56,26,7);
    background: transparent\9;
    background: rgba(56,26,7,.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2381a07,endColorstr=#b2381a07);
    zoom: 1;
}

    .open .dropdown-toggle.dropdown-search:nth-child(n) {
        filter: none;
    }

.dropdown-search .search-content {
    min-height: 1.571em;
    min-width: 4.143em;
    display: inline-block;
    padding-left: .286em;
    line-height: 1.786em;
}

.dropdown-search.search-translates .search-content {
    min-width: 6.429em;
}

.btn-group-search .dropdown-menu, .tabs-menu .dropdown-menu {
    background: rgb(243,243,232);
    background: transparent\9;
    background: rgba(243,243,232,0.95);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f2f3f3e8,endColorstr=#f2f3f3e8);
    zoom: 1;
}

.btn-group-search .top-separator {
    display: inline-block;
    width: 4px;
    height: 39px;
    margin: 0 13px;
    background: transparent url('../img/top-separator.gif') no-repeat right center;
}

.search-input {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 26px;
    width: auto;
    padding-right: 38px;
}

.search-img {
    width: 22px;
    height: 21px;
    right: 15px;
    top: 10px;
    position: absolute;
    display: block;
    background: transparent url('../img/search.gif') no-repeat right center;
    border: 0;
}

.search-label {
    display: block;
    color: #fff0c3;
    font-weight: bold;
    font-family: 'open_sans_semibold',Arial,sans-serif;
    text-align: center;
}

.search-label-options {
    color: #fff;
    text-align: right;
    margin-right: 4px;
}

    .search-label-options a {
        text-decoration: none;
        color: #ffffff;
    }

        .search-label-options a:hover, .search-label-options a:active {
            color: #e2e2e2;
        }

    .search-label-options label {
        font-weight: normal;
    }

.user-login, .user-login a {
    color: #f8ba2c;
}

.nav.nav-tabs > li > a, .tabs-menu, ul.nav.nav-tabs > li.tabs-add > a {
    padding: 4px 7px 7px 10px;
    margin-top: 1px;
    margin-right: 4px;
    border: 0;
    background: #f7eab8;
    background: -moz-linear-gradient(top,#f7eab8 0%,#eedca6 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7eab8),color-stop(100%,#eedca6));
    background: -webkit-linear-gradient(top,#f7eab8 0%,#eedca6 100%);
    background: -o-linear-gradient(top,#f7eab8 0%,#eedca6 100%);
    background: -ms-linear-gradient(top,#f7eab8 0%,#eedca6 100%);
    background: linear-gradient(to bottom,#f7eab8 0%,#eedca6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7eab8',endColorstr='#eedca6',GradientType=0);
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}

.nav.nav-tabs > li.tabs-default {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.nav.nav-tabs > li {
    cursor: pointer;
    width: 130px;
    height: 100%;
}

    .nav.nav-tabs > li.active > a, .tabs-menu {
        margin-top: 0;
        padding-top: 5px;
        background: #faf6d3 url('../img/bg-pattern.gif') repeat center center;
    }

    .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:active {
        border: 0;
    }

.nav-tabs a.remove-tab {
    display: block;
    float: right;
    margin-top: 3px;
    margin-left: 4px;
    width: 16px;
    height: 16px;
    background: #b97238 url('../img/remove-tab.gif') repeat center center;
}

.tabs-heading {
    color: #6c2e00;
    font-size: 1.143em;
    font-family: 'open_sans_light',Arial,sans-serif;
}

li .tabs-heading .break-text {
    width: 85px;
}

.nav-tabs .active .tabs-heading {
    font-family: 'open_sans_semibold',Arial,sans-serif;
    font-weight: bold;
}

.nav.nav-tabs {
    border-bottom: 0;
    cursor: default;
}

ul.nav.nav-tabs > li.tabs-add > a {
    border: solid 1px #6c2e00;
    border-bottom: 0;
    padding: 5px 9px 3px;
    margin-top: 2px;
    cursor: pointer;
}

.tabs-menu {
    margin: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    padding: 0;
    border-bottom: 0;
    cursor: pointer;
    height: 34px;
}

    .tabs-menu span {
        display: block;
        width: 12px;
        height: 12px;
        margin: 10px 8px 2px;
    }

    .tabs-menu ul {
        left: -80px;
    }

    .tabs-menu .dropdown-toggle {
        display: block;
        height: 20px;
    }

.tabs-arrow {
    right: 20px;
    width: 24px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

    .tabs-arrow.disabled {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        opacity: .5;
    }

.tabs-arrow-down {
    right: -4px;
}

    .tabs-arrow-down span {
        margin-top: 12px;
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16,M12=-1,M21=1,M22=-1.8369701987210297e-16,SizingMethod='auto expand')";
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1.8369701987210297e-16,M12=-1,M21=1,M22=-1.8369701987210297e-16,SizingMethod='auto expand');
    }

.tabs-arrow-left {
    left: 0;
    right: initial;
}

.tabs-arrow span {
    width: 8px;
    background: transparent url("../img/tabs-arrow.png") no-repeat center center;
}

.tabs-arrow-left span {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.224646798818428e-16, M21=-1.224646798818428e-16, M22=-1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=1.224646798818428e-16,M21=-1.224646798818428e-16,M22=-1,SizingMethod='auto expand');
}

.tabs-add {
    position: absolute !important;
    top: 16px;
    left: 0;
}

    .tabs-add .tabs-heading a {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #faf6d3 url('../img/plus.gif') repeat center center;
    }

.tab-content {
    border-bottom: solid 1px #1d0401;
    height: 920px;
    max-height: 920px;
}

    .tab-content .tab-pane {
        padding-top: 24px;
    }

.btn-settings .btn {
    background: transparent url('../img/btns.png') repeat left top;
    height: 26px;
    width: 38px;
}

    .btn-settings .btn:hover, .btn-settings .btn:active {
        background-position: 0 -26px;
    }

.btn-settings .settings-volume {
    background-position: -40px 0;
}

    .btn-settings .settings-volume:hover, .btn-settings .settings-volume:active {
        background-position: -40px -26px;
    }

.btn-settings .settings-resize {
    background-position: -80px 0;
}

    .btn-settings .settings-resize:hover, .btn-settings .settings-resize:active {
        background-position: -80px -26px;
    }

.tabs-content {
    padding-bottom: 9px;
    margin-top: 18px;
    padding-top: 10px;
}

    .tabs-content.tabs-pages-main {
        border-top: solid 1px #1d0401;
    }

    .tabs-content .quote-content {
        -webkit-transition: linear all .5s;
        -moz-transition: linear all .5s;
        -o-transition: linear all .5s;
        transition: linear all .5s;
        max-height: 830px;
        height: 830px;
        overflow: hidden;
    }

.tabs-header .verbum-pager .pager {
    margin-top: 0;
}

.verbum-pager {
    text-align: center;
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -97px;
    text-align: center;
}

    .verbum-pager .pager {
        width: 195px;
        margin: 20px auto -30px;
    }

        .verbum-pager .pager li a {
            font-size: 0;
            display: block;
            width: 43px;
            height: 32px;
            border: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            background: transparent url('../img/pager-btns.gif');
        }

        .verbum-pager .pager li.next a {
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.224646798818428e-16, M21=-1.224646798818428e-16, M22=-1, SizingMethod='auto expand')";
            filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=1.224646798818428e-16,M21=-1.224646798818428e-16,M22=-1,SizingMethod='auto expand');
        }

        .verbum-pager .pager li a:hover, .verbum-pager .pager li a:active {
            background-position: 0 32px;
        }

        .verbum-pager .pager li.disabled a {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
            filter: alpha(opacity=60);
            -moz-opacity: .6;
            -khtml-opacity: .6;
            opacity: .6;
        }

            .verbum-pager .pager li.disabled a:hover, .verbum-pager .pager li.disabled a:active {
                background-position: 0 0;
            }

    .verbum-pager .pager-label {
        font-size: 1.286em;
        color: #a5793a;
    }

ul.nav.nav-tabs {
    position: relative;
    overflow: hidden;
    left: 28px;
    width: 99999px;
    height: 34px;
    border-bottom: 0;
    margin-bottom: -1px;
    -webkit-transition: left .4s linear;
    -moz-transition: left .4s linear;
    -o-transition: left .4s linear;
    transition: left .4s linear;
}

span.ng-scope > div.ng-isolate-scope {
    overflow: hidden;
}

.tabs-one-line ul.nav.nav-tabs {
    left: 0 !important;
}

#leftPage .tab-content {
    margin-left: 15px;
    margin-right: 13px;
}

#leftPage .tabs-content {
    font-family: 'italic',Arial,sans-serif;
}

    #leftPage .tabs-content .quote-content p {
        font-size: 2em;
        color: #240f00;
    }

    #leftPage .tabs-content small {
        font-size: 1.543em;
        color: #b90400;
    }

#rightPage .quote-wrapper {
    position: relative;
}

#rightPage .quote-content {
    margin-left: 1px;
    margin-right: 3px;
    display: block;
}

#rightPage .quote-mask {
    height: 60px;
    width: 465px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    background: transparent url('../img/text-mask.png') no-repeat 0 0;
}

#rightPage .quote-content .ngsb-container {
    margin-right: 0;
}

#rightPage .tab-content {
    margin-left: 13px;
    margin-right: 15px;
}

#rightPage .btn-settings {
    margin-right: 15px;
}

#rightPage .quote-content {
    font-family: 'italic',Arial,sans-serif;
}

/*#rightPage  .quote-content p{color:#333;}*/

#leftPage, #rightPage {
    width: 520px;
    position: relative;
}

    #leftPage.fullscreen, #rightPage.fullscreen {
        width: 100%;
    }

.fade-out {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

    .fade-out.fullscreen {
        -webkit-transition: width 1s ease .4s;
        -moz-transition: width 1s ease .4s;
        -o-transition: width 1s ease .4s;
        transition: width 1s ease .4s;
    }

    .fade-out.fullscreen-remove {
        position: absolute !important;
        -webkit-transition: width .7s ease;
        -moz-transition: width .7s ease;
        -o-transition: width .7s ease;
        transition: width .7s ease;
    }

#rightPage.fade-out.fullscreen-remove {
    right: 0;
}

.fade-out.ng-hide {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.fade-out.ng-hide-remove {
    -webkit-transition: opacity .6s ease .9s;
    -moz-transition: opacity .6s ease .9s;
    -o-transition: opacity .6s ease .9s;
    transition: opacity .6s ease .9s;
}

/* MODAL */
.modal-backdrop.in {
    opacity: .3;
    filter: alpha(opacity=30);
}

.modal #modal-close-btn {
    z-index: 1;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: #b97238 url('../img/remove-tab.gif') no-repeat center center;
}

.modal .modal-body {
    color: #291a0d;
    font-family: 'open_sans_light',Arial,sans-serif;
}

.modal h3 {
    color: #411c01;
    font-size: 1.5em;
    font-family: 'open_sans_semibold',Arial,sans-serif;
    font-weight: bold;
}

.modal a {
    color: #D38F06;
}

.modal p {
    line-height: 1.25em;
    margin: 0 0 15px;
}

.modal-dialog .modal-content {
    padding: 0 80px;
    background: #FAF3E3 url("../img/bg-pattern-big.jpg");
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.modal-body {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size: 1.143em;
}

    .modal-body .btn.btn-red {
        font-size: 1em;
    }

    .modal-body.line-bottom {
        padding-bottom: 20px;
        border-bottom: solid 1px rgba(117,59,12,.5);
    }

.modal-footer.text-right {
    text-align: right;
}

.modal-footer.text-left {
    text-align: left;
}

.modal-footer {
    color: #753b0c;
    text-align: center;
    padding: 32px 8px;
    margin: 0;
    border: 0;
}

.modal .modal-footer .btn {
    text-transform: uppercase;
    margin: 0;
}

    .modal .modal-footer .btn + .btn {
        margin-left: 15px;
    }

.btn:hover, .btn:active {
    outline: 0;
}

.modal.wideModal .modal-body.line-bottom {
    padding: 70px 0 20px 0;
}

.modal.wideModal .modal-body {
    padding: 70px 0;
}

.modal.wideModal .modal-dialog {
    margin: 10px;
}

.modal.narrowModal .modal-body.line-bottom {
    padding: 70px 0 20px 0;
}

.modal.narrowModal .modal-body {
    padding: 70px 0;
}

.modal.narrowModal .modal-dialog {
    margin: 10px;
}

@media (min-width: 768px) {
    .modal .modal-dialog {
        width: 645px;
    }

    .modal.narrowModal .modal-dialog {
        width: 580px;
        margin: 30px auto;
    }

    .modal.wideModal .modal-dialog {
        width: auto;
    }

    .modal.narrowModal.readsPopup .modal-dialog {
        top: 100px;
        left: 19%;
        margin: 0;
        width: 340px;
    }

    .modal-dialog .modal-content .modal-body.no-margin {
        margin: 0 -80px;
    }
}

@media (min-width: 860px) {
    .modal.wideModal .modal-dialog {
        width: 90%;
        margin: 30px auto;
    }
}

.loginModal .modal-dialog .modal-content {
    padding: 0 115px;
}

.loginModal .modal-header {
    border: 0;
}

.loginModal .form-control {
    height: 40px;
    border: 0;
    font-size: 1.125em;
    background-color: #f6e8b6;
    -webkit-box-shadow: inset 4px 4px 5px 0 #E2CD99;
    -moz-box-shadow: inset 4px 4px 5px 0 #E2CD99;
    box-shadow: inset 4px 4px 5px 0 #E2CD99;
}

.loginModal .modal-title {
    color: #411c01;
    line-height: 2.75em;
    font-family: 'open_sans_semibold',Arial,sans-serif;
    font-weight: bold;
}

.loginModal .modal-body {
    padding: 0 0 10px 0;
    margin-bottom: 0;
}

    .loginModal .modal-body a {
        color: #7b0100;
        font-size: .875em;
        font-family: 'open_sans_bold',Arial,sans-serif;
        font-weight: bold;
    }

    .loginModal .modal-body p {
        line-height: 1.5em;
        margin: 0;
    }

.login-input-addon {
    display: block;
    width: 24px;
    height: 31px;
    position: absolute;
    right: 100%;
    margin: 5px 12px 0 0;
}

    .login-input-addon.icon-login {
        background: transparent url('../img/icon-login.png') no-repeat;
    }

    .login-input-addon.icon-passwd {
        background: transparent url('../img/icon-passwd.png') no-repeat;
    }

.singlePage main {
    margin-top: 80px;
    padding-bottom: 158px;
    font-size: 1.143em;
    font-family: 'open_sans_light',Arial,sans-serif;
}

    .singlePage main .scrollbar {
        min-height: 900px;
        max-height: 900px;
    }

    .singlePage main h1 {
        margin: 15px 0;
        font-size: 1.6875em;
        color: #411c01;
        font-family: 'open_sans_semibold',Arial,sans-serif;
        font-weight: bold;
    }

    .singlePage main a {
        color: #D38F06;
    }

    .singlePage main .tabs-content {
        padding-bottom: 0;
        padding-top: 25px;
        margin-top: 23px;
        line-height: 1.5em;
        border-color: #b99a79;
        color: #753b0c;
    }

    .singlePage main .ngsb-container {
        margin: 0 15px;
    }

/* BUTTONS */
.btn-group .btn.btn-transparent, .btn-group .btn.btn-red {
    text-transform: uppercase;
}

    .btn-group .btn.btn-transparent.dropdown-toggle, .btn-group .btn.btn-red.dropdown-toggle {
        text-transform: none;
    }

.btn.btn-transparent, .btn.btn-red, .well thead tr:first-child .btn {
    font-size: 1.143em;
    border-radius: 6px;
    font-family: 'open_sans_bold',Arial,sans-serif;
    font-weight: bold;
}

.btn-group .btn.btn-transparent {
    padding: 0 30px;
    font-size: 1em;
}

.btn.btn-transparent, .well thead tr:first-child th:nth-child(2) .btn {
    background: transparent;
    line-height: 2.6875em;
    padding: 0 15px;
    color: #753b0c;
    border: solid 1px #753b0c;
    -webkit-transition: linear .2s background;
    -moz-transition: linear .2s background;
    -o-transition: linear .2s background;
    transition: linear .2s background;
}

    .well thead tr:first-child th:nth-child(2) .btn:active, .well thead tr:first-child th:nth-child(2) .btn:hover, .btn.btn-transparent:hover, .btn.btn-transparent:active, .btn.btn-transparent.active, .btn-group.open > .btn.btn-transparent.dropdown-toggle, .dropdown-menu.dropdown-transparent > li > a:hover, .dropdown-menu.dropdown-transparent > li > a:focus {
        background: #eedba6;
        background: rgba(223,185,94,.5);
    }

.btn.btn-red, .pagination li:first-child, .pagination li:last-child, .well thead tr:first-child .btn {
    padding: 0;
    border: solid 1px #820d04;
}

    .btn.btn-red span, .pagination li:first-child a, .pagination li:last-child a, .well thead tr:first-child .btn i {
        display: block;
        line-height: 2.5625em;
        padding: 0 25px;
        background: #810100;
        border: solid 2px #e8b437;
        border-radius: 5px;
        color: #ffc535;
        -webkit-box-shadow: inset 0 0 15px -3px #250101;
        -moz-box-shadow: inset 0 0 15px -3px #250101;
        box-shadow: inset 0 0 15px -3px #250101;
        -webkit-transition: linear .2s box-shadow;
        -moz-transition: linear .2s box-shadow;
        -o-transition: linear .2s box-shadow;
        transition: linear .2s box-shadow;
    }

        .btn.btn-red:hover span, .btn.btn-red:active span, .btn.btn-red.active span, .pagination li:first-child a:hover, .pagination li:first-child a:active, .pagination li:last-child a:hover, .pagination li:last-child a:active, .well thead tr:first-child .btn i:hover, .well thead tr:first-child .btn i:active {
            -webkit-box-shadow: inset 0 0 12px 0px #e52b21;
            -moz-box-shadow: inset 0 0 12px 0px #e52b21;
            box-shadow: inset 0 0 12px 0px #e52b21;
        }

.btn {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: linear .2s opacity;
    -moz-transition: linear .2s opacity;
    -o-transition: linear .2s opacity;
    transition: linear .2s opacity;
}

body .btn:active, body .btn.active, .btn-group.open .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle:active {
    box-shadow: none;
    -webkit-box-shadow: none;
}

main .btn, .modal .btn, main .btn-group, .modal .btn-group {
    margin: 0 7px;
}

    main .btn-group .btn, main .btn-group .btn-group, .modal .btn-group .btn, .modal .btn-group .btn-group {
        margin: 0;
    }

        main .btn-group .btn.btn-transparent, .modal .btn-group .btn.btn-transparent {
            margin: 0 -.5px;
        }

/* PAGINATION */
ul.pagination > li.disabled > a:hover, ul.pagination > li.disabled > a:active, ul.pagination > li.disabled > a:focus {
    -webkit-box-shadow: inset 0 0 15px -3px #250101;
    -moz-box-shadow: inset 0 0 15px -3px #250101;
    box-shadow: inset 0 0 15px -3px #250101;
    border: solid 2px #e8b437;
    ;
}

.pagination li:first-child, .well thead tr:first-child th:first-child .btn {
    margin-right: 2px;
    border-radius: 6px 0 0 6px;
}

.pagination li:last-child, .well thead tr:first-child th:last-child .btn {
    margin-left: 2px;
    border-radius: 0 6px 6px 0;
}

    .pagination li:first-child a, .pagination li:last-child a, .pagination > li.disabled > a:hover, .pagination > li.disabled > a:active, .pagination > li.disabled > a:focus, .well thead tr:first-child .btn i, .well thead tr:first-child .btn:active i, .well thead tr:first-child .btn:focus i, .well thead tr:first-child .btn:hover i {
        background: #810100 url('../img/arrowLeft.gif') no-repeat center center;
        height: 26px;
        width: 26px;
        font-size: 0px;
        margin: 0;
    }

        .pagination li:first-child a:hover, .pagination li:last-child a:hover, .pagination li:first-child a:active, .pagination li:last-child a:active, .well thead tr:first-child .btn:hover i, .well thead tr:first-child .btn:active i {
            border-color: #e8b437;
        }

        .pagination li:first-child a:hover, .pagination li:first-child a:active, .pagination li:first-child a:focus, .well thead tr:first-child th:first-child .btn:hover i, .well thead tr:first-child th:first-child .btn:active i, .well thead tr:first-child th:first-child .btn:focus i {
            background: #810100 url('../img/arrowLeft.gif') no-repeat center center;
        }

        .pagination li:last-child a:hover, .pagination li:last-child a:active, .pagination li:last-child a:focus, .well thead tr:first-child th:last-child .btn:hover i, .well thead tr:first-child th:last-child .btn:active i, .well thead tr:first-child th:last-child .btn:focus i {
            background: #810100 url('../img/arrowRight.gif') no-repeat center center;
        }

        .pagination li:last-child a:focus, .pagination li:first-child a:focus, .well thead tr:first-child .btn:focus i {
            font-size: 0;
            padding: 0;
            margin: 0;
            border: solid 2px #e8b437;
        }

.pagination li:first-child a, .well thead tr:first-child th:first-child .btn i {
    border-radius: 5px 0 0 5px;
    padding: 0 6px 0 5px;
}

.pagination li:last-child a, .well thead tr:first-child th:last-child .btn i {
    background-image: url('../img/arrowRight.gif');
    border-radius: 0 5px 5px 0;
    padding: 0 5px 0 6px;
}

.pagination li.disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .3;
}

.pagination li {
    display: inline-block;
    vertical-align: middle;
}

    .pagination li a, .well tr td .btn, .well tr td .btn:focus, .pagination li a:focus {
        font-size: .875em;
        padding: 2px 8px 2px 9px;
        outline: none;
        background: transparent;
        margin: 1px -.5px;
        color: #753b0c;
        border: solid 1px #753b0c;
        font-family: 'open_sans_bold',Arial,sans-serif;
        font-weight: bold;
    }

        .pagination li a:hover, .pagination li a:active, .well tr td .btn:hover, .well tr td .btn:active {
            outline: none;
            color: #753b0c;
            border-color: #753b0c;
            background: #efdeaa;
            background: rgba(223,185,94,.5);
        }

    .pagination li.active a:hover, .pagination li.active a:active {
        outline: none;
        color: #e9c23d;
        border-color: #753b0c;
        background: #820800;
    }

    .pagination li.active a, .pagination > li.active > a:focus, .well tr td .btn.active, .well tr td .btn.active span, .well tr td .btn.active:focus {
        background: #820800;
        color: #e9c23d;
        border-color: #753b0c;
    }

/* DROPDOWN */
.btn.btn-transparent .caret {
    margin-left: 6px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.dropdown-menu.dropdown-transparent {
    margin: 0 1px;
    border: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 6px 0 #8C694B;
    background: #FAF3E3 url("../img/bg-pattern-big.jpg");
    max-height: 600px;
    overflow: auto;
}

    .dropdown-menu.dropdown-transparent > li > a {
        color: #65330a;
    }

    .dropdown-menu.dropdown-transparent .divider {
        background: #c2a889;
    }

/* DROPDOWN LIST */
.no-border > .btn.btn-transparent.dropdown-toggle {
    padding: 0 10px;
    border: solid 1px transparent;
    font-family: 'open_sans_light',Arial,sans-serif;
    font-weight: normal;
}

    .btn-group.no-border.open > .btn.btn-transparent.dropdown-toggle, .no-border > .btn.btn-transparent.dropdown-toggle:hover, .no-border > .btn.btn-transparent.dropdown-toggle:active {
        border: solid 1px #c8af94;
        background: #f8ecc1;
        background: rgba(246,232,182,.8);
    }

/* CALENDAR */
.well {
    position: relative;
    padding: 34px 0 0 0;
    margin: 30px 30px 10px;
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

    .well thead tr:first-child {
        display: block;
        position: absolute;
        top: 0;
    }

        .well thead tr:first-child th .btn {
            margin-left: 0;
            margin-right: 0;
        }

            .well thead tr:first-child th .btn i, .well thead tr:first-child th .btn:hover i, .well thead tr:first-child th .btn:active i, .well thead tr:first-child th .btn:focus i {
                margin-top: -1px;
                margin-bottom: 1px;
            }

        .well thead tr:first-child th:nth-child(2) {
            width: 400px;
            padding-left: 4px;
            padding-right: 4px;
        }

            .well thead tr:first-child th:nth-child(2) .btn {
                border-radius: 0;
                font-size: .75em;
                line-height: 2.167em;
                background: none;
            }

    .well thead tr:last-child th small {
        font-size: .6875em;
    }

    .well table thead tr:first-child .btn strong {
        font-weight: normal;
    }

    .well tr td.h6 {
        font-family: 'open_sans_regular',Arial,sans-serif;
        font-size: .8125em;
    }

        .well tr td.h6 em {
            font-style: normal;
        }

    .well table[ng-switch-when="day"] tr td:first-child, .well tr:nth-child(2) th:first-child {
        position: absolute;
        left: -30px;
        margin: 8px 0 0 0;
    }

    .well tr td:first-child, .well thead tr:last-child th {
        text-transform: uppercase;
        color: #753b0c;
    }

    .well tr td, .well thead tr:nth-child(2) th {
        width: 30px;
        height: 26px;
        padding: 0 2px 2px 0;
    }

        .well tr td:last-child {
            padding: 0 0 2px 0;
        }

    .well tr:last-child td {
        padding-bottom: 0;
    }

    .well table[ng-switch-when="day"] tr td:nth-child(2) .btn, .well table[ng-switch-when="day"] tr td:nth-child(2) .btn .text-muted {
        color: #be551c;
    }

    .well table tr td .btn {
        position: relative;
        margin: 0;
        border-radius: 0;
        font-weight: normal;
    }

    .well tr td .btn, .well thead tr th .btn, .well tr td .btn:focus {
        text-shadow: none;
        padding: 2px 0;
    }

        .well tr td .btn:focus {
            margin: 0;
        }

        .well tr td .btn .text-info {
            color: #820800;
        }

        .well tr td .btn .text-muted {
            color: #753b0c;
        }

            .well tr td .btn .text-muted:before, .well tr td .btn[disabled="disabled"] span:before {
                content: " ";
                display: block;
                position: absolute;
                top: -1px;
                left: -1px;
                background: #F4F2DD;
                width: 110%;
                height: 110%;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                filter: alpha(opacity=60);
                -moz-opacity: .6;
                -khtml-opacity: .6;
                opacity: .6;
            }

    .well table[ng-switch-when="month"] tr td .btn.active, .well table[ng-switch-when="month"] tr td .text-info {
        font-family: 'open_sans_bold',Arial,sans-serif;
        font-weight: bold;
    }

    .well table[ng-switch-when="month"] tr td {
        width: 70px;
    }

    .well table[ng-switch-when="year"] tr td {
        width: 42px;
    }

        .well table[ng-switch-when="month"] tr td .btn, .well table[ng-switch-when="year"] tr td .btn {
            padding: 2px 0;
            line-height: 2em;
            font-weight: normal;
            color: #753b0c;
            font-size: .75em;
        }

    .well table[ng-switch-when="month"] tr td .btn {
        font-family: 'open_sans_regular',Arial,sans-serif;
    }

.modal-dialog .modal-content .modal-body.no-margin {
    padding: 0;
}

.modal .well {
    display: inline-block;
}

/* FF TOO BOLD FONTS FIX */
@-moz-document url-prefix() {
    .modal h3, .loginModal .modal-body a, .btn.btn-transparent, .btn.btn-red, .pagination li a, .pagination li a:focus {
        font-weight: normal;
    }
}

.links-bottom {
    font-size: 1.286em;
}

    .links-bottom, .links-bottom a {
        color: #e4af34;
    }

.clear {
    clear: both;
}

/* For AngularUI */
.nav, .pagination, .carousel, .panel-title a {
    cursor: pointer;
}
/* ==========================================================================
   FIXES
   ========================================================================== */

@-ms-viewport {
    width: device-width;
}

::-moz-selection {
    background: #333;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

textarea {
    resize: vertical;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media only screen and (max-width:320px) {
}

@media only screen and (max-width:480px) {
    .modal-dialog .modal-content {
        padding: 0 35px;
    }
}

@media only screen and (max-device-width:801px) and (max-width:801px) {
}

@media only screen and (max-width:1196px) {
    #outerWrapper, #wrapper {
        width: 1192px;
    }

    #wrapper {
        padding: 12px 5px 0;
    }
}

@media only screen and (min-width:1520px) {
    #outerWrapper {
        background-image: url('../img/bg_big.jpg');
    }

        #outerWrapper.singlePage {
            background-image: url('../img/bg_single_big.jpg');
        }

    #wrapper {
        width: 1502px;
    }

    .btn-group-search {
        margin-top: 32px;
    }

    main {
        margin-right: 50px;
        margin-left: 54px;
    }

    #book-center {
        margin-left: -79px;
    }

    #leftPage, #rightPage {
        width: 650px;
    }

        #leftPage .tab-content {
            margin-left: 0;
        }
        /*#leftPage .tabs-content{padding-left:10px;}*/
        #rightPage .tab-content {
            margin-left: 0;
            margin-right: 0;
        }

        #rightPage .btn-settings {
            margin-right: 0;
        }

        #rightPage .quote-content .ngsb-container {
            margin-right: 21px;
        }

        #rightPage .quote-mask {
            height: 119px;
            width: 600px;
            background-image: url('../img/text-mask_big.png');
        }
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: .5cm;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}



.visibility-hidden {
    /*visibility: hidden;*/
    display: none;
    /*display: block !important;*/
}

.popover {
    max-width: 450px;
}

.spinParentContainer {
    border: 1px solid blue;
    padding: 0;
    margin: 0;
    position: relative;
}

    .spinParentContainer > div.spinModal {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2000;
        background-color: rgb(255,255,255);
        opacity: .6;
    }

    .spinParentContainer > .spin {
        position: absolute;
        top: 50%;
        left: 50%;
        background-color: red;
        color: blue;
        z-index: 5001;
    }

.selectedVerse {
    font-weight: bold;
    background-color: #f0ead0;
}

.dropdown-header-custom {
    padding-left: 7px;
}

.info-custom-mark {
    opacity: 0.4;
    vertical-align: top;
    font-size: x-small;
}

.dataSourceInfo {
    font-weight: bold;
}

a {
    color: #6c2e00;
}

.modal-big {
}

span.size-Selecting {
    display: none;
}

    span.size-Selecting a {
        cursor: pointer;
    }

        span.size-Selecting a:hover {
            text-decoration: none;
        }

a.size-Small {
    font-size: 0.8em;
}

a.size-Big {
    font-size: 1.3em;
}