html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *, *:before, *:after {
        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^="#"]:after, a[href^="javascript:"]: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
    }

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

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

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Nafees", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 1.42857;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #7b654d;
    text-decoration: none
}

a:hover, a:focus {
    color: #4c3e30;
    text-decoration: underline
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role="button"] {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.6;
    color: #41362b
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 10px
}

h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {
    font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 10px
}

h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {
    font-size: 75%
}

h1, .h1 {
    font-size: 36px
}

h2, .h2 {
    font-size: 50px
}

h3, .h3 {
    font-size: 24px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 30px 0;
    color: #323232;
    line-height: 28px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase, .initialism {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #7b654d
}

a.text-primary:hover, a.text-primary:focus {
    color: #5c4b39
}

.text-success {
    color: #3c763d
}

a.text-success:hover, a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover, a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534
}

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #7b654d
}

a.bg-primary:hover, a.bg-primary:focus {
    background-color: #5c4b39
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.42857
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857;
    color: #777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857
}

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 0
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 0
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before, .container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media (min-width: 768px) {
    .container {
        width: 750px
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before, .container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before, .row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td {
    border-top: 0
}

.table > tbody + tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 2px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5
}

table col[class*="col-"] {
    position: static;
    float: none;
    display: table-column
}

table td[class*="col-"], table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8
}

.table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6
}

.table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3
}

.table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc
}

.table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }

    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 30px;
    color: #555;
    background-color: #f8f5f2;
    background-image: none;
    border: 1px solid #e7ddd2;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
        line-height: 34px
    }

    input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] {
        line-height: 30px
    }

    input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 30px
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label, .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

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

.btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #7b654d;
    border-color: #6b5843
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #5c4b39;
    border-color: #1d1812
}

.btn-primary:hover {
    color: #fff;
    background-color: #5c4b39;
    border-color: #46392c
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #5c4b39;
    border-color: #46392c
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #46392c;
    border-color: #1d1812
}

.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
    background-color: #7b654d;
    border-color: #6b5843
}

.btn-primary .badge {
    color: #7b654d;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #41362b;
    border-color: #322921
}

.btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #221d17;
    border-color: #000
}

.btn-success:hover {
    color: #fff;
    background-color: #221d17;
    border-color: #0d0b08
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #221d17;
    border-color: #0d0b08
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #0d0b08;
    border-color: #000
}

.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
    background-color: #41362b;
    border-color: #322921
}

.btn-success .badge {
    color: #41362b;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #f7f0da;
    border-color: #f2e8c5
}

.btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #eedfb0;
    border-color: #dcbd5c
}

.btn-info:hover {
    color: #fff;
    background-color: #eedfb0;
    border-color: #e8d393
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #eedfb0;
    border-color: #e8d393
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #e8d393;
    border-color: #dcbd5c
}

.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
    background-color: #f7f0da;
    border-color: #f2e8c5
}

.btn-info .badge {
    color: #f7f0da;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #7b654d;
    font-weight: normal;
    border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent
}

.btn-link:hover, .btn-link:focus {
    color: #4c3e30;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none
}

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block + .btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-menu > li > a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #7b654d
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    color: #777
}

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:before, .btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical > .btn-group:after {
    clear: both
}

.btn-group-vertical > .btn-group > .btn {
    float: none
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified > .btn, .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified > .btn-group .btn {
    width: 100%
}

.btn-group-justified > .btn-group .dropdown-menu {
    left: auto
}

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #e7ddd2;
    border-radius: 0
}

.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
    margin-top: 0
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: 2
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-right: -1px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before, .nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav > li {
    position: relative;
    display: block
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #7b654d
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid transparent;
    border-radius: 0 0 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills > li {
    float: left
}

.nav-pills > li > a {
    border-radius: 0
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #7b654d
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

.nav-justified > li, .nav-tabs.nav-justified > li {
    float: none
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 0
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 0 0 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar:before, .navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 0
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width: 768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px
}

.navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > li {
        float: left
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group > .form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label, .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: -15px
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav > li > a {
    color: #777
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
    color: #333
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #090909
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909
}

.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #fff
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #090909
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0
}

.breadcrumb > li {
    display: inline-block
}

.breadcrumb > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb > .active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 0
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #7b654d;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
    z-index: 2;
    color: #4c3e30;
    background-color: #eee;
    border-color: #ddd
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #7b654d;
    border-color: #7b654d;
    cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager:before, .pager:after {
    content: " ";
    display: table
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px
}

.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #eee
}

.pager .next > a, .pager .next > span {
    float: right
}

.pager .previous > a, .pager .previous > span {
    float: left
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
    color: #777;
    background-color: #fff;
    cursor: not-allowed
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #777
}

.label-default[href]:hover, .label-default[href]:focus {
    background-color: #5e5e5e
}

.label-primary {
    background-color: #7b654d
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #5c4b39
}

.label-success {
    background-color: #41362b
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #221d17
}

.label-info {
    background-color: #f7f0da
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #eedfb0
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #777;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #7b654d;
    background-color: #fff
}

.list-group-item > .badge {
    float: right
}

.list-group-item > .badge + .badge {
    margin-right: 5px
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron h1, .jumbotron .h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron > hr {
    border-top-color: #d5d5d5
}

.container .jumbotron, .container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: border 0.2s ease-in-out;
    -o-transition: border 0.2s ease-in-out;
    transition: border 0.2s ease-in-out
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #7b654d
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 0
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: bold
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #7b654d;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress-striped .progress-bar, .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar, .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #41362b
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #f7f0da
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

a.list-group-item, button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
    color: #777
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #7b654d;
    border-color: #7b654d
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
    color: #d6cbbe
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b
}

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.panel-body {
    padding: 15px
}

.panel-body:before, .panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1;
    border-top-left-radius: -1
}

.panel-heading > .dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1
}

.panel > .list-group, .panel > .panel-collapse > .list-group {
    margin-bottom: 0
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: -1;
    border-top-left-radius: -1
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group + .panel-footer {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table {
    margin-bottom: 0
}

.panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child {
    border-top-right-radius: -1;
    border-top-left-radius: -1
}

.panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
    border-top-left-radius: -1;
    border-top-right-radius: -1
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-left-radius: -1
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-right-radius: -1
}

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: -1;
    border-bottom-left-radius: -1
}

.panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: -1;
    border-bottom-right-radius: -1
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: -1
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: -1
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0
}

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 20px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #7b654d
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #7b654d;
    border-color: #7b654d
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #7b654d
}

.panel-primary > .panel-heading .badge {
    color: #7b654d;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #7b654d
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before, .modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Nafees", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: "Nafees", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover > .arrow {
    border-width: 11px
}

.popover > .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
    line-height: 1
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -moz-transition: -moz-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .item.next, .carousel-inner > .item.active.right {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        left: 0
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: transparent
}

.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:hover, .carousel-control:focus {
    outline: 0;
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif
}

.carousel-control .icon-prev:before {
    content: '\2039'
}

.carousel-control .icon-next:before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent
}

.carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -10px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

html {
    direction: rtl
}

body {
    direction: rtl
}

.flip.text-left {
    text-align: right
}

.flip.text-right {
    text-align: left
}

.list-unstyled {
    padding-right: 0;
    padding-left: initial
}

.list-inline {
    padding-right: 0;
    padding-left: initial;
    margin-right: -5px;
    margin-left: 0
}

dd {
    margin-right: 0;
    margin-left: initial
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: right;
        clear: right;
        text-align: left
    }

    .dl-horizontal dd {
        margin-right: 180px;
        margin-left: 0
    }
}

blockquote {
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse, blockquote.pull-left {
    padding-left: 15px;
    padding-right: 0;
    border-left: 5px solid #eee;
    border-right: 0;
    text-align: left
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: right
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    left: 100%;
    right: auto
}

.col-xs-pull-11 {
    left: 91.66666667%;
    right: auto
}

.col-xs-pull-10 {
    left: 83.33333333%;
    right: auto
}

.col-xs-pull-9 {
    left: 75%;
    right: auto
}

.col-xs-pull-8 {
    left: 66.66666667%;
    right: auto
}

.col-xs-pull-7 {
    left: 58.33333333%;
    right: auto
}

.col-xs-pull-6 {
    left: 50%;
    right: auto
}

.col-xs-pull-5 {
    left: 41.66666667%;
    right: auto
}

.col-xs-pull-4 {
    left: 33.33333333%;
    right: auto
}

.col-xs-pull-3 {
    left: 25%;
    right: auto
}

.col-xs-pull-2 {
    left: 16.66666667%;
    right: auto
}

.col-xs-pull-1 {
    left: 8.33333333%;
    right: auto
}

.col-xs-pull-0 {
    left: auto;
    right: auto
}

.col-xs-push-12 {
    right: 100%;
    left: 0
}

.col-xs-push-11 {
    right: 91.66666667%;
    left: 0
}

.col-xs-push-10 {
    right: 83.33333333%;
    left: 0
}

.col-xs-push-9 {
    right: 75%;
    left: 0
}

.col-xs-push-8 {
    right: 66.66666667%;
    left: 0
}

.col-xs-push-7 {
    right: 58.33333333%;
    left: 0
}

.col-xs-push-6 {
    right: 50%;
    left: 0
}

.col-xs-push-5 {
    right: 41.66666667%;
    left: 0
}

.col-xs-push-4 {
    right: 33.33333333%;
    left: 0
}

.col-xs-push-3 {
    right: 25%;
    left: 0
}

.col-xs-push-2 {
    right: 16.66666667%;
    left: 0
}

.col-xs-push-1 {
    right: 8.33333333%;
    left: 0
}

.col-xs-push-0 {
    right: auto;
    left: 0
}

.col-xs-offset-12 {
    margin-right: 100%;
    margin-left: 0
}

.col-xs-offset-11 {
    margin-right: 91.66666667%;
    margin-left: 0
}

.col-xs-offset-10 {
    margin-right: 83.33333333%;
    margin-left: 0
}

.col-xs-offset-9 {
    margin-right: 75%;
    margin-left: 0
}

.col-xs-offset-8 {
    margin-right: 66.66666667%;
    margin-left: 0
}

.col-xs-offset-7 {
    margin-right: 58.33333333%;
    margin-left: 0
}

.col-xs-offset-6 {
    margin-right: 50%;
    margin-left: 0
}

.col-xs-offset-5 {
    margin-right: 41.66666667%;
    margin-left: 0
}

.col-xs-offset-4 {
    margin-right: 33.33333333%;
    margin-left: 0
}

.col-xs-offset-3 {
    margin-right: 25%;
    margin-left: 0
}

.col-xs-offset-2 {
    margin-right: 16.66666667%;
    margin-left: 0
}

.col-xs-offset-1 {
    margin-right: 8.33333333%;
    margin-left: 0
}

.col-xs-offset-0 {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: right
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        left: 100%;
        right: auto
    }

    .col-sm-pull-11 {
        left: 91.66666667%;
        right: auto
    }

    .col-sm-pull-10 {
        left: 83.33333333%;
        right: auto
    }

    .col-sm-pull-9 {
        left: 75%;
        right: auto
    }

    .col-sm-pull-8 {
        left: 66.66666667%;
        right: auto
    }

    .col-sm-pull-7 {
        left: 58.33333333%;
        right: auto
    }

    .col-sm-pull-6 {
        left: 50%;
        right: auto
    }

    .col-sm-pull-5 {
        left: 41.66666667%;
        right: auto
    }

    .col-sm-pull-4 {
        left: 33.33333333%;
        right: auto
    }

    .col-sm-pull-3 {
        left: 25%;
        right: auto
    }

    .col-sm-pull-2 {
        left: 16.66666667%;
        right: auto
    }

    .col-sm-pull-1 {
        left: 8.33333333%;
        right: auto
    }

    .col-sm-pull-0 {
        left: auto;
        right: auto
    }

    .col-sm-push-12 {
        right: 100%;
        left: 0
    }

    .col-sm-push-11 {
        right: 91.66666667%;
        left: 0
    }

    .col-sm-push-10 {
        right: 83.33333333%;
        left: 0
    }

    .col-sm-push-9 {
        right: 75%;
        left: 0
    }

    .col-sm-push-8 {
        right: 66.66666667%;
        left: 0
    }

    .col-sm-push-7 {
        right: 58.33333333%;
        left: 0
    }

    .col-sm-push-6 {
        right: 50%;
        left: 0
    }

    .col-sm-push-5 {
        right: 41.66666667%;
        left: 0
    }

    .col-sm-push-4 {
        right: 33.33333333%;
        left: 0
    }

    .col-sm-push-3 {
        right: 25%;
        left: 0
    }

    .col-sm-push-2 {
        right: 16.66666667%;
        left: 0
    }

    .col-sm-push-1 {
        right: 8.33333333%;
        left: 0
    }

    .col-sm-push-0 {
        right: auto;
        left: 0
    }

    .col-sm-offset-12 {
        margin-right: 100%;
        margin-left: 0
    }

    .col-sm-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .col-sm-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .col-sm-offset-9 {
        margin-right: 75%;
        margin-left: 0
    }

    .col-sm-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .col-sm-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .col-sm-offset-6 {
        margin-right: 50%;
        margin-left: 0
    }

    .col-sm-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .col-sm-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .col-sm-offset-3 {
        margin-right: 25%;
        margin-left: 0
    }

    .col-sm-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .col-sm-offset-0 {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        left: 100%;
        right: auto
    }

    .col-md-pull-11 {
        left: 91.66666667%;
        right: auto
    }

    .col-md-pull-10 {
        left: 83.33333333%;
        right: auto
    }

    .col-md-pull-9 {
        left: 75%;
        right: auto
    }

    .col-md-pull-8 {
        left: 66.66666667%;
        right: auto
    }

    .col-md-pull-7 {
        left: 58.33333333%;
        right: auto
    }

    .col-md-pull-6 {
        left: 50%;
        right: auto
    }

    .col-md-pull-5 {
        left: 41.66666667%;
        right: auto
    }

    .col-md-pull-4 {
        left: 33.33333333%;
        right: auto
    }

    .col-md-pull-3 {
        left: 25%;
        right: auto
    }

    .col-md-pull-2 {
        left: 16.66666667%;
        right: auto
    }

    .col-md-pull-1 {
        left: 8.33333333%;
        right: auto
    }

    .col-md-pull-0 {
        left: auto;
        right: auto
    }

    .col-md-push-12 {
        right: 100%;
        left: 0
    }

    .col-md-push-11 {
        right: 91.66666667%;
        left: 0
    }

    .col-md-push-10 {
        right: 83.33333333%;
        left: 0
    }

    .col-md-push-9 {
        right: 75%;
        left: 0
    }

    .col-md-push-8 {
        right: 66.66666667%;
        left: 0
    }

    .col-md-push-7 {
        right: 58.33333333%;
        left: 0
    }

    .col-md-push-6 {
        right: 50%;
        left: 0
    }

    .col-md-push-5 {
        right: 41.66666667%;
        left: 0
    }

    .col-md-push-4 {
        right: 33.33333333%;
        left: 0
    }

    .col-md-push-3 {
        right: 25%;
        left: 0
    }

    .col-md-push-2 {
        right: 16.66666667%;
        left: 0
    }

    .col-md-push-1 {
        right: 8.33333333%;
        left: 0
    }

    .col-md-push-0 {
        right: auto;
        left: 0
    }

    .col-md-offset-12 {
        margin-right: 100%;
        margin-left: 0
    }

    .col-md-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .col-md-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .col-md-offset-9 {
        margin-right: 75%;
        margin-left: 0
    }

    .col-md-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .col-md-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .col-md-offset-6 {
        margin-right: 50%;
        margin-left: 0
    }

    .col-md-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .col-md-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .col-md-offset-3 {
        margin-right: 25%;
        margin-left: 0
    }

    .col-md-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .col-md-offset-0 {
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: right
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        left: 100%;
        right: auto
    }

    .col-lg-pull-11 {
        left: 91.66666667%;
        right: auto
    }

    .col-lg-pull-10 {
        left: 83.33333333%;
        right: auto
    }

    .col-lg-pull-9 {
        left: 75%;
        right: auto
    }

    .col-lg-pull-8 {
        left: 66.66666667%;
        right: auto
    }

    .col-lg-pull-7 {
        left: 58.33333333%;
        right: auto
    }

    .col-lg-pull-6 {
        left: 50%;
        right: auto
    }

    .col-lg-pull-5 {
        left: 41.66666667%;
        right: auto
    }

    .col-lg-pull-4 {
        left: 33.33333333%;
        right: auto
    }

    .col-lg-pull-3 {
        left: 25%;
        right: auto
    }

    .col-lg-pull-2 {
        left: 16.66666667%;
        right: auto
    }

    .col-lg-pull-1 {
        left: 8.33333333%;
        right: auto
    }

    .col-lg-pull-0 {
        left: auto;
        right: auto
    }

    .col-lg-push-12 {
        right: 100%;
        left: 0
    }

    .col-lg-push-11 {
        right: 91.66666667%;
        left: 0
    }

    .col-lg-push-10 {
        right: 83.33333333%;
        left: 0
    }

    .col-lg-push-9 {
        right: 75%;
        left: 0
    }

    .col-lg-push-8 {
        right: 66.66666667%;
        left: 0
    }

    .col-lg-push-7 {
        right: 58.33333333%;
        left: 0
    }

    .col-lg-push-6 {
        right: 50%;
        left: 0
    }

    .col-lg-push-5 {
        right: 41.66666667%;
        left: 0
    }

    .col-lg-push-4 {
        right: 33.33333333%;
        left: 0
    }

    .col-lg-push-3 {
        right: 25%;
        left: 0
    }

    .col-lg-push-2 {
        right: 16.66666667%;
        left: 0
    }

    .col-lg-push-1 {
        right: 8.33333333%;
        left: 0
    }

    .col-lg-push-0 {
        right: auto;
        left: 0
    }

    .col-lg-offset-12 {
        margin-right: 100%;
        margin-left: 0
    }

    .col-lg-offset-11 {
        margin-right: 91.66666667%;
        margin-left: 0
    }

    .col-lg-offset-10 {
        margin-right: 83.33333333%;
        margin-left: 0
    }

    .col-lg-offset-9 {
        margin-right: 75%;
        margin-left: 0
    }

    .col-lg-offset-8 {
        margin-right: 66.66666667%;
        margin-left: 0
    }

    .col-lg-offset-7 {
        margin-right: 58.33333333%;
        margin-left: 0
    }

    .col-lg-offset-6 {
        margin-right: 50%;
        margin-left: 0
    }

    .col-lg-offset-5 {
        margin-right: 41.66666667%;
        margin-left: 0
    }

    .col-lg-offset-4 {
        margin-right: 33.33333333%;
        margin-left: 0
    }

    .col-lg-offset-3 {
        margin-right: 25%;
        margin-left: 0
    }

    .col-lg-offset-2 {
        margin-right: 16.66666667%;
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-right: 8.33333333%;
        margin-left: 0
    }

    .col-lg-offset-0 {
        margin-right: 0;
        margin-left: 0
    }
}

caption {
    text-align: right
}

th {
    text-align: right
}

@media screen and (max-width: 767px) {
    .table-responsive > .table-bordered {
        border: 0
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-right: 0;
        border-left: initial
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-left: 0;
        border-right: initial
    }
}

.radio label, .checkbox label {
    padding-right: 20px;
    padding-left: initial
}

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
    margin-right: -20px;
    margin-left: auto
}

.radio-inline, .checkbox-inline {
    padding-right: 20px;
    padding-left: 0
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-right: 10px;
    margin-left: 0
}

.has-feedback .form-control {
    padding-left: 42.5px;
    padding-right: 12px
}

.form-control-feedback {
    left: 0;
    right: auto
}

@media (min-width: 768px) {
    .form-inline label {
        padding-right: 0;
        padding-left: initial
    }

    .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
        margin-right: 0;
        margin-left: auto
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    left: 15px;
    right: auto
}

.caret {
    margin-right: 2px;
    margin-left: 0
}

.dropdown-menu {
    right: 0;
    left: auto;
    float: left;
    text-align: right
}

.dropdown-menu.pull-right {
    left: 0;
    right: auto;
    float: right
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group > .btn, .btn-group-vertical > .btn {
    float: right
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-right: -1px;
    margin-left: 0
}

.btn-toolbar {
    margin-right: -5px;
    margin-left: 0
}

.btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: right
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-right: 5px;
    margin-left: 0
}

.btn-group > .btn:first-child {
    margin-right: 0
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group > .btn-group {
    float: right
}

.btn-group.btn-group-justified > .btn, .btn-group.btn-group-justified > .btn-group {
    float: none
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group:last-child > .btn:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn .caret {
    margin-right: 0
}

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
    margin-top: -1px;
    margin-right: 0
}

.input-group .form-control {
    float: right
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:first-child {
    border-left: 0;
    border-right: 1px solid
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:last-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-right: 0
}

.input-group-btn > .btn + .btn {
    margin-right: -1px;
    margin-left: auto
}

.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
    margin-left: -1px;
    margin-right: auto
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-right: -1px;
    margin-left: auto
}

.nav {
    padding-right: 0;
    padding-left: initial
}

.nav-tabs > li {
    float: right
}

.nav-tabs > li > a {
    margin-left: auto;
    margin-right: -2px;
    border-radius: 4px 4px 0 0
}

.nav-pills > li {
    float: right
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-right: 2px;
    margin-left: auto
}

.nav-stacked > li {
    float: none
}

.nav-stacked > li + li {
    margin-right: 0;
    margin-left: auto
}

.nav-justified > .dropdown .dropdown-menu {
    right: auto
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-left: 0;
    margin-right: auto
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-radius: 4px 4px 0 0
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: right
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px
}

.navbar-brand {
    float: right
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-right: -15px;
        margin-left: auto
    }
}

.navbar-toggle {
    float: left;
    margin-left: 15px;
    margin-right: auto
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 25px 5px 15px
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: right
    }

    .navbar-nav > li {
        float: right
    }
}

@media (min-width: 768px) {
    .navbar-left.flip {
        float: right !important
    }

    .navbar-right:last-child {
        margin-left: -15px;
        margin-right: auto
    }

    .navbar-right.flip {
        float: left !important;
        margin-left: -15px;
        margin-right: auto
    }

    .navbar-right .dropdown-menu {
        left: 0;
        right: auto
    }
}

@media (min-width: 768px) {
    .navbar-text {
        float: right
    }

    .navbar-text.navbar-right:last-child {
        margin-left: 0;
        margin-right: auto
    }
}

.pagination {
    padding-right: 0
}

.pagination > li > a, .pagination > li > span {
    float: right;
    margin-right: -1px;
    margin-left: 0
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-right: -1px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pager {
    padding-right: 0;
    padding-left: initial
}

.pager .next > a, .pager .next > span {
    float: left
}

.pager .previous > a, .pager .previous > span {
    float: right
}

.nav-pills > li > a > .badge {
    margin-left: 0;
    margin-right: 3px
}

.list-group-item > .badge {
    float: left
}

.list-group-item > .badge + .badge {
    margin-left: 5px;
    margin-right: auto
}

.alert-dismissable, .alert-dismissible {
    padding-left: 35px;
    padding-right: 15px
}

.alert-dismissable .close, .alert-dismissible .close {
    right: auto;
    left: -21px
}

.progress-bar {
    float: right
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-left.flip {
    margin-right: 0;
    margin-left: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.media > .pull-right.flip {
    margin-left: 0;
    margin-right: 10px
}

.media-right, .media > .pull-right {
    padding-right: 10px;
    padding-left: initial
}

.media-left, .media > .pull-left {
    padding-left: 10px;
    padding-right: initial
}

.media-list {
    padding-right: 0;
    padding-left: initial;
    list-style: none
}

.list-group {
    padding-right: 0;
    padding-left: initial
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 0
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 0
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0
}

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-right: 0;
    border-left: none
}

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: none;
    border-left: 0
}

.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
    right: 0;
    left: auto
}

.close {
    float: left
}

.modal-footer {
    text-align: left
}

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

.modal-footer .btn + .btn {
    margin-left: auto;
    margin-right: 5px
}

.modal-footer .btn-group .btn + .btn {
    margin-right: -1px;
    margin-left: auto
}

.modal-footer .btn-block + .btn-block {
    margin-right: 0;
    margin-left: auto
}

.popover {
    left: auto;
    text-align: right
}

.popover.top > .arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto
}

.popover.top > .arrow:after {
    margin-right: -10px;
    margin-left: auto
}

.popover.bottom > .arrow {
    right: 50%;
    left: auto;
    margin-right: -11px;
    margin-left: auto
}

.popover.bottom > .arrow:after {
    margin-right: -10px;
    margin-left: auto
}

.carousel-control {
    right: 0;
    bottom: 0
}

.carousel-control.left {
    right: auto;
    left: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
    left: 50%;
    right: auto;
    margin-right: -10px
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
    right: 50%;
    left: auto;
    margin-left: -10px
}

.carousel-indicators {
    right: 50%;
    left: 0;
    margin-right: -30%;
    margin-left: 0;
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: 0;
        margin-right: -15px
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-left: 0;
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }
}

.pull-right.flip {
    float: left !important
}

.pull-left.flip {
    float: right !important
}

.btn-brwon {
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative
}

.btn-brwon:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    content: '';
    background: #7b654d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.talash-karein button[type="submit"], .form-box button[type="submit"] {
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative
}

.talash-karein button[type="submit"] span, .talash-karein button[type="submit"] i, .form-box button[type="submit"] span, .form-box button[type="submit"] i {
    position: relative;
    z-index: 9
}

.talash-karein button[type="submit"]:before, .form-box button[type="submit"]:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    content: '';
    background: #7b654d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.sawal-pochain .captcha-cont .btn {
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative
}

.sawal-pochain .captcha-cont .btn:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    content: '';
    background: #7b654d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.sawal-pochain button[type="submit"] {
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative
}

.sawal-pochain button[type="submit"] span, .sawal-pochain button[type="submit"] i {
    position: relative;
    z-index: 9
}

.sawal-pochain button[type="submit"]:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    content: '';
    background: #7b654d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.login-main form .btn {
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative
}

.login-main form .btn span, .login-main form .btn i {
    position: relative;
    z-index: 9
}

.login-main form .btn:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    content: '';
    background: #7b654d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.txt-link {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 18px;
    color: #4e3a26
}

.txt-link:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.txt-link:hover, .txt-link:focus {
    text-decoration: none
}

.sm-txt-icon li a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 18px
}

.sm-txt-icon li a:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.sm-txt-icon li a:hover, .sm-txt-icon li a:focus {
    text-decoration: none
}

.name-search button[type="submit"] {
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    position: relative
}

.name-search button[type="submit"] span, .name-search button[type="submit"] i {
    position: relative;
    z-index: 9
}

.name-search button[type="submit"]:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 1;
    content: '';
    background: #7b654d;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1)
}

.magazine_div .detail_mag ul li .dt_text a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 18px;
    color: #4e3a26
}

.magazine_div .detail_mag ul li .dt_text a:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.magazine_div .detail_mag ul li .dt_text a:hover, .magazine_div .detail_mag ul li .dt_text a:focus {
    text-decoration: none
}

.magazine_div .detail_mag h4 a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.magazine_div .detail_mag h4 a:hover, .magazine_div .detail_mag h4 a:focus {
    text-decoration: none
}

.share_print ul li .dt_text a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 18px;
    color: #4e3a26
}

.share_print ul li .dt_text a:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.share_print ul li .dt_text a:hover, .share_print ul li .dt_text a:focus {
    text-decoration: none
}

@media (min-width: 1200px) {
    .btn-brwon:hover {
        color: #fff
    }

    .btn-brwon:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

    .talash-karein button[type="submit"]:hover, .form-box button[type="submit"]:hover {
        color: #fff
    }

    .talash-karein button[type="submit"]:hover:before, .form-box button[type="submit"]:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

    .sawal-pochain .captcha-cont .btn:hover {
        color: #fff
    }

    .sawal-pochain .captcha-cont .btn:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

    .sawal-pochain button[type="submit"]:hover {
        color: #fff
    }

    .sawal-pochain button[type="submit"]:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

    .login-main form .btn:hover {
        color: #fff
    }

    .login-main form .btn:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

    .txt-link:hover {
        color: #73161f
    }

    .txt-link:hover:before {
        width: 100%
    }

    .sm-txt-icon li a:hover {
        color: #73161f
    }

    .sm-txt-icon li a:hover:before {
        width: 100%
    }

    .name-search button[type="submit"]:hover {
        color: #fff
    }

    .name-search button[type="submit"]:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

    .magazine_div .detail_mag ul li .dt_text a:hover {
        color: #73161f
    }

    .magazine_div .detail_mag ul li .dt_text a:hover:before {
        width: 100%
    }

    .magazine_div .detail_mag h4 a:hover {
        color: #73161f
    }

    .share_print ul li .dt_text a:hover {
        color: #73161f
    }

    .share_print ul li .dt_text a:hover:before {
        width: 100%
    }
}

html {
    width: 100%
}

.arabic {
    font-family: 'Droid Arabic Kufi', serif
}

.top {
    background: #272727;
    width: 100%;
    height: 48px
}

.top p {
    color: #fff;
    margin: 10px 0
}

.top .langauge {
    position: relative;
    float: right;
    margin-right: 15px
}

.top .langauge a {
    color: #fff;
    padding: 12px 30px 12px 30px;
    line-height: 24px;
    display: block;
    background: #7b654d
}

.top .langauge a i {
    position: absolute;
    top: 12px;
    left: 11px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.top .langauge a:hover, .top .langauge a:focus {
    text-decoration: none
}

.top .langauge a.active {
    background: #7b654d
}

.top .langauge a.active i {
    top: 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.top .langauge .open-langauge {
    display: none;
    width: 120px;
    position: absolute;
    right: 0;
    top: 48px;
    z-index: 999;
    margin: 0;
    padding: 0
}

.top .langauge .open-langauge li {
    list-style: none;
    display: block;
    border-bottom: solid 1px #4e3a26
}

.top .langauge .open-langauge li:last-child {
    border: none
}

.top .langauge .open-langauge li a {
    color: #fff;
    background: #7b654d;
    display: block;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.top .langauge .open-langauge li a .arbi-font {
    font-size: 22px
}

.top .langauge .open-langauge li a:hover, .top .langauge .open-langauge li a:focus {
    text-decoration: none
}

.top .login-btn {
    color: #fff;
    float: right;
    padding: 12px 24px;
    line-height: 24px;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.top .login-btn:hover, .top .login-btn:focus {
    text-decoration: none
}

header {
    background: #fff;
    padding: 20px 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    z-index: 9
}

header.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    border-bottom: 1px solid #7b654d;
    height: 65px;
    padding: 5px 0
}

header.sticky .logo {
    width: 250px;
    height: 50px;
    background-size: contain
}

.logo {
    background: url("/assets/svg/logo.svg") no-repeat right top;
    width: 235px;
    height: 58px;
    display: block;
    margin: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-size: contain
}

.main-navigation {
    border-right: solid 1px #d3d3d3;
    padding: 12px 0;
    display: inline-block
}

.main-navigation ul {
    margin: 0;
    padding: 0
}

.main-navigation ul li {
    list-style: none;
    margin: 0 9px;
    padding: 0;
    display: inline-block;
    border-left: solid 1px #d3d3d3;
    position: relative
}

.main-navigation ul li:last-child {
    border: none
}

.main-navigation ul li a {
    color: #7b654d;
    font-size: 18px;
    line-height: 21px;
    padding: 5px 26px;
    margin: 0;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.main-navigation ul li a.active {
    color: #fff
}

.main-navigation ul li a.active:before {
    height: 100%
}

.main-navigation ul li a.active:after {
    width: 100%
}

.main-navigation ul li a:before {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #41362b;
    width: 100%;
    height: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    content: '';
    z-index: -1
}

.main-navigation ul li a:after {
    content: '';
    width: 0;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    background: #C19B76;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.main-navigation ul li a:hover, .main-navigation ul li a:focus {
    text-decoration: none
}

.main-navigation ul li.active a {
    color: #fff
}

.main-navigation ul li.active a:before {
    height: 100%
}

.main-navigation ul li.active a:after {
    width: 100%
}

.main-navigation ul li ul {
    position: absolute;
    right: 0;
    top: 37px;
    width: 250px;
    background: #41362b;
    display: none
}

.main-navigation ul li ul li {
    width: 100%;
    border-left: none;
    border-bottom: solid 1px #221d17;
    margin: 0
}

.main-navigation ul li ul li a {
    display: block;
    width: 100%;
    color: #fff;
    margin: 0;
    padding: 15px
}

.main-navigation ul li ul li a:before {
    display: none
}

.main-navigation ul li ul li a:after {
    bottom: -1px;
    top: auto;
    height: 1px;
    z-index: 1
}

.main-navigation ul li ul li:last-child a:after {
    display: none
}

.main-navigation ul li i {
    position: absolute;
    left: 9px;
    font-size: 16px;
    top: 3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.main-navigation ul li.active i {
    color: #fff
}

.search-box {
    width: 165px;
    float: left;
    height: 34px;
    margin-top: 4px;
    position: relative
}

.search-box button {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
    border: none;
    background: none;
    height: 34px;
    font-size: 14px;
    color: #7b654d;
    padding: 0
}

.search-box button i {
    width: 100%;
    line-height: 34px;
    position: absolute;
    left: 0;
    top: 0
}

.search-box .form-control {
    border: none;
    border-bottom: solid 1px #dbdbdb;
    box-shadow: none;
    font-size: 14px;
    padding-left: 34px
}

.menu-open {
    display: none
}

@media (min-width: 1200px) {
    .main-navigation ul li:hover > a {
        color: #fff
    }

    .main-navigation ul li:hover > a:before {
        height: 100%
    }

    .main-navigation ul li:hover > a:after {
        width: 100%
    }

    .main-navigation ul li:hover i {
        color: #fff
    }

    .main-navigation ul li ul li:hover a {
        background: #7b654d
    }

    .top .langauge .open-langauge li a:hover {
        background: #4e3a26
    }

    .top .login-btn:hover {
        background: #7b654d
    }

    .top div.active .login-btn {
        background: #7b654d
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-navigation ul li i {
        left: 0
    }

    .main-navigation ul li a {
        padding: 5px 12px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-navigation {
        border: none
    }

    .main-navigation ul li i {
        left: 0
    }

    .main-navigation ul li a {
        padding: 5px 15px
    }

    .logo {
        margin: 0 auto 20px auto
    }
}

@media (max-width: 767px) {
    .top {
        height: initial
    }

    .top [class^="col-"] {
        text-align: center
    }

    .top .dropdown, .top .login-btn {
        float: right;
        display: inline-block
    }

    .top .langauge {
        float: left
    }

    .top .col-sm-4 {
        float: left;
        width: 100%
    }

    .top p {
        margin: 5px 0
    }

    .top .langauge .open-langauge {
        right: auto;
        left: 0
    }

    .logo {
        float: right
    }

    html {
        position: relative;
        left: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .open-html {
        left: 250px;
        overflow: hidden;
        position: fixed
    }

    .open-html .mobile-menu {
        overflow: hidden;
        left: 0;
        top: 0;
        overflow-y: scroll
    }

    .mobile-menu {
        position: fixed;
        left: -250px;
        top: 0;
        width: 250px;
        height: 100%;
        background: #7b654d;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

    .main-navigation {
        display: block;
        border: none
    }

    .main-navigation ul li {
        display: block;
        border-right: none;
        border-left: none;
        border-bottom: solid 1px #41362b;
        position: relative
    }

    .main-navigation ul li i {
        width: 40px;
        height: 51px;
        background: #221d17;
        position: absolute;
        left: 0;
        top: 0;
        border-top: solid 3px #C19B76;
        text-align: center;
        line-height: 51px;
        z-index: 9999;
        color: #fff;
        font-size: 16px
    }

    .main-navigation ul li a {
        display: block;
        color: #fff;
        padding: 15px;
        margin: 0
    }

    .main-navigation ul li ul {
        position: initial;
        width: 100%;
        background: #6b5843
    }

    .main-navigation ul li ul li a {
        padding: 15px 30px
    }

    .search-box {
        width: 100%
    }
}

.inner-banner {
    background: url("/assets/images/patteren-lighten-2.jpg") repeat;
    overflow: hidden;
    -webkit-box-shadow: inset 0 7px 12px rgba(52, 43, 33, 0.2);
    -moz-box-shadow: inset 0 7px 12px rgba(52, 43, 33, 0.2);
    box-shadow: inset 0 7px 12px rgba(52, 43, 33, 0.2);
    padding: 30px 0
}

.inner-banner h2 {
    margin-top: 20px
}

.right-heading {
    text-align: left
}

.right-heading img {
    display: inline-block
}

@media (min-width: 768px) and (max-width: 991px) {
    .right-heading {
        text-align: right;
        margin-top: 30px
    }
}

#contact textarea {
    height: 143px
}

.eng_input {
    direction: ltr;
    text-align: right;
    font-family: tahoma, arial
}

.inner-section {
    padding: 30px 0
}

.inner-section ul li {
    font-size: 15px;
    margin-bottom: 4px
}

.inner-head {
    position: relative;
    margin-bottom: 80px
}

.inner-head img {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border-bottom: solid 1px #b6a899
}

.inner-head .para {
    position: absolute;
    bottom: -45px;
    width: 620px;
    margin: auto;
    left: 0;
    right: 0;
    background: #e5d8ca;
    padding: 15px;
    color: #323232;
    font-size: 22px;
    text-align: center;
    border: solid 1px #b6a899;
    border-bottom: none
}

.inner-head .para p {
    line-height: 26px;
    color: #323232;
    margin: 0
}

.contact-table.name-results tr td {
    text-align: right
}

#login .captcha-cont .captcha_box, #register .captcha-cont .captcha_box {
    background-color: #f8f5f2;
    border: 1px solid #e7ddd2;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

#login .captcha-cont .captcha_box input, #register .captcha-cont .captcha_box input {
    border: 0;
    width: 65%
}

#login .captcha-cont .captcha_box .img-box, #register .captcha-cont .captcha_box .img-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 31%;
    margin: 0
}

#login .captcha-cont .captcha_box .img-box i, #register .captcha-cont .captcha_box .img-box i {
    top: 2px;
    right: 0;
    z-index: 0;
    border-left: 1px solid #e7ddd2;
    line-height: 32px;
    padding-left: 10px
}

.textture-box {
    background: url("/assets/images/patteren-lighten.jpg") repeat;
    padding: 60px 30px;
    overflow: hidden;
    margin: 0 15px
}

.textture-box .left {
    float: right;
    width: 50%;
    margin-bottom: 30px
}

.textture-box .right {
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 30px
}

.textture-box h4 {
    color: #73161f;
    font-size: 25px
}

.textture-box h3 {
    font-size: 30px;
    color: #323232
}

.textture-box .btn {
    width: 137px;
    text-align: right;
    margin-right: 15px
}

.textture-box .btn span {
    position: relative;
    z-index: 9
}

.textture-box .btn i {
    z-index: 9
}

.textture-box .star-listing li.red {
    background-position: 98% center
}

.textture-box .star-listing li:nth-child(even) {
    background-position: 98% center
}

.textture-box .star-listing li:nth-child(odd) {
    background-position: 98% center
}

.textture-box .star-listing li a {
    font-weight: 300
}

.btn-brwon {
    background: #4e3a26;
    border: solid 1px #4e3a26;
    color: #fff;
    position: relative
}

.btn-brwon i {
    position: absolute;
    left: 15px;
    top: 4px;
    font-size: 18px
}

.talash-karein {
    background: url("/assets/images/talash-karein-pattren.jpg") repeat;
    padding: 25px 0 10px 0;
    overflow: visible;
    z-index: 999;
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.talash-karein h3 {
    color: #fff;
    font-size: 36px
}

.talash-karein h3 i {
    position: relative;
    margin-left: 10px
}

.talash-karein .form-control {
    height: 38px;
    border: none
}

.talash-karein button[type="submit"] {
    display: block;
    border: none;
    height: 38px;
    background: #e5d8ca;
    width: 100%;
    text-align: right;
    padding: 0 10px;
    position: relative;
    z-index: 1
}

.talash-karein button[type="submit"] i {
    margin-left: 5px;
    position: relative;
    z-index: 1
}

.talash-karein button[type="submit"] span {
    position: relative;
    z-index: 1
}

.talash-karein ::-webkit-input-placeholder {
    color: #414141
}

.talash-karein :-moz-placeholder {
    color: #414141
}

.talash-karein ::-moz-placeholder {
    color: #414141
}

.talash-karein :-ms-input-placeholder {
    color: #414141
}

.talash-karein.dark {
    background: url("/assets/images/dark-jalian.jpg") repeat;
    margin-bottom: 30px
}

.talash-karein .form-group {
    margin-bottom: 15px
}

.star-listing {
    padding: 0;
    margin: 0 0 0;
    overflow: hidden
}

.star-listing li {
    margin: 0;
    list-style: none;
    display: block
}

.star-listing li.red {
    background: #cabfb4 url("/assets/svg/star-brown.svg") no-repeat 98% center
}

.star-listing li.red a {
    color: #73161f
}

.star-listing li:nth-child(even) a {
    background: #ded3c7 url("/assets/svg/star-brown.svg") no-repeat 98% center
}

.star-listing li:nth-child(odd) a {
    background: #d9cec3 url("/assets/svg/star-brown.svg") no-repeat 98% center
}

.star-listing li a {
    color: #323232;
    padding: 14px 40px 14px 0;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #ded3c7 url("/assets/svg/star-brown.svg") no-repeat 96% center;
    overflow: hidden;
    display: block
}

.star-listing li a:hover, .star-listing li a:focus {
    text-decoration: none
}

.dar-ul-iftah {
    background: url("/assets/images/patteren-lighten.jpg") repeat;
    padding: 50px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px
}

.dar-ul-iftah .bar {
    width: 100%;
    padding: 8px 18px;
    background: #4e3a26;
    color: #fff;
    font-size: 25px;
    margin-bottom: 0;
    background: #41362b url("/assets/images/talash-pattren.jpg") repeat
}

.dar-ul-iftah .bar h4 {
    margin: 0;
    color: #fff;
    line-height: 44px;
    display: inline-block
}

.dar-ul-iftah .bar a {
    line-height: 44px;
    color: #fff;
    font-size: 14px;
    float: left;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative
}

.dar-ul-iftah .bar a:before {
    width: 0;
    height: 2px;
    background: #e5d8ca;
    content: '';
    position: absolute;
    right: 0;
    bottom: 5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.dar-ul-iftah .bar a i {
    font-size: 8px;
    margin: 0 5px 0 0
}

.dar-ul-iftah .bar a:hover, .dar-ul-iftah .bar a:focus {
    text-decoration: none
}

.iftah-boxes h4 {
    padding: 20px 30px;
    background: #4e3a26;
    color: #fff;
    font-size: 25px;
    margin-bottom: 0;
    background: url("/assets/images/talash-pattren.jpg") repeat
}

.iftah-boxes h4 a {
    line-height: 26px;
    color: #fff;
    font-size: 14px;
    float: left;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: relative
}

.iftah-boxes h4 a:before {
    width: 0;
    height: 2px;
    background: #e5d8ca;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.iftah-boxes h4 a i {
    top: 2px;
    position: relative;
    margin-right: 5px;
    font-size: 10px
}

.iftah-boxes h4 a:hover, .iftah-boxes h4 a:focus {
    text-decoration: none
}

.iftah-boxes .islam-box {
    font-weight: bold
}

.iftah-boxes .islam-box h3 {
    font-weight: bold;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.iftah-boxes .islam-box p {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.iftah-boxes .islam-box .media {
    padding-bottom: 10px;
    margin-bottom: 18px;
    margin-top: 0
}

.title-heading a {
    float: left;
    color: #fff;
    font-size: 16px
}

.title-heading a i {
    top: 4px;
    position: relative
}

.book-slider {
    padding-top: 50px
}

.book-slider.owl-theme .owl-dots .owl-dot.active span, .book-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #4e3a26
}

.book-slider.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: none;
    border: solid 2px #4e3a26
}

.book-slider.owl-theme .owl-controls .owl-nav .owl-prev {
    width: 50px;
    height: 50px;
    color: #4e3a26;
    font-size: 50px;
    padding: 0;
    position: absolute;
    right: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 50px
}

.book-slider.owl-theme .owl-controls .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    color: #4e3a26;
    font-size: 50px;
    padding: 0;
    position: absolute;
    left: -60px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 50px
}

.text-red {
    color: #73161f;
    font-size: 26px;
    margin-bottom: 20px
}

.big-hr {
    margin: 0 0 30px 0;
    width: 100%;
    background: url("/assets/images/big-hr.png") no-repeat center;
    height: 14px;
    border: none
}

.book-item {
    padding: 0 15px;
    margin-bottom: 25px
}

.book-item h5 {
    font-size: 18px;
    color: #323232;
    margin: 0 0 30px 0;
    text-align: center
}

.book-item .book-thumb {
    display: block
}

.listing-bok .book-item {
    padding: 0 28px;
    display: inline-block;
    margin-bottom: 50px;
    float: right
}

.sawal-pochain .bar {
    background: #4e3a26;
    width: 100%;
    margin-bottom: 30px
}

.sawal-pochain .bar h3 {
    padding: 20px 30px;
    background: #4e3a26;
    color: #fff;
    font-size: 25px;
    margin-bottom: 0;
    background: url("/assets/images/talash-pattren.jpg") repeat
}

.sawal-pochain .bar h3 i {
    font-size: 24px;
    margin: 0 0 0 10px;
    line-height: 22px;
    position: relative;
    top: 4px
}

.sawal-pochain ::-webkit-input-placeholder {
    color: #000
}

.sawal-pochain :-moz-placeholder {
    color: #000
}

.sawal-pochain ::-moz-placeholder {
    color: #000
}

.sawal-pochain :-ms-input-placeholder {
    color: #000
}

.sawal-pochain .captcha-cont .form-control {
    width: 30%;
    float: right;
    margin-left: 25px
}

.sawal-pochain .captcha-cont .img-box {
    float: right;
    width: 20%;
    font-size: 18px;
    color: #737373;
    position: relative;
    line-height: 34px
}

.sawal-pochain .captcha-cont .img-box:before {
    content: '';
    width: 1px;
    height: 100%;
    background: #e7ddd2;
    position: absolute;
    top: 0;
    right: 36px
}

.sawal-pochain .captcha-cont .img-box a {
    color: #737373;
    width: 110px;
    display: inline-block;
    text-align: left;
    z-index: 1;
    position: relative;
    text-decoration: none
}

.sawal-pochain .captcha-cont .img-box i {
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 3px;
    z-index: 0
}

.sawal-pochain .captcha-cont .btn {
    background: #4e3a26;
    border: none;
    padding: 7px 30px 8px 30px;
    position: relative
}

.sawal-pochain .captcha-cont .btn span {
    position: relative;
    z-index: 1
}

.sawal-pochain .bootstrap-select {
    border: 1px solid #E7DDD2
}

.sawal-pochain .has-error .bootstrap-select {
    border: 1px solid #A94442
}

#map-canvas {
    height: 330px;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    border: solid 1px #c4c4c4;
    margin-bottom: 50px
}

#content {
    overflow: hidden;
    padding: 0 20px 0 0
}

#content h3 {
    font-size: 16px
}

#content .leftImg {
    float: left;
    width: 100px;
    height: 100px
}

#content .rightTxt {
    width: 170px;
    float: right
}

#content p {
    font-size: 12px;
    margin-bottom: 10px;
    float: right
}

#content p i {
    margin-left: 5px;
    width: 15px;
    float: right
}

#content p b {
    margin-left: 5px;
    width: 30px;
    float: right
}

.custom-row h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #323232
}

.custom-row hr {
    margin: 0 0 20px 0;
    height: 1px;
    width: 100%;
    border: none;
    background: #d4c8bb
}

.custom-row h4 {
    color: #323232;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px
}

.custom-row p {
    color: #737373;
    font-size: 16px
}

.custom-row p b {
    width: 70px;
    float: right;
    color: #4e3a26
}

.custom-row p a {
    color: #737373
}

.custom-row p a:hover, .custom-row p a:focus {
    text-decoration: none
}

.listStyle {
    margin: 0;
    padding: 0
}

.listStyle li {
    list-style: none;
    display: block;
    color: #323232;
    margin: 0 0 30px 0;
    position: relative;
    padding-right: 20px
}

.listStyle li:before {
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 5px;
    content: '';
    background: url("/assets/images/listing-side.png") no-repeat
}

@media (min-width: 1200px) {
    .iftah-boxes h4 a:hover {
        color: #e5d8ca
    }

    .iftah-boxes h4 a:hover:before {
        width: 100%
    }

    .dar-ul-iftah .bar a:hover {
        color: #e5d8ca
    }

    .dar-ul-iftah .bar a:hover:before {
        width: 100%
    }

    .sawal-pochain .captcha-cont .btn:hover {
        color: #e5d8ca
    }

    .sawal-pochain .captcha-cont .btn:hover:before {
        height: 100%
    }

    .star-listing li a:hover {
        background: #4e3a26 url("/assets/svg/star-white.svg") no-repeat 97% center;
        color: #fff;
        text-decoration: none;
        padding-right: 45px
    }

    .talash-karein .col-md-3 {
        width: 24%
    }

    .talash-karein .col-md-1 {
        width: 11.333%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .talash-karein .col-md-1 {
        width: 14.333%
    }

    .talash-karein .col-md-3 {
        width: 23%
    }

    .star-listing li a {
        padding-left: 5px
    }

    .iftah-boxes h4 {
        padding: 20px 15px
    }

    .book-slider.owl-theme .owl-controls .owl-nav .owl-prev {
        right: -40px
    }

    .book-slider.owl-theme .owl-controls .owl-nav .owl-next {
        left: -40px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .talash-karein h3 {
        margin-bottom: 22px
    }

    .talash-karein .col-md-1 {
        width: 25%
    }

    .matloba-sawal {
        height: 180px
    }

    .matloba-sawal .txt {
        width: 78%
    }

    .textture-box .col-md-3 {
        text-align: center;
        margin-top: 40px
    }

    .textture-box .col-md-3 a {
        display: inline-block
    }

    .magazine_div .detail_mag ul li {
        padding-left: 25px !important
    }

    .name-results {
        margin-bottom: 20px
    }

    .sawal-pochain {
        margin-bottom: 25px
    }

    .listing-bok .book-item {
        padding: 0 15px;
        width: 33.333%
    }

    .star-listing {
        margin: 0 0 15px 0
    }

    .dar-ul-iftah {
        padding: 20px 0 5px 0
    }
}

@media (max-width: 767px) {
    .inner-head img {
        -webkit-border-radius: 8px 8px 0 0;
        -moz-border-radius: 8px 8px 0 0;
        border-radius: 8px 8px 0 0
    }

    .inner-head .para {
        position: initial;
        width: 100%;
        border-top: none;
        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px
    }

    .inner-head .para p {
        line-height: 30px;
        font-size: 16px
    }

    .talash-karein {
        height: 257px;
        overflow: visible
    }

    .talash-karein [class^="col-xs-6"] {
        width: 50%
    }

    .talash-karein h3 {
        margin-bottom: 30px
    }

    .dar-ul-iftah {
        padding: 30px 0
    }

    .dar-ul-iftah [class^="col-"] {
        margin-bottom: 30px
    }

    .dar-ul-iftah [class^="col-"]:last-child {
        margin-bottom: 0
    }

    .textture-box {
        padding: 30px 0
    }

    .textture-box .left {
        width: 100%
    }

    .textture-box .right {
        width: 100%;
        text-align: right
    }

    .textture-box .col-md-3 {
        text-align: center
    }

    .textture-box .col-md-3 img {
        display: inline-block
    }

    .star-listing {
        margin-bottom: 30px
    }

    .listing-bok .book-item {
        padding: 0 15px;
        width: 50%
    }

    .sawal-pochain .captcha-cont .form-control {
        width: 48%
    }

    .form-group {
        margin-bottom: 15px
    }
}

@media (max-width: 480px) {
    .talash-karein {
        height: 370px
    }

    .talash-karein [class^="col-"] {
        width: 100%
    }

    .sawal-pochain .captcha-cont .img-box {
        width: 42%
    }

    .sawal-pochain .captcha-cont .btn {
        width: 100%;
        margin-top: 20px
    }

    .pagination > li > a, .pagination > li > span {
        padding: 6px 8px
    }

    .listing-bok .book-item {
        padding: 0;
        display: block;
        width: 100%;
        text-align: center
    }

    .listing-bok .book-item .book-thumb {
        display: inline-block
    }

    .sawal-pochain button[type="submit"] {
        width: 100%;
        margin-top: 30px
    }

    .sawal-pochain .captcha-cont .img-box {
        width: 25%
    }

    .textture-box h3 {
        font-size: 23px
    }
}

@media (max-width: 320px) {
    .textture-box .right a {
        width: 49%;
        margin-right: 0
    }

    .textture-box .right a:last-child {
        float: left
    }

    .title-heading a {
        font-size: 12px;
        margin-top: 10px
    }
}

.bannner {
    overflow: hidden;
    padding: 10px 0;
    position: relative
}

.bannner:before {
    background: #f9f9f9;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: 99
}

.bannner:after {
    background: #f9f9f9;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    z-index: 99
}

.bannner .bx-wrapper {
    margin-bottom: 0
}

.bannner .bx-wrapper .bx-viewport {
    box-shadow: none;
    background: transparent;
    border: none;
    left: 0
}

.bannner .bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 80px;
    background: rgba(65, 54, 43, 0.4);
    border: solid 1px rgba(255, 255, 255, 0.4);
    text-indent: 0;
    color: #fff;
    text-align: center;
    line-height: 84px;
    font-size: 40px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.bannner .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
    border-left: none
}

.bannner .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
    border-right: none
}

.bannner .bx-wrapper .bx-controls-direction a.bx-next i {
    position: relative;
    left: 2px
}

.bannner .bx-wrapper .bx-controls-direction a:hover, .bannner .bx-wrapper .bx-controls-direction a:focus {
    text-decoration: none
}

.bannner .bx-wrapper .bx-pager {
    text-align: left;
    padding: 0;
    bottom: 10px;
    left: 40px
}

.bannner .bx-wrapper .bx-pager.bx-default-pager a {
    background: none;
    border: solid 2px #fff;
    text-indent: -8000px !important;
    font-size: 0;
    width: 11px;
    height: 11px
}

.bannner .bx-wrapper .bx-pager.bx-default-pager a.active, .bannner .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #41362b
}

.bannner ul {
    margin: 0;
    padding: 0
}

.bannner ul li {
    list-style: none
}

.bannner ul li .text {
    background: rgba(0, 0, 0, 0.5);
    height: 81px;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 40px;
    z-index: 99;
    color: #fff;
    font-size: 28px;
    line-height: 81px;
    padding: 0 20px 0 0;
    border-right: solid 5px #fff
}

.bannner .img-responsive.desktop-banner {
    display: block
}

.bannner .img-responsive.mobile-banner {
    display: none
}

/* Keep the home banner height fixed: reserve space, hide extra slides until bxSlider starts */
.bannner > .home-banner > li:not(:first-child) {
    display: none
}

.bannner .home-banner img.desktop-banner {
    width: 100%;
    height: auto;
    aspect-ratio: 1903 / 370;
    object-fit: cover
}

.bannner .home-banner img.mobile-banner {
    width: 100%;
    height: auto;
    aspect-ratio: 777 / 370;
    object-fit: cover
}

.bannner .mousqe {
    background: url("/assets/images/masjid.png") no-repeat;
    width: 585px;
    height: 265px;
    position: absolute;
    right: 100px;
    bottom: 0
}

.news-ticker {
    overflow: visible;
    position: initial;
    padding: 20px 0;
    background: #f9f9f9 url("/assets/images/ticker-bg.jpg") repeat-x bottom;
    height: 80px
}

.news-ticker .news {
    margin: 0;
    padding: 0
}

.news-ticker .news li {
    font-size: 18px;
    height: 35px;
    overflow: hidden;
    padding-right: 15px;
    line-height: 40px
}

.news-ticker .bx-wrapper .bx-viewport {
    background: none
}

@media (min-width: 1200px) {
    .bannner .bx-wrapper .bx-pager {
        bottom: 50px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

    .bannner .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -100px
    }

    .bannner .bx-wrapper .bx-controls-direction a.bx-prev:hover {
        background: #41362b;
        border: solid 1px #fff;
        border-left: none
    }

    .bannner .bx-wrapper .bx-controls-direction a.bx-next {
        right: -100px
    }

    .bannner .bx-wrapper .bx-controls-direction a.bx-next:hover {
        background: #41362b;
        border: solid 1px #fff;
        border-right: none
    }

    .bannner:hover .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0
    }

    .bannner:hover .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0
    }
}

@media (max-width: 767px) {
    .bannner .container {
        padding: 0
    }

    .bannner .container .row {
        margin: 0
    }

    .bannner .container .row [class^="col-"] {
        padding: 0
    }

    .bannner ul li .text {
        position: initial;
        height: initial;
        background: #4e3a26;
        color: #fff;
        line-height: 50px;
        padding: 30px;
        border: none;
        font-size: 20px
    }

    .bannner .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0
    }

    .bannner .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0
    }

    .bannner .bx-wrapper .bx-pager {
        display: none !important
    }

    .bannner .img-responsive.desktop-banner {
        display: none
    }

    .bannner .img-responsive.mobile-banner {
        display: block
    }

    .bannner .mousqe {
        display: none
    }

    .inner-banner h2 {
        margin-top: 0;
        font-size: 40px;
        margin: 0;
        padding: 5px 15px 0
    }

    .right-heading {
        display: none
    }
}

section {
    padding: 50px 0;
    background: #fff;
    position: relative;
    z-index: 1
}

.col-sm-6.col-md-4.item .box {
    padding: 24px 24px 24px 10px
}

.box {
    background: #fff;
    -webkit-box-shadow: 0 0 0 #000, inset -12px -12px 50px #d2d2d2;
    -moz-box-shadow: 0 0 0 #000, inset -12px -12px 50px #d2d2d2;
    box-shadow: 0 0 0 #000, inset -12px -12px 50px #d2d2d2;
    height: 140px;
    border: solid 1px #dbdbdb;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    padding: 24px
}

.box p {
    font-size: 18px;
    margin-bottom: 15px
}

.box:before {
    width: 268px;
    height: 120%;
    position: absolute;
    left: -134px;
    top: -10%;
    content: '';
    background: #f7f0da;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
    -o-border-radius: 90px;
    -ms-border-radius: 90px;
    border-radius: 90px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.box .left {
    float: right;
    position: relative;
    z-index: 9
}

.box .icon {
    width: 104px;
    height: 94px;
    float: left;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.box a {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.tabing-section {
    background: #5c5248 url("/assets/images/cen_bg.jpg") repeat;
    background-attachment: fixed
}

.tabing-section .nav-tabs {
    border-bottom: solid 1px #eceae9
}

.tabing-section .nav-tabs li {
    width: 50%;
    text-align: center
}

.tabing-section .nav-tabs li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    font-size: 30px;
    border: solid 2px #7b654d;
    background: #7b654d;
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    margin: 0
}

.tabing-section .nav-tabs li.active a {
    border: solid 2px #e5d8ca;
    background: #e5d8ca;
    color: #7b654d
}

.tabing-section .tab-box {
    padding: 0 15px
}

.tabing-section .tab-box a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    color: #7b654d;
    line-height: initial;
    font-weight: bold
}

.tabing-section .tab-box a:before {
    width: 0;
    right: 0;
    bottom: 0;
    background: #73161f;
    height: 2px;
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.tabing-section .tab-box a:hover, .tabing-section .tab-box a:focus {
    text-decoration: none
}

.tabing-section .tab-content {
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 30px 0
}

.tabing-section .tab-content [class^="col-"] {
    border-left: solid 1px #dbdbdb
}

.tabing-section .tab-content [class^="col-"]:last-child {
    border: none
}

.tabing-section .tab-content h4 {
    color: #737373;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 15px
}

.tabing-section .tab-content h3 {
    color: #7b654d;
    font-size: 25px;
    line-height: 42px;
    margin-bottom: 20px
}

.tabing-section .tab-content p {
    color: #737373;
    font-size: 15px;
    line-height: 29px;
    margin-bottom: 20px
}

.tabing-section .tab-content .media {
    padding-bottom: 20px;
    border-bottom: solid 1px #dbdbdb;
    margin-bottom: 20px
}

.tabing-section .tab-content .media .media-left {
    padding-left: 30px
}

.tabing-section .tab-content .media .media-left a {
    display: block;
    overflow: hidden
}

.tabing-section .tab-content .media .media-left a:before {
    display: none
}

.tabing-section .tab-content .media .media-left a:after {
    content: '';
    position: absolute;
    background: #73161f;
    opacity: 0.5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.tabing-section .tab-content .media .media-left a img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.tabing-section .tab-content .media:last-child {
    margin-bottom: 0;
    border: none
}

.tabing-section .tab-content .media p {
    font-size: 16px;
    color: #323232;
    margin-bottom: 10px
}

.tabing-section .tab-content .media .media-body {
    overflow: visible
}

.tabing-section .tab-content .media .media-body a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    display: inline-block
}

.tabing-section .tab-content .media .media-body a:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.tabing-section .tab-content .media .media-body a:hover, .tabing-section .tab-content .media .media-body a:focus {
    text-decoration: none
}

.islam-arkan h4 {
    padding: 20px 30px;
    background: #4e3a26;
    color: #fff;
    font-size: 25px;
    margin-bottom: 0;
    background: url("/assets/images/talash-pattren.jpg") repeat
}

.islam-arkan .media-body a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.islam-arkan .media-body a:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -3px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.islam-arkan .media-body a i {
    position: relative;
    top: 4px
}

.islam-arkan .media-body a:hover, .islam-arkan .media-body a:focus {
    text-decoration: none
}

.islam-box {
    padding: 30px 25px;
    border: solid 1px #dbdbdb;
    border-top: none;
    height: 330px;
    margin-bottom: 30px
}

.islam-box .media {
    padding-bottom: 20px;
    border-bottom: solid 1px #dbdbdb;
    margin-bottom: 20px
}

.islam-box .media .media-left {
    padding-left: 30px
}

.islam-box .media .media-left a {
    display: block;
    overflow: hidden;
    position: relative
}

.islam-box .media .media-left a:after {
    content: '';
    position: absolute;
    background: #73161f;
    opacity: 0.5;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.islam-box .media .media-left a img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.islam-box .media:last-child {
    margin-bottom: 0;
    border: none
}

.islam-box .media img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px
}

.islam-box .media h3 {
    font-size: 17px;
    line-height: 22px;
    margin: 0;
    margin-bottom: 10px
}

.islam-box .media h3 a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.islam-box .media h3 a:before {
    width: 0;
    height: 1px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.islam-box .media h3 a:hover, .islam-box .media h3 a:focus {
    text-decoration: none
}

.islam-box .media p {
    color: #737373;
    margin-bottom: 10px
}

.namaz-okat {
    margin: 30px 0;
    padding: 0;
    overflow: hidden
}

.namaz-okat li {
    list-style: none;
    border: solid 1px #dbdbdb;
    float: right;
    width: 50%;
    padding: 10px;
    margin-bottom: 10px
}

.namaz-okat li:nth-child(2n+2) {
    border-right: none
}

.namaz-okat li .sun {
    float: right;
    margin-left: 10px
}

.namaz-okat li .namaz {
    font-size: 18px;
    color: #7b654d;
    float: right;
    margin-left: 10px
}

.namaz-okat li .time {
    float: left;
    color: #737373;
    padding-top: 5px
}

.ftThumb {
    overflow: hidden;
    display: block;
    position: relative;
    vertical-align: middle
}

.ftThumb img {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ftThumb .name {
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 30px;
    top: 0;
    margin: auto;
    bottom: 0;
    height: 50px;
    opacity: 1
}

.ftThumb span {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    right: 30px;
    bottom: 10px;
    opacity: 0;
    z-index: 9;
    color: #fff
}

.ftThumb:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: -moz-linear-gradient(left, transparent 0%, rgba(1, 1, 0, 0) 1%, rgba(75, 57, 39, 0.64) 100%, rgba(75, 57, 39, 0.65) 100%);
    background: -webkit-linear-gradient(left, transparent 0%, rgba(1, 1, 0, 0) 1%, rgba(75, 57, 39, 0.64) 100%, rgba(75, 57, 39, 0.65) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(1, 1, 0, 0) 1%, rgba(75, 57, 39, 0.64) 100%, rgba(75, 57, 39, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a64b3927', GradientType=1);
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.app-section {
    background: url("/assets/images/app_bg.jpg") repeat;
    height: 150px;
    padding: 16px 0 0 0
}

.app-section h3 {
    color: #4e3a26;
    font-size: 30px;
    line-height: 30px;
    padding-top: 40px;
    margin-bottom: 20px
}

.app-section a {
    display: inline-block;
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 18px;
    color: #4e3a26
}

.app-section a:before {
    width: 0;
    height: 2px;
    background: #73161f;
    content: '';
    position: absolute;
    right: 0;
    bottom: -5px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.app-section a:hover, .app-section a:focus {
    text-decoration: none
}

.app-section a i {
    position: relative;
    top: 2px;
    font-size: 14px
}

.app-logo {
    margin: auto;
    overflow: hidden;
    margin-bottom: 10px;
    display: inline-block;
    background: #fff
}

.app-logo img {
    position: relative;
    z-index: 9
}

.app-logo:before {
    display: none
}

.app-logo:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    background: #e5d8ca;
    content: '';
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    width: 120%
}

@media (min-width: 1200px) {
    .tabing-section .nav-tabs li a:hover, .tabing-section .nav-tabs li a:focus {
        border: solid 2px #e5d8ca;
        background: #e5d8ca;
        color: #7b654d
    }

    .tabing-section .tab-content .media .media-body a:hover {
        color: #73161f
    }

    .tabing-section .tab-content .media .media-body a:hover:before {
        width: 100%
    }

    .islam-box .media .media-left a:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .islam-box .media .media-left a:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .islam-box .media .media-body a:hover {
        color: #73161f
    }

    .islam-box .media .media-body a:hover:before {
        width: 100%
    }

    .box:hover:before {
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        left: 0
    }

    .box a:hover {
        color: #73161f
    }

    .box a:hover:before {
        width: 100%
    }

    .tabing-section .tab-box a:hover {
        color: #73161f
    }

    .tabing-section .tab-box a:hover:before {
        width: 100%
    }

    .tabing-section .tab-content .media .media-left a:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .tabing-section .tab-content .media .media-left a:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .app-section a:hover {
        color: #73161f
    }

    .app-section a:hover:before {
        width: 100%
    }

    .ftThumb:hover img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    .ftThumb:hover span {
        opacity: 1;
        bottom: 20px
    }

    .ftThumb:hover:before {
        width: 400%
    }

    .app-logo:hover:after {
        height: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .box {
        padding: 24px 15px
    }

    .box:before {
        width: 260px
    }

    .box p {
        font-size: 13px
    }

    .islam-box {
        padding: 30px 15px
    }

    .islam-box .media {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .namaz-okat li .namaz {
        font-size: 13px;
        margin-left: 10px;
        padding-top: 8px
    }

    .namaz-okat li .time {
        padding-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .box p {
        font-size: 16px
    }

    .tabing-section .tab-content [class^="col-"] {
        margin-bottom: 30px
    }

    .tabing-section .tab-content [class^="col-"]:first-child {
        border: none
    }

    .tabing-section .tab-content [class^="col-"]:last-child {
        margin-bottom: 0
    }

    .app-section {
        height: initial
    }

    .app-section h3 {
        font-size: 24px;
        line-height: 30px;
        padding-top: 10px;
        margin-bottom: 10px
    }

    .app-logo {
        margin-bottom: 5px
    }

    .app-logo:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .box {
        padding: 15px
    }

    .box:before {
        width: 250px
    }

    .box p {
        margin-bottom: 10px;
        font-size: 15px
    }

    .box .left {
        width: 60%
    }

    .box .icon {
        width: 91px
    }

    .box .icon img {
        width: initial !important;
        height: initial !important;
        display: inline-block !important
    }

    .home-box.owl-theme .owl-dots .owl-dot.active span {
        background: #41362b
    }

    .home-box.owl-theme .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        background: #7b654d
    }

    .tabing-section .tab-content [class^="col-"] {
        margin-bottom: 30px
    }

    .tabing-section .tab-content [class^="col-"]:last-child {
        margin-bottom: 0
    }

    .islam-box {
        padding: 15px;
        height: initial
    }

    .app-section {
        height: initial;
        padding: 30px 0
    }

    .app-section h3 {
        padding: 0
    }

    .app-section [class^="col-"] {
        margin-bottom: 30px
    }

    .app-section [class^="col-"]:first-child {
        display: none
    }

    .app-section [class^="col-"]:last-child {
        margin-bottom: 0
    }

    .app-logo {
        margin: auto 5px
    }
}

@media (max-width: 480px) {
    .last-banner [class^="col-"] {
        width: 100%;
        margin-bottom: 20px
    }

    .last-banner [class^="col-"]:last-child {
        margin-bottom: 0
    }

    .app-logo {
        margin: auto;
        margin-bottom: 10px
    }
}

@media (max-width: 320px) {
    .islam-arkan h4 {
        padding: 20px 15px
    }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: rgba(159, 13, 18, 0.5);
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer, .fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("/assets/images/fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("/assets/images/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("/assets/images/blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("/assets/images/fancybox_overlay.png")
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url("/assets/images/fancybox_sprite@2x.png");
        background-size: 44px 152px
    }

    #fancybox-loading div {
        background-image: url("/assets/images/	fancybox_loading@2x.gif");
        background-size: 24px 24px
    }
}

.side-menu {
    background: #e7ddd2;
    font-weight: bold;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.side-menu h3 {
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    font-size: 24px;
    padding: 22px 60px 20px 25px;
    line-height: 24px;
    margin: 0;
    color: #fff;
    position: relative;
    background: url("/assets/images/talash-pattren.jpg") repeat
}

.side-menu h3 i {
    font-size: 25px;
    position: absolute;
    top: 24px;
    right: 20px
}

.side-menu a:hover {
    text-decoration: none
}

.side-menu .mazameeen-toggle ul.page-links {
    background: none;
    border: 0;
    padding: 0
}

.side-menu .mazameeen-toggle ul.page-links li {
    padding: 0 0 0 0;
    width: 100%;
    display: block;
    background: #E7DDD2;
    border-top: 1px solid #f8f3ee;
    border-bottom: 1px solid #d4c8bb
}

.side-menu .mazameeen-toggle ul.page-links li a:hover {
    color: #fff
}

.side-menu .mazameeen-toggle ul.page-links li a[data-toggle="collapse"]:before {
    content: "\75";
    position: absolute;
    left: 15px;
    top: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-family: "banuria-new" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 35px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.side-menu .mazameeen-toggle ul.page-links li a[aria-expanded="true"]:before {
    content: "\76"
}

.side-menu .mazameeen-toggle ul.page-links li ul {
    padding: 0
}

.side-menu .page-links {
    padding: 0;
    margin: 0
}

.side-menu .page-links li {
    margin: 0;
    list-style: none;
    border-top: 1px solid #f8f3ee;
    border-bottom: 1px solid #d4c8bb
}

.side-menu .page-links li:first-child, .side-menu .page-links li:last-child {
    border: none
}

.side-menu .page-links li a {
    background: #e7ddd2 url("/assets/images/listing-side.png") no-repeat 92% center;
    color: #323232;
    display: block;
    padding: 10px 40px 10px 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 16px
}

.side-menu .page-links li a:hover, .side-menu .page-links li a:focus {
    text-decoration: none
}

.side-menu .page-links li.active a {
    background: #41362b url("/assets/images/listing-side-white.png") no-repeat 92% center;
    color: #fff;
    text-decoration: none
}

.side-menu .heading-area {
    border-top: 13px solid #4e3a26;
    padding: 23px 0 10px;
    margin-bottom: 20px;
    background: #e5d8ca
}

.side-menu .nay-fatway {
    padding: 0;
    margin-bottom: 0;
    display: inline-block;
    width: 100%
}

.side-menu .nay-fatway li {
    margin: 0;
    list-style: none;
    border-top: 1px solid #f8f3ee;
    border-bottom: 1px solid #d4c8bb;
    float: right;
    width: 100%
}

.side-menu .nay-fatway li:last-child {
    border: none
}

.side-menu .nay-fatway li span {
    float: left;
    width: 75%
}

.side-menu .nay-fatway li img {
    float: right
}

.side-menu .nay-fatway li:first-child {
    border-top: 0 solid
}

.side-menu .nay-fatway li a {
    color: #323232;
    padding: 10px 20px 10px 12px;
    font-size: 16px;
    display: block;
    overflow: hidden;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.side-menu p {
    margin: 0;
    padding: 22px 30px;
    font-size: 14px
}

.side-menu .timing {
    margin: 0;
    padding: 0 0 30px 0
}

.side-menu .timing li {
    margin: 0;
    list-style: none;
    line-height: 50px;
    font-size: 18px;
    padding: 0 22px 0 55px;
    border-top: 1px solid #f8f3ee;
    border-bottom: 1px solid #d4c8bb
}

.side-menu .timing li img {
    margin: 0 0 0 22px;
    position: relative;
    top: -5px
}

.side-menu .timing li .time {
    float: left;
    color: #737373;
    font-size: 16px
}

.side-menu .timing li:last-child {
    border-bottom: none
}

.side-menu .panel-group {
    margin: 0
}

.side-menu .panel-group .panel-default {
    border: none
}

.side-menu .panel-group .panel-default > .panel-heading {
    background: none;
    border: none;
    padding: 0;
    border-bottom: solid 1px #f8f3ee
}

.side-menu .panel-group .panel-default > .panel-heading a {
    display: block;
    padding: 10px 15px;
    background: #5d5247;
    color: #fff;
    font-size: 20px;
    position: relative;
    border-bottom: solid 1px #b9ac9e
}

.side-menu .panel-group .panel-default > .panel-heading a.collapsed {
    background: #cfc5ba;
    color: #323232
}

.side-menu .panel-group .panel-default > .panel-heading a.collapsed:before {
    content: "\75"
}

.side-menu .panel-group .panel-default > .panel-heading a:before {
    position: absolute;
    left: 15px;
    top: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-family: "banuria-new" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    text-align: center;
    line-height: 42px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\76"
}

.side-menu .panel-group .panel-default > .panel-heading a:hover, .side-menu .panel-group .panel-default > .panel-heading a:focus {
    text-decoration: none
}

.side-menu .panel-group .panel + .panel {
    margin: 0;
    border: none
}

.side-menu .panel-group .panel-body {
    padding: 0
}

.side-menu .btn-primary {
    display: inline-block;
    margin: 0 7% 20px 7%;
    width: 86%
}

.side-menu .nav-tabs {
    border: none
}

.side-menu .nav-tabs li {
    width: 50%
}

.side-menu .nav-tabs li a {
    border: none;
    background: #7b654d;
    color: #fff;
    padding: 15px;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    text-align: center;
    font-size: 18px;
    font-weight: 100
}

.side-menu .nav-tabs li a:hover, .side-menu .nav-tabs li a:focus {
    text-decoration: none
}

.side-menu .nav-tabs li.active a {
    border: none;
    background: #4e3a26;
    color: #fff
}

.side-menu .form-wrapper {
    overflow: visible
}

.side-menu .mozuaaat {
    padding: 12px 25px 0;
    background: #e7ddd2;
    width: 100%;
    display: inline-block
}

.side-menu .mozuaaat li {
    margin: 0 0 12px 8px;
    list-style: none;
    line-height: 30px;
    padding: 0 6px;
    background: #cabfb4;
    float: right
}

.sidethumb {
    overflow: hidden;
    display: block;
    position: relative;
    vertical-align: middle;
    margin-bottom: 20px
}

.sidethumb .sidethumbtxt {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.sidethumb h4 {
    color: #fff;
    font-size: 22px
}

.sidethumb span {
    font-size: 15px;
    color: #e7ddd2
}

.form-box {
    background: url("/assets/images/patteren-lighten.jpg") repeat;
    padding: 15px
}

.form-box .form-group {
    margin-bottom: 10px
}

.form-box .captcha-field {
    overflow: hidden
}

.form-box .captcha-field .form-control {
    width: 50%;
    float: right
}

.form-box .captcha-field .img-box {
    width: 50%;
    float: right;
    height: 36px;
    text-align: center;
    padding: 10px
}

.form-box button[type="submit"] {
    border: none;
    height: 36px;
    background: #cabfb4;
    width: 128px;
    text-align: center;
    padding: 10px;
    line-height: 20px
}

.form-box button[type="submit"] span {
    margin-right: 10px
}

.form-box ::-webkit-input-placeholder {
    color: #414141
}

.form-box :-moz-placeholder {
    color: #414141
}

.form-box ::-moz-placeholder {
    color: #414141
}

.form-box :-ms-input-placeholder {
    color: #414141
}

@media (min-width: 1200px) {
    .side-menu .page-links li a:hover {
        background: #41362b url("/assets/images/listing-side-white.png") no-repeat 90% center;
        color: #fff;
        text-decoration: none;
        padding-right: 45px
    }

    .side-menu .nay-fatway li a:hover {
        color: #fff;
        text-decoration: none;
        background: #41362b
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .side-menu .nay-fatway li span {
        width: 70%
    }

    .side-menu .nav-tabs li a {
        padding: 15px 5px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidethumb {
        width: 48%;
        margin-left: 2%;
        float: right
    }

    .sidethumb img {
        width: 100%
    }

    .sidethumb:last-child {
        margin-left: 0
    }

    .side-menu .page-links li a {
        background-position: 97%
    }

    .side-menu .nay-fatway li span {
        width: 90%;
        padding: 5px 0 0 0
    }
}

@media (max-width: 767px) {
    .sidethumb {
        width: 49%;
        float: right
    }

    .sidethumb:last-child {
        float: left
    }

    .sidethumb img {
        width: 100%
    }

    .side-menu .page-links li a {
        background-position: 98% center
    }
}

@media (max-width: 480px) {
    .sidethumb {
        width: 100%;
        float: right
    }

    .sidethumb:last-child {
        float: left
    }
}

footer {
    background: #4e3a26 url("/assets/images/footer_bg.jpg") repeat;
    padding: 50px 0
}

footer h3 {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    border-bottom: 1px solid #41362b;
    padding-bottom: 18px;
    margin-bottom: 15px
}

footer p {
    color: #fff;
    font-size: 15px;
    line-height: 30px
}

footer p a {
    color: #fff
}

footer p a:hover, footer p a:focus {
    text-decoration: none
}

footer .ftList {
    margin: 0;
    padding: 0
}

footer .ftList li {
    list-style: none;
    margin: 0
}

footer .ftList li a {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    display: inline-block
}

footer .ftList li a i {
    font-size: 12px;
    margin-left: 5px;
    position: relative;
    top: 3px
}

footer .ftList li a:hover, footer .ftList li a:focus {
    text-decoration: none
}

footer .ftList li a.active {
    color: #e5d8ca
}

footer .ftList li a.active:before {
    width: 100%
}

footer .ftList li.active a {
    color: #e5d8ca
}

footer .ftList li.active a:before {
    width: 100%
}

footer hr {
    background: #41362b;
    margin: 30px 0;
    border: none;
    height: 1px
}

footer .last-pra {
    margin-bottom: 0
}

footer a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative
}

footer a:before {
    width: 0;
    right: 0;
    bottom: 0;
    background: #e5d8ca;
    height: 1px;
    content: '';
    position: absolute;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

footer a:hover, footer a:focus {
    text-decoration: none
}

footer a.active {
    color: #e5d8ca
}

footer a.active:before {
    width: 100%
}

footer .col-md-3:first-child p {
    padding-left: 85px
}

.ftLogo {
    margin-bottom: 30px;
    display: inline-block
}

.ftLogo:before {
    display: none
}

.back-to-top {
    position: fixed;
    left: -10%;
    bottom: 10%;
    background: #7b654d;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 50px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 999
}

.back-to-top:hover, .back-to-top:focus {
    text-decoration: none
}

.show {
    left: 5%
}

@media (min-width: 1200px) {
    .back-to-top:hover {
        background: #4e3a26;
        color: #fff
    }

    footer .ftList li a:hover {
        color: #e5d8ca
    }

    footer .ftList li a:hover:before {
        width: 100%
    }

    footer a:hover {
        color: #e5d8ca
    }

    footer a:hover:before {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    footer [class^="col-sm"] {
        margin-bottom: 30px
    }

    .back-to-top {
        left: -10%
    }

    .show {
        left: 5%
    }
}

@media (max-width: 767px) {
    footer .ftList {
        margin: 0 0 30px 0
    }

    .back-to-top {
        left: -60px
    }

    .show {
        left: 5%
    }
}

.visible {
    display: block
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bx-wrapper .bx-viewport {
    left: 0;
    background: #fff;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(/assets/images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(/assets/images/controls.png) no-repeat 0 -32px
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(/assets/images/controls.png) no-repeat -43px -32px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0 0
}

.bx-wrapper .bx-next:hover {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(/assets/images/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(/assets/images/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666 \9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

#nav-icon3 {
    width: 40px;
    height: 45px;
    position: relative;
    margin: 0 auto;
    z-index: 9999;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -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
}

#nav-icon3 span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #7b654d;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -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
}

#nav-icon3 span:nth-child(1) {
    top: 6px
}

#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 18px
}

#nav-icon3 span:nth-child(4) {
    top: 30px
}

#nav-icon3.click span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%
}

#nav-icon3.click span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#nav-icon3.click span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#nav-icon3.click span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%
}

@media (max-width: 767px) {
    #nav-icon3 {
        float: left;
        margin-top: 10px;
        display: block
    }

    #nav-icon3 span {
        background: #7b654d
    }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.win .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

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

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    100% {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

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

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

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-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)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-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)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

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

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

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

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

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

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

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

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

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

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

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

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

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

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

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.win .animate {
    filter: alpha(opacity=0);
    opacity: 0
}

.ie9 .animate, .ie8 .animate {
    filter: alpha(opacity=100);
    opacity: 1
}

body {
    overflow: hidden
}

body.loaded {
    overflow-y: scroll
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999
}

#loader {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 150px;
    height: 150px;
    margin: auto;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #41362b;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 9999999
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #7b654d;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #41362b;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

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

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

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    z-index: 999999;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#loader-wrapper .loader-section.section-left {
    left: 0
}

#loader-wrapper .loader-section.section-right {
    right: 0
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out
}

.no-js #loader-wrapper {
    display: none
}

/*!
 * Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
 *
 * Copyright 2013-2014 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select {
    position: relative
}

ul.dropdown-menu.inner.selectpicker {
    max-height: 200px !important
}

.bootstrap-select {
    width: 220px \0
}

.bootstrap-select > .btn {
    width: 100%;
    padding-right: 25px;
    background: transparent !important;
    border: none;
    margin: 0;
    height: 38px
}

.bootstrap-select > .btn:hover, .bootstrap-select > .btn:focus {
    background: transparent;
    border-color: #ccc
}

.error .bootstrap-select .btn {
    border: 1px solid #b94a48
}

.control-group.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%
}

.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right
}

.form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.input-append .bootstrap-select.btn-group {
    margin-left: -1px
}

.input-prepend .bootstrap-select.btn-group {
    margin-right: -1px
}

.bootstrap-select.btn-group > .disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group > .disabled:focus {
    outline: none !important
}

.bootstrap-select.btn-group .btn .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 96%;
    text-align: right;
    color: #414141;
    font-size: 14px
}

.has-success .bootstrap-select.btn-group .btn .filter-option {
    color: #555
}

.bootstrap-select.btn-group .btn .caret {
    position: absolute;
    right: 0;
    width: 34px;
    height: 38px;
    vertical-align: middle;
    top: 0;
    border: none;
    line-height: 36px;
    font-size: 20px;
    text-align: center
}

.bootstrap-select.btn-group .btn .caret:before {
    font-family: "banuria-new" !important;
    content: "\6f"
}

.bootstrap-select.btn-group[class*="col-"] .btn {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    z-index: 1035;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
    outline: none
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
    color: #64b1d8;
    color: rgba(100, 177, 216, 0.4)
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    outline: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .btn .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open > .btn {
    z-index: 1036
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #cccccc;
    border-bottom-color: rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-bottom: 0;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #cccccc;
    border-top-color: rgba(204, 204, 204, 0.2)
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
    display: block
}

.bs-searchbox, .bs-actionsbox {
    padding: 4px 8px
}

.bs-actionsbox {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-searchbox + .bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox input.form-control {
    margin-bottom: 0;
    width: 100%
}

.mobile-device {
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

@media (min-width: 1200px) {
    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
        background: #7b654d;
        color: #fff;
        text-decoration: none
    }
}

.magazine_div p {
    font-size: 17px;
    line-height: 36px
}

.magazine_div h2 {
    margin: 12px 0 20px 0;
    border-bottom: 1px solid #ece0d3;
    color: #73161f;
    font-size: 22px;
    padding-bottom: 16px;
    position: relative
}

.magazine_div h2:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    width: 34px;
    height: 14px;
    margin: 0 auto;
    background: #fff url("/assets/images/inner-sep.png") no-repeat center
}

.magazine_div h3 {
    margin: 12px 0 40px 0;
    border-bottom: 1px solid #ece0d3;
    padding-bottom: 16px;
    position: relative;
    color: #4e3a26;
    font-size: 30px
}

.magazine_div h3:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    width: 34px;
    height: 14px;
    margin: 0 auto;
    background: #fff url("/assets/images/inner-sep.png") no-repeat center
}

.magazine_div .detail_mag {
    display: inline-block;
    width: 100%;
    margin-bottom: 35px;
    border-bottom: 1px solid #ece0d3;
    padding-bottom: 52px;
    position: relative
}

.magazine_div .detail_mag h4 {
    margin-bottom: 22px;
    font-size: 24px;
    color: #4e3a26
}

.magazine_div .detail_mag:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7px;
    width: 34px;
    height: 14px;
    margin: 0 auto;
    background: #fff url("/assets/images/inner-sep.png") no-repeat center
}

.magazine_div .detail_mag ul {
    padding: 0;
    float: right;
    width: 100%
}

.magazine_div .detail_mag ul li {
    list-style-type: none;
    padding-left: 38px;
    float: right
}

.magazine_div .detail_mag ul li .dt_icon {
    float: right
}

.magazine_div .detail_mag ul li .dt_text {
    float: right;
    padding-right: 8px
}

.magazine_div .detail_mag ul li .dt_text a {
    color: #323232;
    font-size: 16px
}

.magazine_div .detail_mag:last-child {
    border-bottom: 0
}

.magazine_div .detail_mag:last-child:after {
    display: none
}

.magazine_div ul {
    padding: 0;
    list-style-type: none
}

.magazine_div ul li {
    line-height: 26px;
    margin-bottom: 10px
}

h4.red {
    background: #cabfb4;
    color: #73161f;
    width: 100%;
    font-size: 21px;
    line-height: 44px;
    margin-bottom: 0;
    padding-right: 15px
}

.share_print {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.share_print .bayan_info {
    float: right
}

.share_print .share_right {
    float: left
}

.share_print .share_right ul li {
    padding-right: 38px;
    padding-left: 0
}

.share_print ul {
    padding: 0;
    float: right
}

.share_print ul li {
    list-style-type: none;
    padding-left: 38px;
    float: right
}

.share_print ul li .dt_icon {
    float: right
}

.share_print ul li .dt_text {
    float: right;
    padding-right: 8px
}

.share_print ul li .dt_text a {
    color: #323232;
    font-size: 16px
}

.border-top {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    border-top: 1px solid #ece0d3;
    padding-top: 35px;
    position: relative
}

.border-top:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -7px;
    width: 34px;
    height: 14px;
    margin: 0 auto;
    background: #fff url("/assets/images/inner-sep.png") no-repeat center
}

@media (min-width: 992px) and (max-width: 1199px) {
    .magazine_div .detail_mag ul li {
        padding-left: 20px
    }
}

@media (max-width: 767px) {
    .share_print ul li {
        padding-left: 15px
    }

    .share_right ul li {
        padding-right: 15px;
        padding-left: 0
    }
}

@media (max-width: 480px) {
    .share_print ul li {
        width: 100%
    }

    .share_right {
        width: 100%
    }

    .share_print .share_right ul li {
        padding-right: 0;
        padding-left: 0
    }
}

.label-new {
    margin-bottom: 10px
}

.login-main {
    width: 585px;
    max-width: 100%;
    margin: 70px auto;
    padding: 40px 45px;
    border: 1px solid #e2dbd5;
    border-radius: 5px
}

.login-main h3 {
    text-align: center;
    border-bottom: 1px solid #f6efe7;
    margin-bottom: 0;
    padding-bottom: 20px;
    color: #73161f
}

.login-main form {
    padding: 41px 54px 15px
}

.login-main form .form-group {
    margin-bottom: 19px
}

.login-main form .btn {
    min-width: 110px;
    border-radius: 0
}

.login-main .thanks {
    display: none
}

.login-main .social-btn {
    display: inline-block;
    min-width: 221px;
    min-height: 44px;
    color: #ffffff;
    padding: 0 14px 0 0;
    line-height: 43px;
    margin-top: 13px;
    margin-bottom: 12px;
    text-decoration: none;
    position: relative
}

.login-main .social-btn i {
    position: absolute;
    left: 0;
    width: 44px;
    height: 100%;
    border-right: 1px solid;
    font-size: 25px;
    text-align: center;
    line-height: 50px
}

.login-main .gmail-icon {
    background-color: #dd4b39;
    float: right
}

.login-main .gmail-icon i {
    border-color: #e26556
}

.login-main .twitter-icon {
    background-color: #00aced
}

.login-main .twitter-icon i {
    border-color: #25b8f0
}

.login-main .facebook-icon {
    background-color: #3b5998;
    float: left
}

.login-main .facebook-icon i {
    border-color: #5771a7;
    font-size: 37px;
    line-height: 65px
}

#fontenforur {
    font-family: tahoma, arial, serif !important
}

.social-main {
    padding: 55px 0 0;
    display: inline-block;
    width: 100%
}

#login .captcha-cont .img-box, #register .captcha-cont .img-box {
    float: right;
    width: 100%;
    font-size: 18px;
    color: #737373;
    position: relative;
    line-height: 34px;
    margin: 5px 0 12px 0
}

#login .captcha-cont .img-box a, #register .captcha-cont .img-box a {
    color: #737373;
    width: 110px;
    display: inline-block;
    text-align: left;
    z-index: 1;
    position: relative;
    text-decoration: none
}

#login .captcha-cont .img-box i, #register .captcha-cont .img-box i {
    font-size: 18px;
    position: absolute;
    top: 8px;
    right: 3px;
    z-index: 0
}

@media (max-width: 767px) {
    .login-main {
        padding: 40px 15px
    }

    .login-main form {
        padding: 50px 15px
    }

    .social-main {
        text-align: center
    }

    .social-main a {
        float: none !important;
        margin: 0 10px
    }
}

@media (max-width: 480px) {
    .social-main a {
        float: none !important;
        margin-bottom: 10px
    }
}

.dashboard-list .list-question li {
    position: relative
}

.dashboard-list .list-question li:first-child {
    border-top: 0;
    padding-top: 5px
}

.dashboard-list .list-question li:first-child a.ans-done {
    top: 1px;
    margin: 0
}

.dashboard-list .list-question li:first-child a.not-done {
    top: 1px;
    margin: 0
}

.dashboard-list .list-question li a.ans-done {
    min-width: 108px;
    min-height: 32px;
    padding: 7px 0 6px;
    background: #3ab226;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    height: 32px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    margin: auto 0
}

.dashboard-list .list-question li a.not-done {
    min-width: 108px;
    min-height: 32px;
    padding: 7px 0 6px;
    background: #bc2626;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    height: 32px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    margin: auto 0
}

.page-not-found {
    direction: ltr;
    text-align: center;
    padding: 80px 0
}

.page-not-found h1 {
    font-size: 80px
}

.page-not-found h2 {
    font-size: 30px
}

.books-list .books-inner {
    padding: 35px 35px;
    border: 1px solid #D4C8BD;
    background: url("/assets/images/patteren-lighten.jpg") repeat center center;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px
}

.books-list .books-inner .books-thumbs {
    float: right;
    margin: 0 0 0 20px
}

.books-list .books-inner .books-thumbs img {
    max-width: 150px
}

.books-list .books-inner a.btn {
    position: absolute;
    bottom: 35px;
    left: 35px;
    min-width: 110px
}

.books-list .books-inner a.btn span {
    z-index: 1;
    position: relative
}

.books-list .books-inner a.btn i {
    z-index: 1;
    left: 25px;
    top: 5px
}

@media (max-width: 767px) {
    .books-list .books-inner {
        padding: 15px
    }

    .books-list .books-inner a.btn {
        position: initial
    }
}

@media (max-width: 480px) {
    .books-list .books-inner .books-thumbs {
        float: none;
        margin: 0 auto 20px 20px;
        width: 100%;
        text-align: center
    }

    .books-list .books-inner p {
        margin-bottom: 20px
    }
}

.name-search {
    background: url("/assets/images/talash-karein-pattren.jpg") repeat;
    height: 109px;
    padding: 30px 0 20px 0;
    overflow: visible;
    margin-bottom: 30px
}

.name-search h3 {
    color: #fff;
    font-size: 36px
}

.name-search h3 i {
    position: relative;
    margin-left: 10px
}

.name-search .form-control {
    height: 38px;
    border: none
}

.name-search button {
    display: block;
    border: none;
    height: 38px;
    background: #cabfb4;
    width: 100%;
    text-align: right;
    padding: 0 10px
}

.name-search button i {
    margin-left: 5px
}

.name-search ::-webkit-input-placeholder {
    color: #414141
}

.name-search :-moz-placeholder {
    color: #414141
}

.name-search ::-moz-placeholder {
    color: #414141
}

.name-search :-ms-input-placeholder {
    color: #414141
}

.name-search.dark {
    background: url("/assets/images/dark-jalian.jpg") repeat;
    margin-bottom: 30px
}

.name-results.islamicname table tr td, .name-results.islamicname table tr th {
    width: 26.67%
}

.name-results.contact-table table tr td {
    width: auto
}

.name-results table {
    border: 1px solid #ccc;
    font-size: 20px
}

.name-results table thead {
    display: inline-flex;
    width: 100%
}

.name-results table thead th {
    background: #614934 url("/assets/images/talash-pattren.jpg") repeat;
    padding: 15px;
    text-align: center;
    color: #ffffff;
    border-right: 1px solid #cccccc;
    width: 13.33%;
    display: inline-flex
}

.name-results table thead th:first-child {
    width: 20%
}

.name-results table tr {
    border-bottom: 1px solid #cccccc;
    display: inline-flex;
    width: 100%
}

.name-results table tr td {
    width: 13.33%;
    padding: 15px;
    text-align: center;
    display: inline-flex;
    border-right: 1px solid #cccccc
}

.name-results table tr td:first-child {
    width: 20%
}

@media (max-width: 767px) {
    .name-search {
        height: inherit
    }

    .name-results {
        margin-bottom: 30px
    }
}

.form-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 2px
}

.form-wrapper .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none
}

.form-wrapper .thanks, .form-wrapper .thanks2 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff;
    text-align: center;
    overflow: hidden
}

.form-wrapper .thanks .thanks-inner, .form-wrapper .thanks2 .thanks-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 110px;
    width: 100%;
    margin: auto 0
}

.form-wrapper .thanks .thanks-inner h3, .form-wrapper .thanks2 .thanks-inner h3 {
    margin: 0 0 10px 0
}

.form-wrapper .thanks .thanks-inner p, .form-wrapper .thanks2 .thanks-inner p {
    margin: 0
}

.form-wrapper .thanks .thanks-inner h2, .form-wrapper .thanks2 .thanks-inner h2 {
    margin-bottom: 35px
}

.form-wrapper .thanks .thanks-inner p, .form-wrapper .thanks2 .thanks-inner p {
    font-size: 22px;
    letter-spacing: 1px
}

.form-wrapper .loading:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #fff
}

.form-wrapper .loader {
    min-width: 100px;
    padding-top: 60px;
    color: #fff;
    width: auto !important;
    height: auto !important;
    text-align: center;
    font-style: normal;
    display: block;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    z-index: 1000;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.form-wrapper .loader:before {
    content: '';
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.66)
}

.form-wrapper .loader:after {
    content: '';
    width: 50px;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-animation: loader .6s linear;
    animation: loader .6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #7b654d transparent transparent;
    border-style: solid;
    border-width: .2em;
    box-shadow: 0 0 0 1px transparent
}

.form-wrapper .form-control-feedback {
    right: 1px
}

.bootstrap-select.form-control {
    box-shadow: none
}

textarea {
    resize: none
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.tag {
    background: #f8f6f4;
    color: #7b654d;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

.tag a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 12px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-right: 35px
}

.tag i {
    margin-left: 10px;
    top: 14px;
    right: 10px;
    position: absolute
}

.tag:hover {
    background: #7b654d
}

.tag:hover a {
    text-decoration: none;
    color: #fff
}

.matloba-sawal {
    display: block;
    width: 100%;
    background: url("/assets/images/texttute-gray-white.png") 0 0 repeat;
    height: 140px;
    position: relative;
    overflow: hidden;
    padding: 20px 30px 10px;
    margin-bottom: 30px
}

.matloba-sawal:before {
    content: '';
    position: absolute;
    width: 223px;
    height: 223px;
    right: -70px;
    top: -50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #e7ddd2
}

.matloba-sawal > i {
    z-index: 1;
    position: relative;
    font-size: 90px;
    top: -10px;
    color: #4e3a26;
    float: right
}

.matloba-sawal .txt {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-right: 45px;
    width: 82%;
    float: right
}

.matloba-sawal .txt h3 {
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 15px
}

.matloba-sawal .txt h3:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #e5e1de
}

.matloba-sawal .txt p {
    margin: 0;
    max-width: 495px;
    float: right
}

.matloba-sawal .txt .btn {
    background: #e7ddd2;
    font-size: 16px;
    font-weight: bold;
    border: 0 solid #fff;
    box-shadow: 0 0 0 0;
    position: relative;
    padding-left: 25px;
    float: left
}

.matloba-sawal .txt .btn i {
    font-size: 20px;
    position: absolute;
    left: 5px
}

.matloba-sawal.full-width .txt {
    width: 86%
}

.matloba-sawal.full-width .txt p {
    max-width: 86%
}

.list-question {
    margin: 0;
    padding: 0 0 30px
}

.list-question li {
    margin: 0;
    padding: 28px 0;
    list-style: none;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ece0d3
}

.list-question li:first-child {
    border-top: 1px solid #ece0d3
}

.list-question li a {
    position: relative;
    padding-right: 30px;
    display: inline-block
}

.list-question li a:hover, .list-question li a:focus {
    text-decoration: none
}

.list-question li i {
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 4px
}

.pagination {
    width: 100%;
    text-align: center
}

.pagination > li {
    display: inline-block;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s
}

.pagination > li.active {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.pagination > li:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.pagination > li:hover a {
    color: #fff;
    background: #7b654d
}

.pagination > li a {
    background: #E7DDD2;
    margin: 0 4px
}

.pagination > li a:last-child, .pagination > li a:first-child {
    margin: 0 4px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s
}

.sawal-jawab h3, .sawal-jawab h4 {
    background: #f1ebe4;
    color: #73161f;
    font-size: 26px;
    padding: 10px 12px;
    margin-bottom: 20px
}

.sawal-jawab h3 {
    background: #f8f6f4
}

.sawal-jawab p {
    font-weight: bold;
    font-size: 17px;
    line-height: 36px
}

.sm-txt-icon {
    margin: 0 0 20px;
    padding: 0;
    display: inline-block;
    width: 100%
}

.sm-txt-icon li {
    padding: 0;
    list-style: none;
    font-size: 18px;
    float: right;
    margin-left: 50px;
    position: relative
}

.sm-txt-icon li a {
    color: #424242;
    padding: 0 30px 0 0
}

.sm-txt-icon li i {
    font-size: 20px;
    margin-left: 12px;
    color: #424242;
    position: absolute;
    right: 0
}

.sm-txt-icon li i.icon-tareekh {
    font-size: 24px
}

.stButton {
    display: none !important
}

.share_right li {
    position: relative
}

.share_right li .stButton {
    position: static !important
}

.share_right li .stButton span.stLarge {
    background: none !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    top: 0 !important
}

.print-header {
    display: none
}

@media print {
    header, footer, .top, .side-menu, .sidethumb, .inner-banner, .share_print, .sm-txt-icon, .tag, .app-section, .scrollToTop, .scrollToTop .icon-angle-up {
        display: none
    }

    .sawal-jawab p, p, .magazine_div ul li {
        font-weight: normal;
        font-size: 22px;
        line-height: 40px
    }

    .sawal-jawab h3, .sawal-jawab h4, .text-red {
        font-size: 30px
    }

    .magazine_div h3 {
        font-size: 34px
    }

    .print-header {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        background: #333;
        border-bottom: 1px solid #000;
        padding-bottom: 10px
    }

    .print-header:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #333
    }

    .print-header img {
        width: 70%;
        position: relative;
        z-index: 1
    }
}

.matloba-sawal {
    height: 190px
}

.matloba-sawal .txt {
    width: 74%
}

.gallery-section .book-item a {
    margin-bottom: 15px
}

@media (min-width: 1200px) {
    .gallery-section .book-item a {
        overflow: hidden;
        position: relative
    }

    .gallery-section .book-item a:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        background: rgba(193, 13, 18, 0.5);
        width: 100%;
        height: 100%;
        -webkit-transition: 0.7s;
        -o-transition: 0.7s;
        transition: 0.7s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .gallery-section .book-item a:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 5%;
        bottom: 0;
        border: 2px solid #fff;
        width: 90%;
        height: 90%;
        -webkit-transition: 0.8s;
        -o-transition: 0.8s;
        transition: 0.8s;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

    .gallery-section .book-item a .hover-txt {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        width: 80%;
        height: 25px;
        color: #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        -webkit-transform: scale(4);
        -moz-transform: scale(4);
        -ms-transform: scale(4);
        -o-transform: scale(4);
        transform: scale(4);
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .gallery-section .book-item a:hover:before {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        filter: alpha(opacity=100)
    }

    .gallery-section .book-item a:hover:after {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .gallery-section .book-item a:hover .hover-txt {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .list-question li a:hover {
        color: #73161f
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .matloba-sawal {
        height: 190px
    }

    .matloba-sawal .txt {
        width: 74%
    }
}

@media (max-width: 767px) {
    .sawal-jawab h3 {
        font-size: 20px;
        padding: 15px;
        line-height: 35px
    }

    .sawal-jawab h4 {
        font-size: 20px
    }

    .matloba-sawal .txt p {
        margin: 0 0 10px 0
    }

    .matloba-sawal .txt .btn {
        float: right
    }

    .gallery-section .book-item span {
        margin-top: 12px;
        display: block
    }
}

@media (max-width: 480px) {
    .matloba-sawal {
        height: initial;
        padding: 15px
    }

    .matloba-sawal .txt {
        margin: 50px 0 0 0;
        width: 100%
    }

    .sm-txt-icon li {
        width: 100%;
        margin-bottom: 20px
    }
}

@media (max-width: 479px) {
    .listing-bok .col-xs-6 {
        width: 100%
    }
}

.smartmarquee {
    position: relative;
    overflow: hidden;
    height: 300px;
    width: 100%
}

.smartmarquee .star-listing {
    position: absolute;
    width: 100%
}

a {
    outline: none
}

a:hover, a:focus {
    outline: none
}

button {
    outline: none
}

button:hover, button:focus {
    outline: none
}

a[href^="mailto"], .english, .time {
    font-family: tahoma, arial
}

.share_print .share_right {
    float: right
}

.share_print .share_right ul li {
    padding-right: 0px;
    padding-left: 38px
}

.big-hr {
    background-size: 100%
}

@media (max-width: 1024px) {
    .books-list .books-inner a.btn i {
        left: 11px
    }
}

@media (max-width: 767px) {
    .name-results {
        margin-bottom: 30px;
        width: 100%;
        overflow-x: scroll
    }

    .name-results.islamicname table tr td {
        word-wrap: break-word
    }

    .books-list .books-inner a.btn {
        position: relative;
        bottom: auto;
        left: auto
    }

    .owl-nav {
        display: none !important
    }

    .owl-theme .owl-controls {
        margin-top: 0px
    }

    .book-slider.owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 0px 2px
    }
}






/* AmgSoft Family Tree frontend styles */

table.fatawa-family-tree,
table.fatawa-ft-node {
    width: auto !important;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.fatawa-family-tree > tbody > tr > td,
table.fatawa-ft-node > tbody > tr > td.fatawa-ft-self,
table.fatawa-ft-node > tbody > tr > td.fatawa-ft-child,
table.fatawa-ft-node > tbody > tr > td.fatawa-ft-left,
table.fatawa-ft-node > tbody > tr > td.fatawa-ft-right {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Current single-table/div-branch tree. */
.fatawa-ft-forest,
.fatawa-ft-children {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    direction: ltr;
}

.fatawa-ft-branch {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 3px;
}

.fatawa-ft-person {
    position: relative;
    z-index: 1;
}

.fatawa-ft-group {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 2px;
    direction: ltr;
}

span.fatawa-ft-box {
    display: inline-block;
    box-sizing: border-box;
    min-width: 54px;
    max-width: 130px;
    padding: 3px 6px !important;
    border: 1px solid #555 !important;
    text-align: center !important;
    vertical-align: top !important;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.fatawa-ft-children {
    position: relative;
    padding-top: 18px;
}

/* Vertical line from a parent to its children rail. */
.fatawa-ft-children::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 9px;
    border-left: 1px solid #555;
}

.fatawa-ft-children > .fatawa-ft-branch {
    padding-top: 18px;
}

/* Horizontal rail joining siblings. */
.fatawa-ft-children > .fatawa-ft-branch::before {
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    left: 0;
    border-top: 1px solid #555;
}

/* Vertical drop from the sibling rail to each child. */
.fatawa-ft-children > .fatawa-ft-branch::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 50%;
    height: 9px;
    border-left: 1px solid #555;
}

.fatawa-ft-children > .fatawa-ft-branch:first-child::before {
    left: 50%;
}

.fatawa-ft-children > .fatawa-ft-branch:last-child::before {
    right: 50%;
}

.fatawa-ft-children > .fatawa-ft-branch:only-child::before {
    display: none;
}

/* Compatibility with older nested-table family trees. */
td.fatawa-ft-box {
    min-width: 54px;
    padding: 3px 6px !important;
    border: 1px solid #555 !important;
    text-align: center !important;
    vertical-align: top !important;
    line-height: 1.35;
}

td.fatawa-ft-bar {
    height: 8px;
    padding: 0 !important;
    border: 0 !important;
    border-top: 1px solid #555 !important;
    background: transparent !important;
}

table.fatawa-ft-stem {
    width: 100% !important;
    height: 16px !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

td.fatawa-ft-line,
table.fatawa-ft-stem td {
    height: 16px;
    padding: 0 !important;
    background: transparent !important;
}

/* Dark mode. */
[data-bs-theme="dark"] span.fatawa-ft-box,
[data-bs-theme="dark"] td.fatawa-ft-box {
    color: #dbeafe;
    background: #16233d;
    border-color: #8aa0b5 !important;
}

[data-bs-theme="dark"] .fatawa-ft-children::before,
[data-bs-theme="dark"] .fatawa-ft-children > .fatawa-ft-branch::before,
[data-bs-theme="dark"] .fatawa-ft-children > .fatawa-ft-branch::after {
    border-color: #8aa0b5;
}

/* Allow wide generations to scroll instead of collapsing the tree. */
.fatawa-family-tree-scroll {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

/* ---- Mobile fixes (Oct 2026): dashboard status tag, and tables that forced a sideways scroll ---- */
@media (max-width: 767px) {
    /* My questions: the status tag sits on its own line under the title instead of floating over it */
    .dashboard-list .list-question li {
        padding: 18px 0
    }

    .dashboard-list .list-question li > a:first-child {
        display: block
    }

    .dashboard-list .list-question li a.ans-done,
    .dashboard-list .list-question li a.not-done,
    .dashboard-list .list-question li:first-child a.ans-done,
    .dashboard-list .list-question li:first-child a.not-done {
        position: static;
        display: inline-block;
        height: auto;
        min-height: 0;
        min-width: 96px;
        margin: 10px 30px 0 0;
        padding: 5px 14px;
        border-radius: 4px;
        line-height: 1.6
    }

    /* Contact / Names / Namaz times: tables fit the screen, no forced horizontal scrollbar */
    .name-results {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }

    .name-results table {
        width: 100%;
        font-size: 16px
    }

    .name-results table thead th,
    .name-results table tr td {
        box-sizing: border-box;
        min-width: 0;
        padding: 10px 3px;
        justify-content: center;
        align-items: center;
        overflow-wrap: break-word;
        word-break: normal
    }

    .name-results table thead th {
        font-size: 15px;
        line-height: 1.5
    }

    .name-results.contact-table table tr td {
        padding: 10px 8px;
        font-size: 16px
    }

    /* Bootstrap .row has -15px side margins; inside this card there is no container padding to absorb them */
    .name-results.contact-table .row {
        margin-left: 0;
        margin-right: 0
    }
}

/* ---- Namaz times header (Oct 2026): title bar + banner. Scoped with :has() so other .sawal-jawab pages are untouched ---- */
.sawal-jawab:has(+ .namaz_times) {
    margin-bottom: 14px
}

.sawal-jawab:has(+ .namaz_times) h4 {
    margin: 0;
    padding: 14px 20px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.8;
    color: #4e3a26;
    text-align: right;
    background: linear-gradient(270deg, #f6efe5 0%, #fbf8f3 100%);
    border: 1px solid #e8ddd0;
    border-right: 5px solid #7b654d;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(70, 48, 31, .06)
}

.sawal-jawab + img:has(+ .namaz_times) {
    width: 100%;
    margin-bottom: 0
}

@media (min-width: 768px) {
    .sawal-jawab + img:has(+ .namaz_times) {
        border-radius: 8px 8px 0 0
    }
}

@media (max-width: 767px) {
    .sawal-jawab:has(+ .namaz_times) h4 {
        padding: 12px 16px;
        font-size: 19px;
        line-height: 1.9
    }

    .sawal-jawab + img:has(+ .namaz_times) {
        margin-bottom: 14px;
        border-radius: 10px
    }
}

/* Namaz times title: heading first, country / city as small tags at the end (no pipes) */
.sawal-jawab:has(+ .namaz_times) h4 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px
}

.namaz-head__title {
    flex: 1 1 auto
}

.namaz-head__place {
    direction: ltr;
    padding: 2px 12px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8;
    color: #6b563f;
    background: #fff;
    border: 1px solid #e3d6c6;
    border-radius: 999px
}

@media (max-width: 767px) {
    .namaz-head__title {
        flex-basis: 100%
    }

    .namaz-head__place {
        font-size: 14px
    }
}

/* Sidebar "today" prayer times: date first, city as a small tag at the end */
.side-menu p.timing-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px
}

.timing-meta__date {
    font-weight: bold
}

.timing-meta__city {
    direction: ltr;
    padding: 1px 10px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.8;
    color: #6b563f;
    background: #fff;
    border: 1px solid #e3d6c6;
    border-radius: 999px
}

/* Prayer times: one card per day (date on top, six labelled times in a 3 x 2 grid)
   instead of a 7-column table (phone: one card per row, desktop: two per row). Labels are drawn here (Urdu-only site); the header row stays for
   screen readers but is visually hidden. */
.name-results.namaz_times {
    overflow: visible
}

.name-results.namaz_times table,
.name-results.namaz_times table tbody {
    display: block;
    width: 100%;
    border: 0
}

.name-results.namaz_times table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.name-results.namaz_times table tr {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: auto;
    margin: 0 0 12px;
    background: #fff;
    border: 1px solid #e3d8cb;
    border-radius: 10px;
    overflow: hidden
}

.name-results.namaz_times table tr td {
    display: block;
    width: auto;
    padding: 10px 4px 12px;
    font-size: 19px;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
    border: 0;
    border-top: 1px solid #efe6db
}

.name-results.namaz_times table tr td::before {
    display: block;
    margin-bottom: 4px;
    color: #8a7a6a;
    font-size: 14px;
    font-weight: normal
}

.name-results.namaz_times table tr td:first-child {
    grid-column: 1 / -1;
    width: auto;
    padding: 10px 14px;
    font-size: 18px;
    font-weight: bold;
    color: #4e3a26;
    text-align: right;
    background: rgba(97, 73, 52, .08);
    border-top: 0
}

.name-results.namaz_times table tr td:nth-child(2)::before { content: "فجر" }
.name-results.namaz_times table tr td:nth-child(3)::before { content: "طلوع" }
.name-results.namaz_times table tr td:nth-child(4)::before { content: "زوال" }
.name-results.namaz_times table tr td:nth-child(5)::before { content: "عصر" }
.name-results.namaz_times table tr td:nth-child(6)::before { content: "غروب" }
.name-results.namaz_times table tr td:nth-child(7)::before { content: "عشاء" }
.name-results.namaz_times table tr td:nth-child(n+2):nth-child(-n+4) { border-bottom: 1px solid #efe6db }

.name-results.namaz_times table tbody {
    gap: 12px
}

@media (min-width: 768px) {
    .name-results.namaz_times table tbody {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px
    }

    .name-results.namaz_times table tr {
        margin: 0
    }
}

/* Islamic names: search bar as a light card (scoped to the bar that sits above the names table) */
.name-search:has(+ .islamicname) {
    height: auto;
    margin-bottom: 22px;
    padding: 18px 10px 4px;
    background: linear-gradient(180deg, #fbf8f3 0%, #f4ece1 100%);
    border: 1px solid #e8ddd0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(70, 48, 31, .07)
}

.name-search:has(+ .islamicname) form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.name-search:has(+ .islamicname) .form-control {
    height: 44px;
    font-size: 16px;
    color: #3a2d20;
    background-color: #fff;
    border: 1px solid #d9c9b7;
    border-radius: 8px;
    box-shadow: none
}

.name-search:has(+ .islamicname) .form-control:focus {
    border-color: #7b654d;
    box-shadow: 0 0 0 3px rgba(123, 101, 77, .18)
}

.name-search:has(+ .islamicname) button[type="submit"] {
    height: 44px;
    margin-bottom: 15px;
    padding: 0 14px;
    text-align: center;
    color: #fff;
    background: #7b654d;
    border-radius: 8px;
    overflow: hidden
}

.name-search:has(+ .islamicname) button[type="submit"]:before {
    display: none
}

.name-search:has(+ .islamicname) button[type="submit"]:hover,
.name-search:has(+ .islamicname) button[type="submit"]:focus {
    background: #4e3a26
}

@media (max-width: 767px) {
    .name-search:has(+ .islamicname) {
        padding: 14px 6px 0
    }

    .name-search:has(+ .islamicname) form > div {
        width: 100%
    }
}

@media (min-width: 768px) {
    .name-search:has(+ .islamicname) form > .col-md-5 {
        width: 40%
    }

    .name-search:has(+ .islamicname) form > .col-md-2 {
        width: 20%
    }
}

.name-search:has(+ .islamicname) button[type="submit"] span {
    white-space: nowrap
}

/* Responsive home hero: one master image, with a safe centred crop on phones. */
.bannner .home-banner img.hero-banner {
    width: 100%;
    aspect-ratio: 3 / 1;
    object-fit: cover;
    object-position: center center
}

.news-ticker .news li {
    min-height: 40px;
    height: auto
}

@media (max-width: 767px) {
    .bannner .home-banner img.hero-banner {
        aspect-ratio: 4 / 3;
        object-position: center center
    }

    .news-ticker {
        height: auto;
        min-height: 104px;
        padding: 14px 0
    }

    .news-ticker .news li {
        min-height: 76px;
        height: auto;
        padding: 6px 12px;
        line-height: 1.75;
        white-space: normal
    }
}

/* Today row of the prayer-times table (was an inline style) */
.name-results.namaz_times table tr.namaz-today { background-color: #e8ddd3; }
/* Two-row mobile utility bar; desktop remains on the original three-column layout. */
@media (max-width:767px){
  html,body{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}
  .top{height:auto;overflow:hidden;background:#272727}
  .top>.container{width:100%;padding-right:0;padding-left:0}
  .top .top-bar-grid{display:grid;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0;overflow:hidden}
  .top .top-bar-grid>.col-sm-4{float:none;width:auto;min-width:0;padding:0 10px}
  .top .top-bar-bismillah{grid-column:1/-1;grid-row:1;background:#272727;border-bottom:1px solid rgba(255,255,255,.12);text-align:center}
  .top .top-bar-bismillah p{margin:0;padding:7px 0 6px;color:#fff;font-size:14px;line-height:22px}
  .top .top-bar-account,.top .top-bar-date{grid-row:2;min-height:43px}
  .top .top-bar-account{text-align:right}
  .top .top-bar-date{background:#272727;text-align:left}
  .top .top-bar-date p{margin:0;padding:9px 0 7px;color:#fff;font-size:12px;line-height:27px;white-space:nowrap}
  .top .top-bar-account .login-btn{display:inline-flex;align-items:center;max-width:100%;padding:9px 10px;color:#fff;white-space:nowrap}
  .top .top-bar-account .login-btn:before{flex:0 0 auto;margin-right:0;margin-left:14px}
  .top .top-bar-account .account-label{display:block;min-width:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:plaintext}
}
/* Shared Bayyinat article and archive styles. */
.bd-banner img{width:100%;border-radius:16px}.bd-banner .big-hr{margin:18px 0}.bd{margin-bottom:30px;color:#1f2937}.bd-head{margin-bottom:14px;padding:14px 24px;border:1px solid #eef0f3;border-inline-start:4px solid #c9a77c;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.05)}.bd-title{margin:0;padding:0;border:0;color:#111827;background:none;font-size:26px;font-weight:700;line-height:1.6}.bd-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 14px;padding:0;list-style:none}.bd-meta li{display:flex;align-items:baseline;min-width:0;gap:8px;padding:8px 14px;border:1px solid #e6d9c8;border-radius:12px;background:#faf6f1}.bd-meta small{flex:none;color:#9ca3af;font-size:12px;font-weight:600}.bd-meta span{color:#374151;font-size:15px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.bd-card{margin-bottom:18px;padding:24px 28px;border:1px solid #eef0f3;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.05)}.bd-body{color:#1f2937;font-size:19px;line-height:2.1;overflow-wrap:anywhere}.bd-body p{font-size:inherit;line-height:inherit}.bd-body img{max-width:100%;height:auto}.bd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;border:1px solid #eef0f3;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.05)}.bd-icons{display:flex;flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.bd-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;gap:8px;padding:0 16px;border:1px solid #e5e7eb;border-radius:12px;color:#374151;background:#fff;font-size:14px;line-height:1.2;cursor:pointer;transition:.2s;text-decoration:none;white-space:nowrap}.bd-btn:hover,.bd-btn:focus{border-color:#d1d5db;color:#111827;background:#f9fafb;text-decoration:none}.bd-btn[hidden]{display:none}.bd-wa{padding:0 22px;border-color:#25d366;color:#fff;background:#25d366;font-size:15px;font-weight:600}.bd-wa:hover,.bd-wa:focus{border-color:#20bd5a;color:#fff;background:#20bd5a}.bd-btn.is-done{border-color:#d9c3a5;color:#7b654d;background:#faf6f1}
.side-menu .bayyinat-years{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:12px;background:#e7ddd2}.side-menu .bayyinat-years li{float:none;margin:0;padding:0;background:transparent;text-align:center}.side-menu .bayyinat-years li a{display:block;padding:7px 4px;border:1px solid #cbbbab;border-radius:8px;color:#4e3a26;background:#f8f4ef;font-family:Arial,sans-serif;font-size:14px;line-height:1.25;transition:.2s}.side-menu .bayyinat-years li a:hover,.side-menu .bayyinat-years li a:focus,.side-menu .bayyinat-years li.active a{border-color:#7b654d;color:#fff;background:#7b654d;text-decoration:none}
.bayyinat-page-head{position:relative;margin:0 0 28px;padding:18px 22px;border:1px solid #e8ddd1;border-radius:14px;background:#fbf8f4;overflow:hidden}.bayyinat-page-head--sticky{position:sticky;top:74px;z-index:8;box-shadow:0 5px 18px rgba(63,48,35,.08)}.bayyinat-page-head:before{position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:#8b1e24;content:""}.bayyinat-page-head__eyebrow{display:block;margin-bottom:4px;color:#8a725b;font-size:13px;font-weight:600;line-height:1.5}.bayyinat-page-head h1{margin:0;color:#3f3023;font-size:27px;font-weight:700;line-height:1.55}.bayyinat-page-head h1 a{white-space:nowrap}.bayyinat-page-head bdi{font-family:Arial,sans-serif;font-weight:700}.bayyinat-issue-grid{display:flex;flex-wrap:wrap}.listing-bok .bayyinat-issue{display:flex;float:none;margin-bottom:28px;padding:0 14px}.bayyinat-issue__link{display:flex!important;flex:1;flex-direction:column;min-width:0;padding:12px;border:1px solid #e8e0d8;border-radius:14px;color:#3f3023;background:#fff;box-shadow:0 3px 14px rgba(74,52,32,.07);transition:border-color .2s,box-shadow .2s,transform .2s}.bayyinat-issue__link:hover,.bayyinat-issue__link:focus{border-color:#ccb9a5;color:#6f1d24;box-shadow:0 8px 24px rgba(74,52,32,.12);text-decoration:none;transform:translateY(-2px)}.bayyinat-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:225/336;border-radius:9px;background:linear-gradient(145deg,#744047,#421f24);overflow:hidden}.bayyinat-cover:before,.bayyinat-cover:after{position:absolute;inset-inline:14%;height:1px;background:rgba(255,255,255,.25);content:""}.bayyinat-cover:before{inset-block-start:30%}.bayyinat-cover:after{inset-block-end:30%}.bayyinat-cover__brand{position:relative;z-index:1;color:#fff;font-size:28px;font-weight:700}.bayyinat-cover__year{position:absolute;z-index:1;inset-block-end:18%;color:#eadbd0;font:600 14px/1 Arial,sans-serif}.bayyinat-cover img{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0!important;object-fit:cover}.bayyinat-issue__title{display:-webkit-box;min-height:63px;margin-top:12px;padding:2px 5px 0;color:#3f3023;font-size:17px;font-weight:600;line-height:1.8;text-align:center;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bayyinat-issue__link:hover .bayyinat-issue__title,.bayyinat-issue__link:focus .bayyinat-issue__title{color:#6f1d24}.bayyinat-list>.bayyinat-page-head+ a>h3{margin:0 0 10px;padding:10px 16px;border:1px solid #eadfd4;border-radius:10px;background:#f8f4ef;text-align:center}.bayyinat-list>.bayyinat-page-head+ a>h3:after,.bayyinat-list>.detail_mag+a>h3:after{display:none}.bayyinat-list .detail_mag{margin-bottom:18px;padding:18px 20px;border:1px solid #eee5dc;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(74,52,32,.05)}.bayyinat-list .detail_mag:after{display:none}.bayyinat-list .detail_mag h4{margin:0 0 14px;font-size:21px;line-height:1.7}.bayyinat-list .detail_mag ul{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0}.bayyinat-list .detail_mag ul li{display:flex;align-items:center;min-width:0;margin:0;padding:0}.bayyinat-list .detail_mag .dt_text{min-width:0}.bayyinat-previous>.bayyinat-page-head{margin-inline:15px}.bayyinat-previous>.bayyinat-page-head~.item .box{border:1px solid #e8ddd1;border-radius:12px;box-shadow:0 3px 14px rgba(74,52,32,.06);overflow:hidden}
@media(max-width:767px){.magazine_div>.col-md-12{padding-right:8px;padding-left:8px}.bd-banner .big-hr{margin:12px 0}.bd-head{margin-bottom:10px;padding:14px 16px;border-inline-start-width:3px;border-radius:12px;box-shadow:0 2px 10px rgba(78,58,38,.06)}.bd-title{font-size:21px;line-height:1.65;text-align:center}.bd-meta{display:block;margin-bottom:12px;padding:3px 14px;border:1px solid #e6d9c8;border-radius:12px;background:#faf7f3;box-shadow:0 2px 10px rgba(78,58,38,.04)}.bd-meta li{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:10px;margin:0;padding:10px 8px;border:0;border-bottom:1px solid #eadfd3;border-radius:0;background:transparent}.bd-meta li:last-child{border-bottom:0}.bd-meta small{padding-top:2px;color:#8a725b;font-size:12px;line-height:1.6}.bd-meta span{padding-inline-start:8px;color:#40352c;font-size:14px;font-weight:500;line-height:1.7;text-align:start}.bd-meta-date span{direction:ltr;unicode-bidi:isolate;text-align:right;font-family:Arial,sans-serif;font-size:13px;letter-spacing:.15px;line-height:1.9}.bd-card{padding:18px 16px;border-radius:12px;box-shadow:0 2px 12px rgba(16,24,40,.05)}.bd-body{font-size:17px;line-height:2.05}.bd-body>h1:first-child,.bd-body>h2:first-child,.bd-body>h1:first-child+p,.bd-body>h2:first-child+p{display:none}.bd-body>p:first-of-type{margin-top:0}.bd-wa{flex:1 1 100%}.bd-icons{flex:1 1 100%}.bd-sec{flex:1 1 0;padding:0 8px}.side-menu .bayyinat-years{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:12px}.side-menu .bayyinat-years li{width:auto}.side-menu .bayyinat-years li a{padding:8px 3px;font-size:13px}.bayyinat-page-head{margin:0 0 20px;padding:14px 17px;border-radius:11px}.bayyinat-page-head--sticky{top:8px}.bayyinat-page-head__eyebrow{font-size:12px}.bayyinat-page-head h1{font-size:21px;line-height:1.6}.bayyinat-issue-grid{margin-right:-7px;margin-left:-7px}.listing-bok .bayyinat-issue{width:50%;margin-bottom:14px;padding:0 7px}.bayyinat-issue__link{padding:7px;border-radius:11px}.bayyinat-cover{border-radius:7px}.bayyinat-cover__brand{font-size:22px}.bayyinat-issue__title{min-height:57px;margin-top:8px;padding-inline:2px;font-size:15px;line-height:1.75}.bayyinat-list .detail_mag{margin-bottom:12px;padding:14px}.bayyinat-list .detail_mag h4{font-size:18px}.bayyinat-list .detail_mag ul{display:block}.bayyinat-list .detail_mag ul li{margin-bottom:8px}.bayyinat-list .detail_mag ul li:last-child{margin-bottom:0}.bayyinat-previous>.bayyinat-page-head{margin-inline:0}}
@media(max-width:767px){.bd-head--sticky{top:8px}}
.bayyinat-side-toggle{position:absolute;opacity:0;pointer-events:none}.bayyinat-side-summary{display:block;margin:0;padding:17px 20px;color:#fff;background:#4e3a26;font-size:20px;font-weight:600;line-height:1.35;cursor:pointer}.bayyinat-side-summary>i{margin-inline-end:10px}.bayyinat-side-summary>span{display:none}.bayyinat-side-content{display:block}.bayyinat-previous{display:flex;flex-wrap:wrap}.bayyinat-previous>.bayyinat-page-head{flex:0 0 calc(100% - 30px)}
@media(max-width:767px){.side-menu:has(.bayyinat-side-section){margin-bottom:10px;background:transparent}.bayyinat-side-section{margin-bottom:8px;border:1px solid #d9ccbf;border-radius:10px;background:#fff;overflow:hidden}.bayyinat-side-summary{position:relative;padding:13px 15px;color:#4e3a26;background:#f4eee8;font-size:17px}.bayyinat-side-summary>span{position:absolute;display:block;inset-inline-end:15px;top:50%;width:20px;height:20px;margin-top:-10px}.bayyinat-side-summary>span:before,.bayyinat-side-summary>span:after{position:absolute;top:9px;right:3px;width:14px;height:2px;background:#7b654d;content:""}.bayyinat-side-summary>span:after{transform:rotate(90deg);transition:transform .2s}.bayyinat-side-content{display:none}.bayyinat-side-toggle:checked+.bayyinat-side-summary>span:after{transform:rotate(0)}.bayyinat-side-toggle:checked~.bayyinat-side-content{display:block}.bayyinat-side-content .form-box{margin:0}.bayyinat-side-content .page-links{max-height:340px;margin:0;overflow:auto}.bayyinat-side-content .page-links li:last-child{margin-bottom:0}.bayyinat-previous{margin:0;gap:8px;padding:0 15px}.bayyinat-previous>.bayyinat-page-head{flex-basis:100%;margin:0 0 8px}.bayyinat-previous>.item{width:calc(33.333% - 6px);padding:0}.bayyinat-previous>.item .box{min-height:58px;margin:0}.bayyinat-previous>.item .box .left{width:100%;padding:0;text-align:center}.bayyinat-previous>.item .box h2{margin:0;padding:16px 4px;border:0;color:#4e3a26;font:700 16px/1.4 Arial,sans-serif}.bayyinat-previous>.item .box .icon{display:none}.bayyinat-previous>.item .box>a{position:absolute;inset:0}.title-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;height:auto!important;min-height:48px;padding:10px 12px!important;line-height:1.5!important}.title-heading>a{position:static!important;float:none!important;white-space:normal}.textture-box .left,.textture-box .right{width:100%;float:none}.textture-box .right{margin:10px 0}.book-slider .owl-dots{display:none!important}}
@media(max-width:767px){section.bayyinat-side-section{padding:0!important}.bayyinat-previous>.item .box{height:58px!important;padding:0!important;background:#fbf8f4!important;box-shadow:none!important}.bayyinat-previous>.item .box:before,.bayyinat-previous>.item .box h2:after{display:none!important}}
section.bayyinat-side-section{padding:0!important}
@media(min-width:768px){.bayyinat-side-content .page-links li a{padding-top:6px;padding-bottom:6px;font-size:14px;line-height:1.45}}
@media(max-width:767px){.bayyinat-previous{margin-bottom:28px}.textture-box{display:flex;flex-wrap:wrap}.textture-box>.col-md-12{order:0;width:100%}.textture-box>.col-md-3{order:1;width:100%;padding:14px 28px 18px;text-align:center}.textture-box>.col-md-3>a{display:block;max-width:230px;margin:0 auto}.textture-box>.col-md-3>a img{width:100%;border-radius:10px}.textture-box>.col-md-3>br{display:none}.textture-box>.col-md-3>div{margin-top:12px}.textture-box>.col-md-3 .btn{display:inline-flex;align-items:center;justify-content:center;min-width:180px}.textture-box>.col-md-9{order:2;width:100%}.book-slider{padding:0 34px}.book-slider .book-item{padding:8px!important;border:1px solid #e6dacf;border-radius:12px;background:#fff}.book-slider .book-item h5{min-height:54px;margin:0 0 8px;line-height:1.7}.book-slider .book-item .book-thumb{border-radius:8px;overflow:hidden}.book-slider .owl-nav{position:absolute;display:flex!important;justify-content:space-between;inset:45% 0 auto;width:100%;pointer-events:none}.book-slider .owl-nav>div{display:flex!important;align-items:center;justify-content:center;width:34px;height:44px;margin:0!important;border-radius:8px!important;color:#fff!important;background:#6b513b!important;font-family:Arial,sans-serif;font-size:0!important;pointer-events:auto}.book-slider .owl-nav>div i{display:none}.book-slider .owl-prev:before{content:"‹";font-size:30px;line-height:1}.book-slider .owl-next:before{content:"›";font-size:30px;line-height:1}.col-md-3.col-md-pull-9:has(.bayyinat-side-section){clear:both;margin-top:8px}}
@media(max-width:480px){.listing-bok .bayyinat-issue{width:100%}.bayyinat-issue__link{max-width:280px;margin:0 auto}.bayyinat-cover{aspect-ratio:225/336}}
@media(max-width:767px){.bayyinat-side-content .page-links{max-height:none!important;overflow:visible!important}}
.bayyinat-issue__title{display:block;min-height:0;height:auto;overflow:visible;-webkit-line-clamp:unset;-webkit-box-orient:initial}.bayyinat-side-section--search,.side-menu:has(.bayyinat-side-section--search),.bayyinat-side-section--search .bayyinat-side-content,.bayyinat-side-section--search .form-box,.bayyinat-side-section--search .form-wrapper{position:relative;z-index:20;overflow:visible!important}.bayyinat-side-section--search .bootstrap-select.open{z-index:1060}.bayyinat-side-section--search .bootstrap-select .dropdown-menu{z-index:1061}.book-slider{position:relative;padding-inline:0}.book-slider.owl-theme .owl-controls .owl-nav{position:absolute;z-index:4;display:block!important;inset:0;width:auto;height:auto;margin:0;pointer-events:none}.book-slider.owl-theme .owl-controls .owl-nav>div{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;margin:0!important;padding:0!important;border:1px solid #d2c2b2!important;border-radius:50%!important;color:#4e3a26!important;background:rgba(255,255,255,.94)!important;box-shadow:0 3px 12px rgba(63,48,35,.18);font-family:Arial,sans-serif;font-size:0!important;pointer-events:auto}.book-slider.owl-theme .owl-controls .owl-nav>div:hover,.book-slider.owl-theme .owl-controls .owl-nav>div:focus{border-color:#8b6d52!important;color:#fff!important;background:#6b513b!important}.book-slider.owl-theme .owl-controls .owl-nav>div i{display:none}.book-slider.owl-theme .owl-controls .owl-nav .owl-prev{position:absolute;right:8px;left:auto;top:50%;bottom:auto;transform:translateY(-50%)}.book-slider.owl-theme .owl-controls .owl-nav .owl-next{position:absolute;right:auto;left:8px;top:50%;bottom:auto;transform:translateY(-50%)}.book-slider .owl-prev:before{content:"‹";font-size:27px;line-height:1}.book-slider .owl-next:before{content:"›";font-size:27px;line-height:1}
@media(max-width:767px){.bayyinat-side-section--search{overflow:visible}.bayyinat-issue__title{min-height:0}.book-slider{padding:0}.book-slider.owl-theme .owl-controls .owl-nav>div{width:38px;height:38px}.book-slider.owl-theme .owl-controls .owl-nav .owl-prev{right:6px}.book-slider.owl-theme .owl-controls .owl-nav .owl-next{left:6px}}
@media print{.bd-actions,.bd-banner{display:none!important}.bd-head,.bd-card{border:1px solid #ccc;box-shadow:none}}
.inner-head--text{margin-bottom:20px}.inner-head--text .para{position:static;width:100%;margin:0;border:1px solid #b6a899;border-radius:8px}

/* Pager now sits inside the list column (was a full-width block under the section) */
.bayyinat-pager { clear: both; text-align: center; }
.bayyinat-pager .pagination { margin: 10px 0 20px; }
/* GENERATED by tools/theme/build_green.py from the brown stylesheets. Do not edit; override in green.css. */
/* ---- from style.css ---- */
body:where(:not(.theme-off)){color: #000}
:where(body:not(.theme-off)) a{color: #000}
:where(body:not(.theme-off)) a:hover,:where(body:not(.theme-off)) a:focus{color: #000}
:where(body:not(.theme-off)) h1,:where(body:not(.theme-off)) h2,:where(body:not(.theme-off)) h3,:where(body:not(.theme-off)) h4,:where(body:not(.theme-off)) h5,:where(body:not(.theme-off)) h6,:where(body:not(.theme-off)) .h1,:where(body:not(.theme-off)) .h2,:where(body:not(.theme-off)) .h3,:where(body:not(.theme-off)) .h4,:where(body:not(.theme-off)) .h5,:where(body:not(.theme-off)) .h6{color: #000}
:where(body:not(.theme-off)) h1 small,:where(body:not(.theme-off)) h1 .small,:where(body:not(.theme-off)) h2 small,:where(body:not(.theme-off)) h2 .small,:where(body:not(.theme-off)) h3 small,:where(body:not(.theme-off)) h3 .small,:where(body:not(.theme-off)) h4 small,:where(body:not(.theme-off)) h4 .small,:where(body:not(.theme-off)) h5 small,:where(body:not(.theme-off)) h5 .small,:where(body:not(.theme-off)) h6 small,:where(body:not(.theme-off)) h6 .small,:where(body:not(.theme-off)) .h1 small,:where(body:not(.theme-off)) .h1 .small,:where(body:not(.theme-off)) .h2 small,:where(body:not(.theme-off)) .h2 .small,:where(body:not(.theme-off)) .h3 small,:where(body:not(.theme-off)) .h3 .small,:where(body:not(.theme-off)) .h4 small,:where(body:not(.theme-off)) .h4 .small,:where(body:not(.theme-off)) .h5 small,:where(body:not(.theme-off)) .h5 .small,:where(body:not(.theme-off)) .h6 small,:where(body:not(.theme-off)) .h6 .small{color: #000}
:where(body:not(.theme-off)) p{color: #000}
:where(body:not(.theme-off)) mark,:where(body:not(.theme-off)) .mark{background-color: #edf2f0}
:where(body:not(.theme-off)) .text-muted{color: #000}
:where(body:not(.theme-off)) .text-primary{color: #000}
:where(body:not(.theme-off)) a.text-primary:hover,:where(body:not(.theme-off)) a.text-primary:focus{color: #000}
:where(body:not(.theme-off)) .text-warning{color: #000}
:where(body:not(.theme-off)) a.text-warning:hover,:where(body:not(.theme-off)) a.text-warning:focus{color: #000}
:where(body:not(.theme-off)) .bg-primary{background-color: #194b3d}
:where(body:not(.theme-off)) a.bg-primary:hover,:where(body:not(.theme-off)) a.bg-primary:focus{background-color: #13382d}
:where(body:not(.theme-off)) .bg-warning{background-color: #edf2f0}
:where(body:not(.theme-off)) a.bg-warning:hover,:where(body:not(.theme-off)) a.bg-warning:focus{background-color: #d0dcd6}
:where(body:not(.theme-off)) .bg-danger{background-color: #e5ebe8}
:where(body:not(.theme-off)) a.bg-danger:hover,:where(body:not(.theme-off)) a.bg-danger:focus{background-color: #c8d5ce}
:where(body:not(.theme-off)) blockquote footer,:where(body:not(.theme-off)) blockquote small,:where(body:not(.theme-off)) blockquote .small{color: #000}
:where(body:not(.theme-off)) code{color: #000;background-color: #f4f7f5}
:where(body:not(.theme-off)) pre{color: #000}
:where(body:not(.theme-off)) caption{color: #000}
:where(body:not(.theme-off)) .table > thead > tr > td.warning,:where(body:not(.theme-off)) .table > thead > tr > th.warning,:where(body:not(.theme-off)) .table > thead > tr.warning > td,:where(body:not(.theme-off)) .table > thead > tr.warning > th,:where(body:not(.theme-off)) .table > tbody > tr > td.warning,:where(body:not(.theme-off)) .table > tbody > tr > th.warning,:where(body:not(.theme-off)) .table > tbody > tr.warning > td,:where(body:not(.theme-off)) .table > tbody > tr.warning > th,:where(body:not(.theme-off)) .table > tfoot > tr > td.warning,:where(body:not(.theme-off)) .table > tfoot > tr > th.warning,:where(body:not(.theme-off)) .table > tfoot > tr.warning > td,:where(body:not(.theme-off)) .table > tfoot > tr.warning > th{background-color: #edf2f0}
:where(body:not(.theme-off)) .table-hover > tbody > tr > td.warning:hover,:where(body:not(.theme-off)) .table-hover > tbody > tr > th.warning:hover,:where(body:not(.theme-off)) .table-hover > tbody > tr.warning:hover > td,:where(body:not(.theme-off)) .table-hover > tbody > tr:hover > .warning,:where(body:not(.theme-off)) .table-hover > tbody > tr.warning:hover > th{background-color: #dfe7e3}
:where(body:not(.theme-off)) .table > thead > tr > td.danger,:where(body:not(.theme-off)) .table > thead > tr > th.danger,:where(body:not(.theme-off)) .table > thead > tr.danger > td,:where(body:not(.theme-off)) .table > thead > tr.danger > th,:where(body:not(.theme-off)) .table > tbody > tr > td.danger,:where(body:not(.theme-off)) .table > tbody > tr > th.danger,:where(body:not(.theme-off)) .table > tbody > tr.danger > td,:where(body:not(.theme-off)) .table > tbody > tr.danger > th,:where(body:not(.theme-off)) .table > tfoot > tr > td.danger,:where(body:not(.theme-off)) .table > tfoot > tr > th.danger,:where(body:not(.theme-off)) .table > tfoot > tr.danger > td,:where(body:not(.theme-off)) .table > tfoot > tr.danger > th{background-color: #e5ebe8}
:where(body:not(.theme-off)) .table-hover > tbody > tr > td.danger:hover,:where(body:not(.theme-off)) .table-hover > tbody > tr > th.danger:hover,:where(body:not(.theme-off)) .table-hover > tbody > tr.danger:hover > td,:where(body:not(.theme-off)) .table-hover > tbody > tr:hover > .danger,:where(body:not(.theme-off)) .table-hover > tbody > tr.danger:hover > th{background-color: #d7e0dc}
:where(body:not(.theme-off)) legend{color: #000}
:where(body:not(.theme-off)) output{color: #000}
:where(body:not(.theme-off)) .form-control{color: #000;background-color: #f4f6f5;border-color: #d8e1dc}
:where(body:not(.theme-off)) .has-warning .help-block,:where(body:not(.theme-off)) .has-warning .control-label,:where(body:not(.theme-off)) .has-warning .radio,:where(body:not(.theme-off)) .has-warning .checkbox,:where(body:not(.theme-off)) .has-warning .radio-inline,:where(body:not(.theme-off)) .has-warning .checkbox-inline,:where(body:not(.theme-off)) .has-warning.radio label,:where(body:not(.theme-off)) .has-warning.checkbox label,:where(body:not(.theme-off)) .has-warning.radio-inline label,:where(body:not(.theme-off)) .has-warning.checkbox-inline label{color: #000}
:where(body:not(.theme-off)) .has-warning .form-control{border-color: #d4af37}
:where(body:not(.theme-off)) .has-warning .form-control:focus{border-color: #d4af37;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(12,46,36,0.25);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(12,46,36,0.25)}
:where(body:not(.theme-off)) .has-warning .input-group-addon{color: #000;border-color: #d4af37;background-color: #edf2f0}
:where(body:not(.theme-off)) .has-warning .form-control-feedback{color: #000}
:where(body:not(.theme-off)) .has-error .form-control{border-color: #d4af37}
:where(body:not(.theme-off)) .has-error .form-control:focus{border-color: #d4af37;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(12,46,36,0.25);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(12,46,36,0.25)}
:where(body:not(.theme-off)) .has-error .input-group-addon{border-color: #d4af37;background-color: #e5ebe8}
:where(body:not(.theme-off)) .help-block{color: #000}
:where(body:not(.theme-off)) .btn:hover,:where(body:not(.theme-off)) .btn:focus,:where(body:not(.theme-off)) .btn.focus{color: #000}
:where(body:not(.theme-off)) .btn-default{color: #000}
:where(body:not(.theme-off)) .btn-default:focus,:where(body:not(.theme-off)) .btn-default.focus{color: #000}
:where(body:not(.theme-off)) .btn-default:hover{color: #000}
:where(body:not(.theme-off)) .btn-default:active,:where(body:not(.theme-off)) .btn-default.active,:where(body:not(.theme-off)) .open > .btn-default.dropdown-toggle{color: #000}
:where(body:not(.theme-off)) .btn-default:active:hover,:where(body:not(.theme-off)) .btn-default:active:focus,:where(body:not(.theme-off)) .btn-default:active.focus,:where(body:not(.theme-off)) .btn-default.active:hover,:where(body:not(.theme-off)) .btn-default.active:focus,:where(body:not(.theme-off)) .btn-default.active.focus,:where(body:not(.theme-off)) .open > .btn-default.dropdown-toggle:hover,:where(body:not(.theme-off)) .open > .btn-default.dropdown-toggle:focus,:where(body:not(.theme-off)) .open > .btn-default.dropdown-toggle.focus{color: #000}
:where(body:not(.theme-off)) .btn-primary{background-color: #194b3d;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-primary:focus,:where(body:not(.theme-off)) .btn-primary.focus{background-color: #13382d;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-primary:hover{background-color: #13382d;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-primary:active,:where(body:not(.theme-off)) .btn-primary.active,:where(body:not(.theme-off)) .open > .btn-primary.dropdown-toggle{background-color: #13382d;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-primary:active:hover,:where(body:not(.theme-off)) .btn-primary:active:focus,:where(body:not(.theme-off)) .btn-primary:active.focus,:where(body:not(.theme-off)) .btn-primary.active:hover,:where(body:not(.theme-off)) .btn-primary.active:focus,:where(body:not(.theme-off)) .btn-primary.active.focus,:where(body:not(.theme-off)) .open > .btn-primary.dropdown-toggle:hover,:where(body:not(.theme-off)) .open > .btn-primary.dropdown-toggle:focus,:where(body:not(.theme-off)) .open > .btn-primary.dropdown-toggle.focus{background-color: #0e2b23;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-primary.disabled:hover,:where(body:not(.theme-off)) .btn-primary.disabled:focus,:where(body:not(.theme-off)) .btn-primary.disabled.focus,:where(body:not(.theme-off)) .btn-primary[disabled]:hover,:where(body:not(.theme-off)) .btn-primary[disabled]:focus,:where(body:not(.theme-off)) .btn-primary[disabled].focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-primary:hover,:where(body:not(.theme-off)) fieldset[disabled] .btn-primary:focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-primary.focus{background-color: #194b3d;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-primary .badge{color: #000}
:where(body:not(.theme-off)) .btn-success{background-color: #0e2821;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-success:focus,:where(body:not(.theme-off)) .btn-success.focus{background-color: #091b16}
:where(body:not(.theme-off)) .btn-success:hover{background-color: #091b16}
:where(body:not(.theme-off)) .btn-success:active,:where(body:not(.theme-off)) .btn-success.active,:where(body:not(.theme-off)) .open > .btn-success.dropdown-toggle{background-color: #091b16}
:where(body:not(.theme-off)) .btn-success.disabled:hover,:where(body:not(.theme-off)) .btn-success.disabled:focus,:where(body:not(.theme-off)) .btn-success.disabled.focus,:where(body:not(.theme-off)) .btn-success[disabled]:hover,:where(body:not(.theme-off)) .btn-success[disabled]:focus,:where(body:not(.theme-off)) .btn-success[disabled].focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-success:hover,:where(body:not(.theme-off)) fieldset[disabled] .btn-success:focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-success.focus{background-color: #0e2821;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-success .badge{color: #000}
:where(body:not(.theme-off)) .btn-info{background-color: #e5ece8;border-color: #d7e0dc}
:where(body:not(.theme-off)) .btn-info:focus,:where(body:not(.theme-off)) .btn-info.focus{background-color: #c8d6cf}
:where(body:not(.theme-off)) .btn-info:hover{background-color: #c8d6cf;border-color: #b4c7be}
:where(body:not(.theme-off)) .btn-info:active,:where(body:not(.theme-off)) .btn-info.active,:where(body:not(.theme-off)) .open > .btn-info.dropdown-toggle{background-color: #c8d6cf;border-color: #b4c7be}
:where(body:not(.theme-off)) .btn-info:active:hover,:where(body:not(.theme-off)) .btn-info:active:focus,:where(body:not(.theme-off)) .btn-info:active.focus,:where(body:not(.theme-off)) .btn-info.active:hover,:where(body:not(.theme-off)) .btn-info.active:focus,:where(body:not(.theme-off)) .btn-info.active.focus,:where(body:not(.theme-off)) .open > .btn-info.dropdown-toggle:hover,:where(body:not(.theme-off)) .open > .btn-info.dropdown-toggle:focus,:where(body:not(.theme-off)) .open > .btn-info.dropdown-toggle.focus{background-color: #b4c7be}
:where(body:not(.theme-off)) .btn-info.disabled:hover,:where(body:not(.theme-off)) .btn-info.disabled:focus,:where(body:not(.theme-off)) .btn-info.disabled.focus,:where(body:not(.theme-off)) .btn-info[disabled]:hover,:where(body:not(.theme-off)) .btn-info[disabled]:focus,:where(body:not(.theme-off)) .btn-info[disabled].focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-info:hover,:where(body:not(.theme-off)) fieldset[disabled] .btn-info:focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-info.focus{background-color: #e5ece8;border-color: #d7e0dc}
:where(body:not(.theme-off)) .btn-info .badge{color: #fff}
:where(body:not(.theme-off)) .btn-warning{background-color: #92ac9f;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-warning:focus,:where(body:not(.theme-off)) .btn-warning.focus{background-color: #216451;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-warning:hover{background-color: #216451;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-warning:active,:where(body:not(.theme-off)) .btn-warning.active,:where(body:not(.theme-off)) .open > .btn-warning.dropdown-toggle{background-color: #216451;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-warning:active:hover,:where(body:not(.theme-off)) .btn-warning:active:focus,:where(body:not(.theme-off)) .btn-warning:active.focus,:where(body:not(.theme-off)) .btn-warning.active:hover,:where(body:not(.theme-off)) .btn-warning.active:focus,:where(body:not(.theme-off)) .btn-warning.active.focus,:where(body:not(.theme-off)) .open > .btn-warning.dropdown-toggle:hover,:where(body:not(.theme-off)) .open > .btn-warning.dropdown-toggle:focus,:where(body:not(.theme-off)) .open > .btn-warning.dropdown-toggle.focus{background-color: #1d5746;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-warning.disabled:hover,:where(body:not(.theme-off)) .btn-warning.disabled:focus,:where(body:not(.theme-off)) .btn-warning.disabled.focus,:where(body:not(.theme-off)) .btn-warning[disabled]:hover,:where(body:not(.theme-off)) .btn-warning[disabled]:focus,:where(body:not(.theme-off)) .btn-warning[disabled].focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-warning:hover,:where(body:not(.theme-off)) fieldset[disabled] .btn-warning:focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-warning.focus{background-color: #92ac9f;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-warning .badge{color: #000}
:where(body:not(.theme-off)) .btn-danger{background-color: #256f5a;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-danger:focus,:where(body:not(.theme-off)) .btn-danger.focus{background-color: #1f5c4b;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-danger:hover{background-color: #1f5c4b;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-danger:active,:where(body:not(.theme-off)) .btn-danger.active,:where(body:not(.theme-off)) .open > .btn-danger.dropdown-toggle{background-color: #1f5c4b;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-danger:active:hover,:where(body:not(.theme-off)) .btn-danger:active:focus,:where(body:not(.theme-off)) .btn-danger:active.focus,:where(body:not(.theme-off)) .btn-danger.active:hover,:where(body:not(.theme-off)) .btn-danger.active:focus,:where(body:not(.theme-off)) .btn-danger.active.focus,:where(body:not(.theme-off)) .open > .btn-danger.dropdown-toggle:hover,:where(body:not(.theme-off)) .open > .btn-danger.dropdown-toggle:focus,:where(body:not(.theme-off)) .open > .btn-danger.dropdown-toggle.focus{background-color: #1a4e40;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-danger.disabled:hover,:where(body:not(.theme-off)) .btn-danger.disabled:focus,:where(body:not(.theme-off)) .btn-danger.disabled.focus,:where(body:not(.theme-off)) .btn-danger[disabled]:hover,:where(body:not(.theme-off)) .btn-danger[disabled]:focus,:where(body:not(.theme-off)) .btn-danger[disabled].focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-danger:hover,:where(body:not(.theme-off)) fieldset[disabled] .btn-danger:focus,:where(body:not(.theme-off)) fieldset[disabled] .btn-danger.focus{background-color: #256f5a;border-color: #d4af37}
:where(body:not(.theme-off)) .btn-link{color: #000}
:where(body:not(.theme-off)) .btn-link:hover,:where(body:not(.theme-off)) .btn-link:focus{color: #000}
:where(body:not(.theme-off)) .dropdown-menu > li > a{color: #000}
:where(body:not(.theme-off)) .dropdown-menu > li > a:hover,:where(body:not(.theme-off)) .dropdown-menu > li > a:focus{color: #000}
:where(body:not(.theme-off)) .dropdown-menu > .active > a,:where(body:not(.theme-off)) .dropdown-menu > .active > a:hover,:where(body:not(.theme-off)) .dropdown-menu > .active > a:focus{background-color: #194b3d}
:where(body:not(.theme-off)) .dropdown-header{color: #000}
:where(body:not(.theme-off)) .input-group-addon{color: #000;border-color: #d8e1dc}
:where(body:not(.theme-off)) .nav .open > a,:where(body:not(.theme-off)) .nav .open > a:hover,:where(body:not(.theme-off)) .nav .open > a:focus{border-color: #d4af37}
:where(body:not(.theme-off)) .nav-tabs > li.active > a,:where(body:not(.theme-off)) .nav-tabs > li.active > a:hover,:where(body:not(.theme-off)) .nav-tabs > li.active > a:focus{color: #000}
:where(body:not(.theme-off)) .nav-pills > li.active > a,:where(body:not(.theme-off)) .nav-pills > li.active > a:hover,:where(body:not(.theme-off)) .nav-pills > li.active > a:focus{background-color: #194b3d}
:where(body:not(.theme-off)) .navbar-default .navbar-brand{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-brand:hover,:where(body:not(.theme-off)) .navbar-default .navbar-brand:focus{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-text{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-nav > li > a{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-nav > li > a:hover,:where(body:not(.theme-off)) .navbar-default .navbar-nav > li > a:focus{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-nav > .active > a,:where(body:not(.theme-off)) .navbar-default .navbar-nav > .active > a:hover,:where(body:not(.theme-off)) .navbar-default .navbar-nav > .active > a:focus{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-nav > .open > a,:where(body:not(.theme-off)) .navbar-default .navbar-nav > .open > a:hover,:where(body:not(.theme-off)) .navbar-default .navbar-nav > .open > a:focus{color: #000}
@media (max-width: 767px){
  :where(body:not(.theme-off)) .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #000}
  :where(body:not(.theme-off)) .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,:where(body:not(.theme-off)) .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color: #000}
  :where(body:not(.theme-off)) .navbar-default .navbar-nav .open .dropdown-menu > .active > a,:where(body:not(.theme-off)) .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,:where(body:not(.theme-off)) .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{color: #000}
}
:where(body:not(.theme-off)) .navbar-default .navbar-link{color: #000}
:where(body:not(.theme-off)) .navbar-default .navbar-link:hover{color: #000}
:where(body:not(.theme-off)) .navbar-default .btn-link{color: #000}
:where(body:not(.theme-off)) .navbar-default .btn-link:hover,:where(body:not(.theme-off)) .navbar-default .btn-link:focus{color: #000}
:where(body:not(.theme-off)) .navbar-inverse .navbar-brand{color: #000}
:where(body:not(.theme-off)) .navbar-inverse .navbar-text{color: #000}
:where(body:not(.theme-off)) .navbar-inverse .navbar-nav > li > a{color: #000}
@media (max-width: 767px){
  :where(body:not(.theme-off)) .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color: #000}
}
:where(body:not(.theme-off)) .navbar-inverse .navbar-link{color: #000}
:where(body:not(.theme-off)) .navbar-inverse .btn-link{color: #000}
:where(body:not(.theme-off)) .breadcrumb > .active{color: #000}
:where(body:not(.theme-off)) .pagination > li > a,:where(body:not(.theme-off)) .pagination > li > span{color: #000}
:where(body:not(.theme-off)) .pagination > li > a:hover,:where(body:not(.theme-off)) .pagination > li > a:focus,:where(body:not(.theme-off)) .pagination > li > span:hover,:where(body:not(.theme-off)) .pagination > li > span:focus{color: #000}
:where(body:not(.theme-off)) .pagination > .active > a,:where(body:not(.theme-off)) .pagination > .active > a:hover,:where(body:not(.theme-off)) .pagination > .active > a:focus,:where(body:not(.theme-off)) .pagination > .active > span,:where(body:not(.theme-off)) .pagination > .active > span:hover,:where(body:not(.theme-off)) .pagination > .active > span:focus{background-color: #194b3d;border-color: #d4af37}
:where(body:not(.theme-off)) .label-primary{background-color: #194b3d}
:where(body:not(.theme-off)) .label-primary[href]:hover,:where(body:not(.theme-off)) .label-primary[href]:focus{background-color: #13382d}
:where(body:not(.theme-off)) .label-success{background-color: #0e2821}
:where(body:not(.theme-off)) .label-success[href]:hover,:where(body:not(.theme-off)) .label-success[href]:focus{background-color: #091b16}
:where(body:not(.theme-off)) .label-info{background-color: #e5ece8}
:where(body:not(.theme-off)) .label-info[href]:hover,:where(body:not(.theme-off)) .label-info[href]:focus{background-color: #c8d6cf}
:where(body:not(.theme-off)) .label-warning{background-color: #92ac9f}
:where(body:not(.theme-off)) .label-warning[href]:hover,:where(body:not(.theme-off)) .label-warning[href]:focus{background-color: #216451}
:where(body:not(.theme-off)) .label-danger{background-color: #256f5a}
:where(body:not(.theme-off)) .label-danger[href]:hover,:where(body:not(.theme-off)) .label-danger[href]:focus{background-color: #1f5c4b}
:where(body:not(.theme-off)) .list-group-item.active > .badge,:where(body:not(.theme-off)) .nav-pills > .active > a > .badge{color: #000}
:where(body:not(.theme-off)) .thumbnail .caption{color: #000}
:where(body:not(.theme-off)) a.thumbnail:hover,:where(body:not(.theme-off)) a.thumbnail:focus,:where(body:not(.theme-off)) a.thumbnail.active{border-color: #d4af37}
:where(body:not(.theme-off)) .alert-warning{background-color: #edf2f0;border-color: #dfe7e3}
:where(body:not(.theme-off)) .alert-warning hr{border-top-color: #d0dcd6}
:where(body:not(.theme-off)) .alert-danger{background-color: #e5ebe8;border-color: #d7e0dc}
:where(body:not(.theme-off)) .alert-danger hr{border-top-color: #c8d5ce}
:where(body:not(.theme-off)) .progress-bar{background-color: #194b3d}
:where(body:not(.theme-off)) .progress-bar-success{background-color: #0e2821}
:where(body:not(.theme-off)) .progress-bar-info{background-color: #e5ece8}
:where(body:not(.theme-off)) .progress-bar-warning{background-color: #92ac9f}
:where(body:not(.theme-off)) .progress-bar-danger{background-color: #256f5a}
:where(body:not(.theme-off)) a.list-group-item,:where(body:not(.theme-off)) button.list-group-item{color: #000}
:where(body:not(.theme-off)) a.list-group-item .list-group-item-heading,:where(body:not(.theme-off)) button.list-group-item .list-group-item-heading{color: #000}
:where(body:not(.theme-off)) a.list-group-item:hover,:where(body:not(.theme-off)) a.list-group-item:focus,:where(body:not(.theme-off)) button.list-group-item:hover,:where(body:not(.theme-off)) button.list-group-item:focus{color: #000}
:where(body:not(.theme-off)) .list-group-item.active,:where(body:not(.theme-off)) .list-group-item.active:hover,:where(body:not(.theme-off)) .list-group-item.active:focus{background-color: #194b3d;border-color: #d4af37}
:where(body:not(.theme-off)) .list-group-item.active .list-group-item-text,:where(body:not(.theme-off)) .list-group-item.active:hover .list-group-item-text,:where(body:not(.theme-off)) .list-group-item.active:focus .list-group-item-text{color: #000}
:where(body:not(.theme-off)) .list-group-item-warning{color: #000;background-color: #edf2f0}
:where(body:not(.theme-off)) a.list-group-item-warning,:where(body:not(.theme-off)) button.list-group-item-warning{color: #000}
:where(body:not(.theme-off)) a.list-group-item-warning:hover,:where(body:not(.theme-off)) a.list-group-item-warning:focus,:where(body:not(.theme-off)) button.list-group-item-warning:hover,:where(body:not(.theme-off)) button.list-group-item-warning:focus{color: #000;background-color: #dfe7e3}
:where(body:not(.theme-off)) a.list-group-item-warning.active,:where(body:not(.theme-off)) a.list-group-item-warning.active:hover,:where(body:not(.theme-off)) a.list-group-item-warning.active:focus,:where(body:not(.theme-off)) button.list-group-item-warning.active,:where(body:not(.theme-off)) button.list-group-item-warning.active:hover,:where(body:not(.theme-off)) button.list-group-item-warning.active:focus{background-color: #194a3c;border-color: #d4af37}
:where(body:not(.theme-off)) .list-group-item-danger{background-color: #e5ebe8}
:where(body:not(.theme-off)) a.list-group-item-danger:hover,:where(body:not(.theme-off)) a.list-group-item-danger:focus,:where(body:not(.theme-off)) button.list-group-item-danger:hover,:where(body:not(.theme-off)) button.list-group-item-danger:focus{background-color: #d7e0dc}
:where(body:not(.theme-off)) a.list-group-item-danger.active,:where(body:not(.theme-off)) a.list-group-item-danger.active:hover,:where(body:not(.theme-off)) a.list-group-item-danger.active:focus,:where(body:not(.theme-off)) button.list-group-item-danger.active,:where(body:not(.theme-off)) button.list-group-item-danger.active:hover,:where(body:not(.theme-off)) button.list-group-item-danger.active:focus{background-color: #1d5847;border-color: #d4af37}
:where(body:not(.theme-off)) .panel-default > .panel-heading{color: #000}
:where(body:not(.theme-off)) .panel-primary{border-color: #d4af37}
:where(body:not(.theme-off)) .panel-primary > .panel-heading{background-color: #194b3d;border-color: #d4af37}
:where(body:not(.theme-off)) .panel-primary > .panel-heading + .panel-collapse > .panel-body{border-top-color: #d4af37}
:where(body:not(.theme-off)) .panel-primary > .panel-heading .badge{color: #000}
:where(body:not(.theme-off)) .panel-primary > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .panel-warning{border-color: #dfe7e3}
:where(body:not(.theme-off)) .panel-warning > .panel-heading{color: #000;background-color: #edf2f0;border-color: #dfe7e3}
:where(body:not(.theme-off)) .panel-warning > .panel-heading + .panel-collapse > .panel-body{border-top-color: #dfe7e3}
:where(body:not(.theme-off)) .panel-warning > .panel-heading .badge{color: #fff;background-color: #194a3c}
:where(body:not(.theme-off)) .panel-warning > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #dfe7e3}
:where(body:not(.theme-off)) .panel-danger{border-color: #d7e0dc}
:where(body:not(.theme-off)) .panel-danger > .panel-heading{background-color: #e5ebe8;border-color: #d7e0dc}
:where(body:not(.theme-off)) .panel-danger > .panel-heading + .panel-collapse > .panel-body{border-top-color: #d7e0dc}
:where(body:not(.theme-off)) .panel-danger > .panel-heading .badge{background-color: #1d5847}
:where(body:not(.theme-off)) .panel-danger > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #d7e0dc}
:where(body:not(.theme-off)) .carousel-control.left{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(12,46,36,0.0)', endColorstr='#00000000', GradientType=1)}
:where(body:not(.theme-off)) .carousel-control.right{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(12,46,36,0.0)', GradientType=1)}
:where(body:not(.theme-off)) .carousel-control.left{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(12,46,36,0.0)', endColorstr='#00000000', GradientType=1)}
:where(body:not(.theme-off)) .carousel-control.right{filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(12,46,36,0.0)', GradientType=1)}
:where(body:not(.theme-off)) .btn-brwon:before{background-color: #194b3d}
:where(body:not(.theme-off)) .talash-karein button[type="submit"]:before,:where(body:not(.theme-off)) .form-box button[type="submit"]:before{background-color: #194b3d}
:where(body:not(.theme-off)) .sawal-pochain .captcha-cont .btn:before{background-color: #194b3d}
:where(body:not(.theme-off)) .sawal-pochain button[type="submit"]:before{background-color: #194b3d}
:where(body:not(.theme-off)) .login-main form .btn:before{background-color: #194b3d}
:where(body:not(.theme-off)) .txt-link{color: #000}
:where(body:not(.theme-off)) .txt-link:before{background-color: #11332a}
:where(body:not(.theme-off)) .sm-txt-icon li a:before{background-color: #11332a}
:where(body:not(.theme-off)) .name-search button[type="submit"]:before{background-color: #194b3d}
:where(body:not(.theme-off)) .magazine_div .detail_mag ul li .dt_text a{color: #000}
:where(body:not(.theme-off)) .magazine_div .detail_mag ul li .dt_text a:before{background-color: #11332a}
:where(body:not(.theme-off)) .share_print ul li .dt_text a{color: #000}
:where(body:not(.theme-off)) .share_print ul li .dt_text a:before{background-color: #11332a}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .txt-link:hover{color: #000}
  :where(body:not(.theme-off)) .sm-txt-icon li a:hover{color: #000}
  :where(body:not(.theme-off)) .magazine_div .detail_mag ul li .dt_text a:hover{color: #000}
  :where(body:not(.theme-off)) .magazine_div .detail_mag h4 a:hover{color: #000}
  :where(body:not(.theme-off)) .share_print ul li .dt_text a:hover{color: #000}
}
:where(body:not(.theme-off)) .top .langauge a{background-color: #194b3d}
:where(body:not(.theme-off)) .top .langauge a.active{background-color: #194b3d}
:where(body:not(.theme-off)) .top .langauge .open-langauge li{border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .top .langauge .open-langauge li a{background-color: #194b3d}
:where(body:not(.theme-off)) header.sticky{border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .logo{background-image: url("/assets/green/svg/logo.svg")}
:where(body:not(.theme-off)) .main-navigation ul li a{color: #000}
:where(body:not(.theme-off)) .main-navigation ul li a:before{background-color: #0e2821}
:where(body:not(.theme-off)) .main-navigation ul li a:after{background-color: #8ea99c}
:where(body:not(.theme-off)) .main-navigation ul li ul{background-color: #0e2821}
:where(body:not(.theme-off)) .main-navigation ul li ul li{border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .search-box button{color: #000}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .main-navigation ul li ul li:hover a{background-color: #194b3d}
  :where(body:not(.theme-off)) .top .langauge .open-langauge li a:hover{background-color: #0f2c23}
  :where(body:not(.theme-off)) .top .login-btn:hover{background-color: #194b3d}
  :where(body:not(.theme-off)) .top div.active .login-btn{background-color: #194b3d}
}
@media (max-width: 767px){
  :where(body:not(.theme-off)) .mobile-menu{background-color: #194b3d}
  :where(body:not(.theme-off)) .main-navigation ul li{border-bottom-color: #d4af37}
  :where(body:not(.theme-off)) .main-navigation ul li i{background-color: #091b16;border-top-color: #d4af37}
  :where(body:not(.theme-off)) .main-navigation ul li ul{background-color: #164135}
}
:where(body:not(.theme-off)) .inner-banner{background-image: url("/assets/green/images/patteren-lighten-2.jpg");-webkit-box-shadow: inset 0 7px 12px rgba(12,46,36,0.2);-moz-box-shadow: inset 0 7px 12px rgba(12,46,36,0.2);box-shadow: inset 0 7px 12px rgba(12,46,36,0.2)}
:where(body:not(.theme-off)) .inner-head img{border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .inner-head .para{background-color: #d2ddd8;color: #000;border-color: #d4af37}
:where(body:not(.theme-off)) .inner-head .para p{color: #000}
:where(body:not(.theme-off)) #login .captcha-cont .captcha_box,:where(body:not(.theme-off)) #register .captcha-cont .captcha_box{background-color: #f4f6f5;border-color: #d8e1dc}
:where(body:not(.theme-off)) #login .captcha-cont .captcha_box .img-box i,:where(body:not(.theme-off)) #register .captcha-cont .captcha_box .img-box i{border-left-color: #d8e1dc}
:where(body:not(.theme-off)) .textture-box{background-image: url("/assets/green/images/patteren-lighten.jpg")}
:where(body:not(.theme-off)) .textture-box h4{color: #000}
:where(body:not(.theme-off)) .textture-box h3{color: #000}
:where(body:not(.theme-off)) .btn-brwon{background-color: #0f2c23;border-color: #d4af37}
:where(body:not(.theme-off)) .talash-karein{background-image: url("/assets/green/images/talash-karein-pattren.jpg")}
:where(body:not(.theme-off)) .talash-karein button[type="submit"]{background-color: #d2ddd8}
:where(body:not(.theme-off)) .talash-karein.dark{background-image: url("/assets/green/images/dark-jalian.jpg")}
:where(body:not(.theme-off)) .star-listing li.red{background-color: #b6c8bf}
:where(body:not(.theme-off)) .star-listing li.red a{color: #000}
:where(body:not(.theme-off)) .star-listing li:nth-child(even) a{background-color: #ccd9d2}
:where(body:not(.theme-off)) .star-listing li:nth-child(odd) a{background-color: #c7d5ce}
:where(body:not(.theme-off)) .star-listing li a{color: #000;background-color: #ccd9d2}
:where(body:not(.theme-off)) .dar-ul-iftah{background-image: url("/assets/green/images/patteren-lighten.jpg")}
:where(body:not(.theme-off)) .dar-ul-iftah .bar{background-color: #0f2c23;background-image: url("/assets/green/images/talash-pattren.jpg");background-color: #0e2821}
:where(body:not(.theme-off)) .dar-ul-iftah .bar a:before{background-color: #d2ddd8}
:where(body:not(.theme-off)) .iftah-boxes h4{background-color: #0f2c23;background-image: url("/assets/green/images/talash-pattren.jpg")}
:where(body:not(.theme-off)) .iftah-boxes h4 a:before{background-color: #d2ddd8}
:where(body:not(.theme-off)) .book-slider.owl-theme .owl-dots .owl-dot.active span,:where(body:not(.theme-off)) .book-slider.owl-theme .owl-dots .owl-dot:hover span{background-color: #0f2c23}
:where(body:not(.theme-off)) .book-slider.owl-theme .owl-dots .owl-dot span{border-color: #d4af37}
:where(body:not(.theme-off)) .book-slider.owl-theme .owl-controls .owl-nav .owl-prev{color: #000}
:where(body:not(.theme-off)) .book-slider.owl-theme .owl-controls .owl-nav .owl-next{color: #000}
:where(body:not(.theme-off)) .text-red{color: #000}
:where(body:not(.theme-off)) .big-hr{background-image: url("/assets/green/images/big-hr.png")}
:where(body:not(.theme-off)) .book-item h5{color: #000}
:where(body:not(.theme-off)) .sawal-pochain .bar{background-color: #0f2c23}
:where(body:not(.theme-off)) .sawal-pochain .bar h3{background-color: #0f2c23;background-image: url("/assets/green/images/talash-pattren.jpg")}
:where(body:not(.theme-off)) .sawal-pochain .captcha-cont .img-box{color: #000}
:where(body:not(.theme-off)) .sawal-pochain .captcha-cont .img-box:before{background-color: #d8e1dc}
:where(body:not(.theme-off)) .sawal-pochain .captcha-cont .img-box a{color: #000}
:where(body:not(.theme-off)) .sawal-pochain .captcha-cont .btn{background-color: #0f2c23}
:where(body:not(.theme-off)) .sawal-pochain .bootstrap-select{border-color: #d8e1dc}
:where(body:not(.theme-off)) .sawal-pochain .has-error .bootstrap-select{border-color: #d4af37}
:where(body:not(.theme-off)) .custom-row h3{color: #000}
:where(body:not(.theme-off)) .custom-row hr{background-color: #c0cfc8}
:where(body:not(.theme-off)) .custom-row h4{color: #000}
:where(body:not(.theme-off)) .custom-row p{color: #000}
:where(body:not(.theme-off)) .custom-row p b{color: #000}
:where(body:not(.theme-off)) .custom-row p a{color: #000}
:where(body:not(.theme-off)) .listStyle li{color: #000}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .iftah-boxes h4 a:hover{color: #fff}
  :where(body:not(.theme-off)) .dar-ul-iftah .bar a:hover{color: #fff}
  :where(body:not(.theme-off)) .sawal-pochain .captcha-cont .btn:hover{color: #fff}
  :where(body:not(.theme-off)) .star-listing li a:hover{background-color: #0f2c23}
}
:where(body:not(.theme-off)) .bannner .bx-wrapper .bx-controls-direction a{background-color: rgba(13,40,32,0.4)}
:where(body:not(.theme-off)) .bannner .bx-wrapper .bx-pager.bx-default-pager a.active,:where(body:not(.theme-off)) .bannner .bx-wrapper .bx-pager.bx-default-pager a:hover{background-color: #0e2821}
:where(body:not(.theme-off)) .bannner .mousqe{background-image: url("/assets/green/images/masjid.png")}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .bannner .bx-wrapper .bx-controls-direction a.bx-prev:hover{background-color: #0e2821}
  :where(body:not(.theme-off)) .bannner .bx-wrapper .bx-controls-direction a.bx-next:hover{background-color: #0e2821}
}
@media (max-width: 767px){
  :where(body:not(.theme-off)) .bannner ul li .text{background-color: #0f2c23}
}
:where(body:not(.theme-off)) .box:before{background-color: #e5ece8}
:where(body:not(.theme-off)) .tabing-section{background-image: url("/assets/green/images/cen_bg.jpg");background-color: #143d32}
:where(body:not(.theme-off)) .tabing-section .nav-tabs li a{border-color: #d4af37;background-color: #194b3d}
:where(body:not(.theme-off)) .tabing-section .nav-tabs li.active a{border-color: #d2ddd8;background-color: #d2ddd8;color: #000}
:where(body:not(.theme-off)) .tabing-section .tab-box a{color: #000}
:where(body:not(.theme-off)) .tabing-section .tab-box a:before{background-color: #11332a}
:where(body:not(.theme-off)) .tabing-section .tab-content h4{color: #000}
:where(body:not(.theme-off)) .tabing-section .tab-content h3{color: #000}
:where(body:not(.theme-off)) .tabing-section .tab-content p{color: #000}
:where(body:not(.theme-off)) .tabing-section .tab-content .media .media-left a:after{background-color: #11332a}
:where(body:not(.theme-off)) .tabing-section .tab-content .media p{color: #000}
:where(body:not(.theme-off)) .tabing-section .tab-content .media .media-body a:before{background-color: #11332a}
:where(body:not(.theme-off)) .islam-arkan h4{background-color: #0f2c23;background-image: url("/assets/green/images/talash-pattren.jpg")}
:where(body:not(.theme-off)) .islam-arkan .media-body a:before{background-color: #11332a}
:where(body:not(.theme-off)) .islam-box .media .media-left a:after{background-color: #11332a}
:where(body:not(.theme-off)) .islam-box .media h3 a:before{background-color: #11332a}
:where(body:not(.theme-off)) .islam-box .media p{color: #000}
:where(body:not(.theme-off)) .namaz-okat li .namaz{color: #000}
:where(body:not(.theme-off)) .namaz-okat li .time{color: #000}
:where(body:not(.theme-off)) .ftThumb:before{background-image: linear-gradient(to right, transparent 0%, rgba(1, 1, 0, 0) 1%, rgba(14,42,34,0.64) 100%, rgba(14,42,34,0.65) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='rgba(12,46,36,0.15294117647058825)', GradientType=1)}
:where(body:not(.theme-off)) .app-section{background-image: url("/assets/green/images/app_bg.jpg")}
:where(body:not(.theme-off)) .app-section h3{color: #000}
:where(body:not(.theme-off)) .app-section a{color: #000}
:where(body:not(.theme-off)) .app-section a:before{background-color: #11332a}
:where(body:not(.theme-off)) .app-logo:after{background-color: #d2ddd8}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .tabing-section .nav-tabs li a:hover,:where(body:not(.theme-off)) .tabing-section .nav-tabs li a:focus{border-color: #d2ddd8;background-color: #d2ddd8;color: #000}
  :where(body:not(.theme-off)) .tabing-section .tab-content .media .media-body a:hover{color: #000}
  :where(body:not(.theme-off)) .islam-box .media .media-body a:hover{color: #000}
  :where(body:not(.theme-off)) .box a:hover{color: #000}
  :where(body:not(.theme-off)) .tabing-section .tab-box a:hover{color: #000}
  :where(body:not(.theme-off)) .app-section a:hover{color: #000}
}
@media (max-width: 767px){
  :where(body:not(.theme-off)) .home-box.owl-theme .owl-dots .owl-dot.active span{background-color: #0e2821}
  :where(body:not(.theme-off)) .home-box.owl-theme .owl-dots .owl-dot span{background-color: #194b3d}
}
:where(body:not(.theme-off)) .fancybox-skin{background-color: rgba(21,64,52,0.5);color: #000}
:where(body:not(.theme-off)) .fancybox-overlay{background-image: url("/assets/green/images/fancybox_overlay.png")}
:where(body:not(.theme-off)) .side-menu{background-color: #d8e1dc}
:where(body:not(.theme-off)) .side-menu h3{background-image: url("/assets/green/images/talash-pattren.jpg")}
:where(body:not(.theme-off)) .side-menu .mazameeen-toggle ul.page-links li{background-color: #d8e1dc;border-top-color: #f1f5f3;border-bottom-color: #c0cfc8}
:where(body:not(.theme-off)) .side-menu .page-links li{border-top-color: #f1f5f3;border-bottom-color: #c0cfc8}
:where(body:not(.theme-off)) .side-menu .page-links li a{background-color: #d8e1dc;color: #000}
:where(body:not(.theme-off)) .side-menu .page-links li.active a{background-image: url("/assets/green/images/listing-side-white.png");background-color: #0e2821}
:where(body:not(.theme-off)) .side-menu .heading-area{border-top-color: #d4af37;background-color: #d2ddd8}
:where(body:not(.theme-off)) .side-menu .nay-fatway li{border-top-color: #f1f5f3;border-bottom-color: #c0cfc8}
:where(body:not(.theme-off)) .side-menu .nay-fatway li a{color: #000}
:where(body:not(.theme-off)) .side-menu .timing li{border-top-color: #f1f5f3;border-bottom-color: #c0cfc8}
:where(body:not(.theme-off)) .side-menu .timing li .time{color: #000}
:where(body:not(.theme-off)) .side-menu .panel-group .panel-default > .panel-heading{border-bottom-color: #f1f5f3}
:where(body:not(.theme-off)) .side-menu .panel-group .panel-default > .panel-heading a{background-color: #143d32;border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .side-menu .panel-group .panel-default > .panel-heading a.collapsed{background-color: #bccdc4;color: #000}
:where(body:not(.theme-off)) .side-menu .nav-tabs li a{background-color: #194b3d}
:where(body:not(.theme-off)) .side-menu .nav-tabs li.active a{background-color: #0f2c23}
:where(body:not(.theme-off)) .side-menu .mozuaaat{background-color: #d8e1dc}
:where(body:not(.theme-off)) .side-menu .mozuaaat li{background-color: #b6c8bf}
:where(body:not(.theme-off)) .sidethumb span{color: #fff}
:where(body:not(.theme-off)) .form-box{background-image: url("/assets/green/images/patteren-lighten.jpg")}
:where(body:not(.theme-off)) .form-box button[type="submit"]{background-color: #b6c8bf}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .side-menu .page-links li a:hover{background-image: url("/assets/green/images/listing-side-white.png");background-color: #0e2821}
  :where(body:not(.theme-off)) .side-menu .nay-fatway li a:hover{background-color: #0e2821}
}
:where(body:not(.theme-off)) footer{background-image: url("/assets/green/images/footer_bg.jpg");background-color: #0f2c23}
:where(body:not(.theme-off)) footer h3{border-bottom-color: #d4af37}
:where(body:not(.theme-off)) footer .ftList li a.active{color: #fff}
:where(body:not(.theme-off)) footer .ftList li.active a{color: #fff}
:where(body:not(.theme-off)) footer hr{background-color: #0e2821}
:where(body:not(.theme-off)) footer a:before{background-color: #d2ddd8}
:where(body:not(.theme-off)) footer a.active{color: #fff}
:where(body:not(.theme-off)) .back-to-top{background-color: #194b3d}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .back-to-top:hover{background-color: #0f2c23}
  :where(body:not(.theme-off)) footer .ftList li a:hover{color: #fff}
  :where(body:not(.theme-off)) footer a:hover{color: #fff}
}
:where(body:not(.theme-off)) .bx-wrapper .bx-pager{color: #000}
:where(body:not(.theme-off)) #nav-icon3 span{background-color: #194b3d}
@media (max-width: 767px){
  :where(body:not(.theme-off)) #nav-icon3 span{background-color: #194b3d}
}
:where(body:not(.theme-off)) #loader{border-top-color: #d4af37}
:where(body:not(.theme-off)) #loader:before{border-top-color: #d4af37}
:where(body:not(.theme-off)) #loader:after{border-top-color: #d4af37}
:where(body:not(.theme-off)) .error .bootstrap-select .btn{border-color: #d4af37}
:where(body:not(.theme-off)) .control-group.error .bootstrap-select .dropdown-toggle{border-color: #d4af37}
:where(body:not(.theme-off)) .bootstrap-select.btn-group .btn .filter-option{color: #000}
:where(body:not(.theme-off)) .has-success .bootstrap-select.btn-group .btn .filter-option{color: #000}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background-color: #194b3d}
}
:where(body:not(.theme-off)) .magazine_div h2{border-bottom-color: #dbe4e0;color: #000}
:where(body:not(.theme-off)) .magazine_div h2:after{background-image: url("/assets/green/images/inner-sep.png")}
:where(body:not(.theme-off)) .magazine_div h3{border-bottom-color: #dbe4e0;color: #000}
:where(body:not(.theme-off)) .magazine_div h3:after{background-image: url("/assets/green/images/inner-sep.png")}
:where(body:not(.theme-off)) .magazine_div .detail_mag{border-bottom-color: #dbe4e0}
:where(body:not(.theme-off)) .magazine_div .detail_mag h4{color: #000}
:where(body:not(.theme-off)) .magazine_div .detail_mag:after{background-image: url("/assets/green/images/inner-sep.png")}
:where(body:not(.theme-off)) .magazine_div .detail_mag ul li .dt_text a{color: #000}
:where(body:not(.theme-off)) h4.red{background-color: #b6c8bf;color: #000}
:where(body:not(.theme-off)) .share_print ul li .dt_text a{color: #000}
:where(body:not(.theme-off)) .border-top{border-top-color: #dbe4e0}
:where(body:not(.theme-off)) .border-top:after{background-image: url("/assets/green/images/inner-sep.png")}
:where(body:not(.theme-off)) .login-main{border-color: #d7e0dc}
:where(body:not(.theme-off)) .login-main h3{border-bottom-color: #ecf1ee;color: #000}
:where(body:not(.theme-off)) .login-main .gmail-icon{background-color: #236855}
:where(body:not(.theme-off)) .login-main .gmail-icon i{border-color: #d4af37}
:where(body:not(.theme-off)) #login .captcha-cont .img-box,:where(body:not(.theme-off)) #register .captcha-cont .img-box{color: #000}
:where(body:not(.theme-off)) #login .captcha-cont .img-box a,:where(body:not(.theme-off)) #register .captcha-cont .img-box a{color: #000}
:where(body:not(.theme-off)) .dashboard-list .list-question li a.not-done{background-color: #1c5545}
:where(body:not(.theme-off)) .books-list .books-inner{border-color: #c1d0c9;background-image: url("/assets/green/images/patteren-lighten.jpg")}
:where(body:not(.theme-off)) .name-search{background-image: url("/assets/green/images/talash-karein-pattren.jpg")}
:where(body:not(.theme-off)) .name-search button{background-color: #b6c8bf}
:where(body:not(.theme-off)) .name-search.dark{background-image: url("/assets/green/images/dark-jalian.jpg")}
:where(body:not(.theme-off)) .name-results table thead th{background-image: url("/assets/green/images/talash-pattren.jpg");background-color: #13382d}
:where(body:not(.theme-off)) .form-wrapper .loader:after{border-color: #d4af37 transparent transparent}
:where(body:not(.theme-off)) .tag{background-color: #f5f7f6;color: #000}
:where(body:not(.theme-off)) .tag:hover{background-color: #194b3d}
:where(body:not(.theme-off)) .matloba-sawal{background-image: url("/assets/green/images/texttute-gray-white.png")}
:where(body:not(.theme-off)) .matloba-sawal:before{background-color: #d8e1dc}
:where(body:not(.theme-off)) .matloba-sawal > i{color: #000}
:where(body:not(.theme-off)) .matloba-sawal .txt h3:before{background-color: #dde6e2}
:where(body:not(.theme-off)) .matloba-sawal .txt .btn{background-color: #d8e1dc}
:where(body:not(.theme-off)) .list-question li{border-bottom-color: #dbe4e0}
:where(body:not(.theme-off)) .list-question li:first-child{border-top-color: #dbe4e0}
:where(body:not(.theme-off)) .pagination > li:hover a{background-color: #194b3d}
:where(body:not(.theme-off)) .pagination > li a{background-color: #d8e1dc}
:where(body:not(.theme-off)) .sawal-jawab h3,:where(body:not(.theme-off)) .sawal-jawab h4{background-color: #e8edeb;color: #000}
:where(body:not(.theme-off)) .sawal-jawab h3{background-color: #f5f7f6}
:where(body:not(.theme-off)) .sm-txt-icon li a{color: #000}
:where(body:not(.theme-off)) .sm-txt-icon li i{color: #000}
@media (min-width: 1200px){
  :where(body:not(.theme-off)) .gallery-section .book-item a:before{background-color: rgba(25,77,62,0.5)}
  :where(body:not(.theme-off)) .list-question li a:hover{color: #000}
}
:where(body:not(.theme-off)) .sawal-jawab:has(+ .namaz_times) h4{color: #000;background-image: linear-gradient(270deg, #ebf0ee 0%, #f6f8f7 100%);border-color: #d7e1dc;border-right-color: #d4af37;box-shadow: 0 6px 18px rgba(12,46,36,0.06)}
:where(body:not(.theme-off)) .namaz-head__place{color: #000;border-color: #cfdad4}
:where(body:not(.theme-off)) .timing-meta__city{color: #000;border-color: #cfdad4}
:where(body:not(.theme-off)) .name-results.namaz_times table tr{border-color: #d1ddd7}
:where(body:not(.theme-off)) .name-results.namaz_times table tr td{border-top-color: #e1e9e5}
:where(body:not(.theme-off)) .name-results.namaz_times table tr td::before{color: #000}
:where(body:not(.theme-off)) .name-results.namaz_times table tr td:first-child{color: #000;background-color: rgba(18,55,45,0.08)}
:where(body:not(.theme-off)) .name-results.namaz_times table tr td:nth-child(n+2):nth-child(-n+4){border-bottom-color: #e1e9e5}
:where(body:not(.theme-off)) .name-search:has(+ .islamicname){background-image: linear-gradient(180deg, #f6f8f7 0%, #e8edeb 100%);border-color: #d7e1dc;box-shadow: 0 8px 24px rgba(12,46,36,0.07)}
:where(body:not(.theme-off)) .name-search:has(+ .islamicname) .form-control{color: #000;border-color: #c0d0c8}
:where(body:not(.theme-off)) .name-search:has(+ .islamicname) .form-control:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(12,46,36,0.18)}
:where(body:not(.theme-off)) .name-search:has(+ .islamicname) button[type="submit"]{background-color: #194b3d}
:where(body:not(.theme-off)) .name-search:has(+ .islamicname) button[type="submit"]:hover,:where(body:not(.theme-off)) .name-search:has(+ .islamicname) button[type="submit"]:focus{background-color: #0f2c23}
:where(body:not(.theme-off)) .name-results.namaz_times table tr.namaz-today{background-color: #d9e2de}
/* ---- from bayyinat.css ---- */
:where(body:not(.theme-off)) .bd-head{border-inline-start-color: #d4af37}
:where(body:not(.theme-off)) .bd-meta li{border-color: #d1ddd7;background-color: #f4f7f5}
:where(body:not(.theme-off)) .bd-btn.is-done{border-color: #b6c8bf;color: #000;background-color: #f4f7f5}
:where(body:not(.theme-off)) .side-menu .bayyinat-years{background-color: #d8e1dc}
:where(body:not(.theme-off)) .side-menu .bayyinat-years li a{border-color: #b1c5bb;color: #000;background-color: #f2f5f3}
:where(body:not(.theme-off)) .side-menu .bayyinat-years li a:hover,:where(body:not(.theme-off)) .side-menu .bayyinat-years li a:focus,:where(body:not(.theme-off)) .side-menu .bayyinat-years li.active a{border-color: #d4af37;background-color: #194b3d}
:where(body:not(.theme-off)) .bayyinat-page-head{border-color: #d8e1dc;background-color: #f6f9f8}
:where(body:not(.theme-off)) .bayyinat-page-head--sticky{box-shadow: 0 5px 18px rgba(12,46,36,0.08)}
:where(body:not(.theme-off)) .bayyinat-page-head:before{background-color: #153f33}
:where(body:not(.theme-off)) .bayyinat-page-head__eyebrow{color: #000}
:where(body:not(.theme-off)) .bayyinat-page-head h1{color: #000}
:where(body:not(.theme-off)) .bayyinat-issue__link{border-color: #dce4e0;color: #000;box-shadow: 0 3px 14px rgba(12,46,36,0.07)}
:where(body:not(.theme-off)) .bayyinat-issue__link:hover,:where(body:not(.theme-off)) .bayyinat-issue__link:focus{border-color: #afc2b9;color: #000;box-shadow: 0 8px 24px rgba(12,46,36,0.12)}
:where(body:not(.theme-off)) .bayyinat-cover{background-image: linear-gradient(145deg,#174337,#0c241e)}
:where(body:not(.theme-off)) .bayyinat-cover__year{color: #fff}
:where(body:not(.theme-off)) .bayyinat-issue__title{color: #000}
:where(body:not(.theme-off)) .bayyinat-issue__link:hover .bayyinat-issue__title,:where(body:not(.theme-off)) .bayyinat-issue__link:focus .bayyinat-issue__title{color: #000}
:where(body:not(.theme-off)) .bayyinat-list>.bayyinat-page-head+ a>h3{border-color: #dbe3df;background-color: #f2f5f3}
:where(body:not(.theme-off)) .bayyinat-list .detail_mag{border-color: #e1e9e5;box-shadow: 0 3px 14px rgba(12,46,36,0.05)}
:where(body:not(.theme-off)) .bayyinat-previous>.bayyinat-page-head~.item .box{border-color: #d8e1dc;box-shadow: 0 3px 14px rgba(12,46,36,0.06)}
@media(max-width:767px){
  :where(body:not(.theme-off)) .bd-head{box-shadow: 0 2px 10px rgba(12,46,36,0.06)}
  :where(body:not(.theme-off)) .bd-meta{border-color: #d1ddd7;background-color: #f5f8f6;box-shadow: 0 2px 10px rgba(12,46,36,0.04)}
  :where(body:not(.theme-off)) .bd-meta li{border-bottom-color: #dae3de}
  :where(body:not(.theme-off)) .bd-meta small{color: #000}
  :where(body:not(.theme-off)) .bd-meta span{color: #000}
}
:where(body:not(.theme-off)) .bayyinat-side-summary{background-color: #0f2c23}
@media(max-width:767px){
  :where(body:not(.theme-off)) .bayyinat-side-section{border-color: #c5d3cc}
  :where(body:not(.theme-off)) .bayyinat-side-summary{color: #000;background-color: #ecf0ee}
  :where(body:not(.theme-off)) .bayyinat-side-summary>span:before,:where(body:not(.theme-off)) .bayyinat-side-summary>span:after{background-color: #194b3d}
  :where(body:not(.theme-off)) .bayyinat-previous>.item .box h2{color: #000}
}
@media(max-width:767px){
  :where(body:not(.theme-off)) .bayyinat-previous>.item .box{background-color: #f6f9f8 !important}
}
@media(max-width:767px){
  :where(body:not(.theme-off)) .book-slider .book-item{border-color: #d5e0db}
  :where(body:not(.theme-off)) .book-slider .owl-nav>div{background-color: #153e32 !important}
}
:where(body:not(.theme-off)) .book-slider.owl-theme .owl-controls .owl-nav>div{border-color: #b9cbc2 !important;color: #000 !important;box-shadow: 0 3px 12px rgba(12,46,36,0.18)}
:where(body:not(.theme-off)) .book-slider.owl-theme .owl-controls .owl-nav>div:hover,:where(body:not(.theme-off)) .book-slider.owl-theme .owl-controls .owl-nav>div:focus{border-color: #d4af37 !important;background-color: #153e32 !important}
:where(body:not(.theme-off)) .inner-head--text .para{border-color: #d4af37}
/* ---- from auth-forms.css ---- */
:where(body:not(.theme-off)) .auth-page{background-image: linear-gradient(180deg,#f5f7f6 0,#fff 360px)}
:where(body:not(.theme-off)) .auth-card.login-main{border-color: #d5dfda;box-shadow: 0 20px 55px rgba(12,46,36,0.1)}
:where(body:not(.theme-off)) .auth-card.login-main>h3{background-image: radial-gradient(circle at 15% 20%,rgba(203,215,209,0.2),transparent 34%), linear-gradient(135deg,#1a4e3f,#0f2c23)}
:where(body:not(.theme-off)) .auth-form .form-control{border-color: #cdd9d3;color: #000}
:where(body:not(.theme-off)) .auth-form .form-control:focus{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(12,46,36,0.12)}
:where(body:not(.theme-off)) .auth-form__actions .btn{background-color: #194b3d;box-shadow: 0 8px 18px rgba(12,46,36,0.18)}
:where(body:not(.theme-off)) .auth-form__actions .btn:hover,:where(body:not(.theme-off)) .auth-form__actions .btn:focus{background-color: #0f2c23}
:where(body:not(.theme-off)) .auth-form__links .txt-link{color: #000}
:where(body:not(.theme-off)) .g-recaptcha-wrapper{border-color: #d8e1dc}
:where(body:not(.theme-off)) .auth-social__divider{color: #000}
:where(body:not(.theme-off)) .auth-social__divider:before,:where(body:not(.theme-off)) .auth-social__divider:after{background-color: #dde5e1}
:where(body:not(.theme-off)) .profile-form-card{border-color: #d5dfda;box-shadow: 0 14px 38px rgba(12,46,36,0.08)}
:where(body:not(.theme-off)) .profile-form .auth-form__label{color: #000}
:where(body:not(.theme-off)) .auth-input:before{color: #000}
:where(body:not(.theme-off)) .password-toggle:before{border-color: #d4af37}
:where(body:not(.theme-off)) .password-toggle:after{background-color: #1b5141}
:where(body:not(.theme-off)) .password-toggle:hover,:where(body:not(.theme-off)) .password-toggle:focus{background-color: #e8edeb}
:where(body:not(.theme-off)) .password-toggle[aria-pressed="true"]:before{border-color: #d4af37}
:where(body:not(.theme-off)) .password-toggle[aria-pressed="true"]:after{background-color: #246c57}
:where(body:not(.theme-off)) .auth-form__actions .btn{background-image: linear-gradient(135deg,#1b5242,#164135);box-shadow: 0 9px 20px rgba(12,46,36,0.24)}
:where(body:not(.theme-off)) .auth-form__actions .btn:hover,:where(body:not(.theme-off)) .auth-form__actions .btn:focus{background-image: linear-gradient(135deg,#174639,#12352b);box-shadow: 0 11px 23px rgba(12,46,36,0.28)}
:where(body:not(.theme-off)) .captcha-panel{border-color: #cddad3;background-image: linear-gradient(180deg,#f9fafa,#f0f3f2)}
:where(body:not(.theme-off)) .captcha-panel__label{color: #000}
:where(body:not(.theme-off)) .captcha-panel__label span{background-color: #194b3d}
:where(body:not(.theme-off)) .captcha-panel .g-recaptcha-wrapper{border-color: #d8e1dc}
:where(body:not(.theme-off)) .auth-secondary-btn{border-color: #c1d1c9;color: #000}
:where(body:not(.theme-off)) .auth-secondary-btn:hover,:where(body:not(.theme-off)) .auth-secondary-btn:focus{color: #000;border-color: #d4af37;background-color: #f4f7f5}
:where(body:not(.theme-off)) .auth-secondary-btn--accent{border-color: #d4af37;background-color: #1b5142}
:where(body:not(.theme-off)) .auth-secondary-btn--accent:hover,:where(body:not(.theme-off)) .auth-secondary-btn--accent:focus{border-color: #d4af37;background-color: #13392e}
:where(body:not(.theme-off)) .auth-form__actions .btn{background-color: #194b3d;box-shadow: 0 6px 14px rgba(12,46,36,0.16)}
:where(body:not(.theme-off)) .auth-form__actions .btn:hover,:where(body:not(.theme-off)) .auth-form__actions .btn:focus{background-color: #0f2c23;box-shadow: 0 8px 18px rgba(12,46,36,0.2)}
:where(body:not(.theme-off)) .auth-card--with-intro .auth-card__intro{color: #000}
/* ---- from service-forms.css ---- */
:where(body:not(.theme-off)) .service-form-page,:where(body:not(.theme-off)) .service-form-section{background-image: linear-gradient(180deg,#f5f7f6 0,#fff 360px)}
:where(body:not(.theme-off)) .service-form-card{border-color: #d5dfda;box-shadow: 0 20px 55px rgba(12,46,36,0.1)}
:where(body:not(.theme-off)) .service-form-card>h3{background-image: radial-gradient(circle at 15% 20%,rgba(203,215,209,0.2),transparent 34%), linear-gradient(135deg,#1a4e3f,#0f2c23)}
:where(body:not(.theme-off)) .service-form label{color: #000}
:where(body:not(.theme-off)) .service-form input[readonly]{background-color: #f2f5f3;color: #000}
:where(body:not(.theme-off)) .service-closed-notice{border-color: #c8d5ce;color: #000;background-color: #f5f7f6}
:where(body:not(.theme-off)) .service-closed-notice__icon{background-color: #194b3d}
/* ---- from payments.css ---- */
:where(body:not(.theme-off)) .pf-form label{color: #000}
:where(body:not(.theme-off)) .pf-account{border-color: #d5dfda;background-color: #f5f7f6;color: #000}
:where(body:not(.theme-off)) .pf-link{color: #000}
:where(body:not(.theme-off)) .pf-link:hover,:where(body:not(.theme-off)) .pf-link:focus{color: #000}
:where(body:not(.theme-off)) .pf-form .form-control.pf-invalid{border-color: #d4af37;box-shadow: 0 0 0 3px rgba(12,46,36,0.12)}
:where(body:not(.theme-off)) .pf-chip{border-color: #c1d1c9;color: #000}
:where(body:not(.theme-off)) .pf-chip:hover,:where(body:not(.theme-off)) .pf-chip:focus{border-color: #d4af37;background-color: #ecf0ee;color: #000}
:where(body:not(.theme-off)) .pf-notes{border-color: #d5dfda;background-color: #f5f7f6}
:where(body:not(.theme-off)) .pf-notes li{border-bottom-color: #cbd8d2;color: #000}
:where(body:not(.theme-off)) .pf-notes li:before{background-color: #1b5242}
:where(body:not(.theme-off)) .pf-btn{background-image: linear-gradient(135deg,#1b5242,#164135);box-shadow: 0 8px 18px rgba(12,46,36,0.22)}
:where(body:not(.theme-off)) .pf-btn:hover,:where(body:not(.theme-off)) .pf-btn:focus{background-image: linear-gradient(135deg,#164135,#0f2c23)}
:where(body:not(.theme-off)) .pf-btn--ghost{color: #000;border-color: #d4af37}
:where(body:not(.theme-off)) .pf-btn--ghost:hover,:where(body:not(.theme-off)) .pf-btn--ghost:focus{background-color: #ecf0ee;color: #000}
:where(body:not(.theme-off)) .dashboard-list .pf-donations li{border-color: #d5dfda;border-inline-start-color: #d4af37;box-shadow: 0 6px 18px rgba(12,46,36,0.06)}
:where(body:not(.theme-off)) .dashboard-list .pf-donations li:first-child{border-top-color: #d5dfda}
:where(body:not(.theme-off)) .dashboard-list .pf-donations li.pf-item--wait{border-inline-start-color: #d4af37}
:where(body:not(.theme-off)) .dashboard-list .pf-donations li.pf-item--bad{border-inline-start-color: #d4af37}
:where(body:not(.theme-off)) .pf-donations .pf-title{color: #000}
:where(body:not(.theme-off)) .pf-donations .pf-tag{border-color: #c1d1c9;color: #000}
:where(body:not(.theme-off)) .pf-donations .pf-meta{color: #000}
:where(body:not(.theme-off)) .pf-donations .pf-amount{color: #000}
:where(body:not(.theme-off)) .pf-status--wait{background-color: #1b5242}
:where(body:not(.theme-off)) .pf-status--bad{background-color: #1c5545}
:where(body:not(.theme-off)) .pf-donations a.pf-receipt{color: #000;border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .pf-donations a.pf-receipt:hover,:where(body:not(.theme-off)) .pf-donations a.pf-receipt:focus{color: #000;border-bottom-color: #d4af37}
:where(body:not(.theme-off)) .pf-empty{border-color: #c1d1c9;background-color: #f5f7f6;color: #000}
/* ---- from app-donation.css ---- */
:where(body:not(.theme-off)) .app-donation .form-control.pf-invalid{box-shadow: 0 0 0 3px rgba(12,46,36,0.1)}
:where(body:not(.theme-off)) .app-donation .alert{border-color: #d4ded9;background-color: #f5f7f6;color: #000}
:where(body:not(.theme-off)) .app-donation-result .alert-warning{border-color: #bacbc2;background-color: #edf1ef}
:where(body:not(.theme-off)) .app-donation-result .alert-danger{border-color: #d4ded9;background-color: #f5f7f6}
/* ---- from datepicker.css ---- */
:where(body:not(.theme-off)) .datepicker table tr td.old,:where(body:not(.theme-off)) .datepicker table tr td.new{color: #000}
:where(body:not(.theme-off)) .datepicker table tr td.today,:where(body:not(.theme-off)) .datepicker table tr td.today:hover,:where(body:not(.theme-off)) .datepicker table tr td.today.disabled,:where(body:not(.theme-off)) .datepicker table tr td.today.disabled:hover{background-color: #c4d3cc;background-image: -moz-linear-gradient(top, #c4d3cc, #fdf59a);background-image: -ms-linear-gradient(top, #c4d3cc, #fdf59a);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c4d3cc), to(#fdf59a));background-image: -webkit-linear-gradient(top, #c4d3cc, #fdf59a);background-image: -o-linear-gradient(top, #c4d3cc, #fdf59a);background-image: linear-gradient(top, #c4d3cc, #fdf59a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(12,46,36,0.25)', endColorstr='#fdf59a', GradientType=0)}
:where(body:not(.theme-off)) .datepicker table tr td span.old{color: #000}
/* ---- from paper.css ---- */
/* ---- from style_footer.css ---- */
/* ---- from modern-pages.css ---- */
:where(body:not(.theme-off)) .error-page{background-image: linear-gradient(145deg,#f4f6f5 0%,#e0e7e3 100%)}
:where(body:not(.theme-off)) .error-page__orb{background-color: rgba(24,75,60,0.08)}
:where(body:not(.theme-off)) .page-not-found{border-color: rgba(212,175,55,0.13);box-shadow: 0 24px 70px rgba(12,46,36,0.12)}
:where(body:not(.theme-off)) .page-not-found__art{background-image: linear-gradient(145deg,#194b3d,#0f2c23)}
:where(body:not(.theme-off)) .page-not-found__arch{border-color: rgba(188,204,196,0.75)}
:where(body:not(.theme-off)) .page-not-found__arch span{color: #fff}
:where(body:not(.theme-off)) .page-not-found__art svg{stroke: rgba(203,215,209,0.3)}
:where(body:not(.theme-off)) .page-not-found__eyebrow{color: #000}
:where(body:not(.theme-off)) .page-not-found h1{color: #000}
:where(body:not(.theme-off)) .page-not-found p{color: #000}
:where(body:not(.theme-off)) .error-action--primary{background-color: #194b3d;box-shadow: 0 10px 24px rgba(12,46,36,0.22)}
:where(body:not(.theme-off)) .error-action--primary:hover,:where(body:not(.theme-off)) .error-action--primary:focus{background-color: #0f2c23}
:where(body:not(.theme-off)) .error-action--secondary{border-color: #c0d0c8}
:where(body:not(.theme-off)) .error-action--secondary:hover,:where(body:not(.theme-off)) .error-action--secondary:focus{background-color: #f4f6f5}
:where(body:not(.theme-off)) .modern-inner-page{background-image: linear-gradient(180deg,#f6f8f7 0,#fff 240px)}
:where(body:not(.theme-off)) .content-card{border-color: #d8e2dd;box-shadow: 0 18px 45px rgba(12,46,36,0.08)}
:where(body:not(.theme-off)) .content-card .page-hero{background-color: #194b3d}
:where(body:not(.theme-off)) .content-card .page-hero:after{background-image: linear-gradient(0deg,rgba(8,26,21,0.68),rgba(8,26,21,0.0) 70%)}
:where(body:not(.theme-off)) .content-card .page-hero--text-only:after{background-image: radial-gradient(circle at 15% 20%,rgba(183,200,192,0.22),transparent 35%), linear-gradient(135deg,#194b3d,#0f2c23)}
:where(body:not(.theme-off)) .content-card__body{color: #000}
:where(body:not(.theme-off)) .content-card__body h2,:where(body:not(.theme-off)) .content-card__body h3{color: #000}
:where(body:not(.theme-off)) .content-card__body a{color: #000;text-decoration-color: #b6c8bf}
:where(body:not(.theme-off)) .error-page{background-image: linear-gradient(160deg,#f6f8f7 0%,#e1e8e4 100%)}
:where(body:not(.theme-off)) .page-not-found{border-color: #d8e2dd;box-shadow: 0 22px 60px rgba(12,46,36,0.1)}
:where(body:not(.theme-off)) .page-not-found__art{background-image: radial-gradient(circle at 30% 20%,rgba(203,215,209,0.22),transparent 45%), linear-gradient(150deg,#1c5444,#0f2c23)}
:where(body:not(.theme-off)) .page-not-found__eyebrow{color: #000;background-color: rgba(24,74,60,0.12)}
:where(body:not(.theme-off)) .page-not-found h1{color: #000}
:where(body:not(.theme-off)) .page-not-found p{color: #000}
:where(body:not(.theme-off)) .error-action--primary{box-shadow: 0 10px 24px rgba(12,46,36,0.24)}
:where(body:not(.theme-off)) .error-action:focus-visible{outline-color: #d4af37}
/* ---- <img> swaps ---- */
:where(body:not(.theme-off)) img[src$="/dataimages/bayyinatdetail.jpg"]{content:url("/assets/green/dataimages/bayyinatdetail.jpg")}
:where(body:not(.theme-off)) img[src$="/dataimages/dua.jpg"]{content:url("/assets/green/dataimages/dua.jpg")}
:where(body:not(.theme-off)) img[src$="/dataimages/general_notification.jpg"]{content:url("/assets/green/dataimages/general_notification.jpg")}
:where(body:not(.theme-off)) img[src$="/dataimages/hazrat.jpg"]{content:url("/assets/green/dataimages/hazrat.jpg")}
:where(body:not(.theme-off)) img[src$="/dataimages/headingbarlogo.png"]{content:url("/assets/green/dataimages/headingbarlogo.png")}
:where(body:not(.theme-off)) img[src$="/dataimages/namaz.jpg"]{content:url("/assets/green/dataimages/namaz.jpg")}
:where(body:not(.theme-off)) img[src$="/dataimages/readquestion_new.jpg"]{content:url("/assets/green/dataimages/readquestion_new.jpg")}
:where(body:not(.theme-off)) img[src$="/dataimages/readquestion_new.png"]{content:url("/assets/green/dataimages/readquestion_new.png")}
:where(body:not(.theme-off)) img[src$="/images/anroid-logo.png"]{content:url("/assets/green/images/anroid-logo.png")}
:where(body:not(.theme-off)) img[src$="/images/app_bg.jpg"]{content:url("/assets/green/images/app_bg.jpg")}
:where(body:not(.theme-off)) img[src$="/images/apple-logo.png"]{content:url("/assets/green/images/apple-logo.png")}
:where(body:not(.theme-off)) img[src$="/images/banner_1.jpg"]{content:url("/assets/green/images/banner_1.jpg")}
:where(body:not(.theme-off)) img[src$="/images/banner_2.jpg"]{content:url("/assets/green/images/banner_2.jpg")}
:where(body:not(.theme-off)) img[src$="/images/banuri-header-pattern.png"]{content:url("/assets/green/images/banuri-header-pattern.png")}
:where(body:not(.theme-off)) img[src$="/images/big-hr.png"]{content:url("/assets/green/images/big-hr.png")}
:where(body:not(.theme-off)) img[src$="/images/cen_bg.jpg"]{content:url("/assets/green/images/cen_bg.jpg")}
:where(body:not(.theme-off)) img[src$="/images/dark-jalian.jpg"]{content:url("/assets/green/images/dark-jalian.jpg")}
:where(body:not(.theme-off)) img[src$="/images/evening.jpg"]{content:url("/assets/green/images/evening.jpg")}
:where(body:not(.theme-off)) img[src$="/images/fancybox_overlay.png"]{content:url("/assets/green/images/fancybox_overlay.png")}
:where(body:not(.theme-off)) img[src$="/images/footer_bg.jpg"]{content:url("/assets/green/images/footer_bg.jpg")}
:where(body:not(.theme-off)) img[src$="/images/icon-darulifta.png"]{content:url("/assets/green/images/icon-darulifta.png")}
:where(body:not(.theme-off)) img[src$="/images/icon-hazrat.png"]{content:url("/assets/green/images/icon-hazrat.png")}
:where(body:not(.theme-off)) img[src$="/images/icon-maqalat.png"]{content:url("/assets/green/images/icon-maqalat.png")}
:where(body:not(.theme-off)) img[src$="/images/inner-sep.png"]{content:url("/assets/green/images/inner-sep.png")}
:where(body:not(.theme-off)) img[src$="/images/islamqa-pattern-light.png"]{content:url("/assets/green/images/islamqa-pattern-light.png")}
:where(body:not(.theme-off)) img[src$="/images/listing-side-white.png"]{content:url("/assets/green/images/listing-side-white.png")}
:where(body:not(.theme-off)) img[src$="/images/logo.png"]{content:url("/assets/green/images/logo.png")}
:where(body:not(.theme-off)) img[src$="/images/makalat-icon.png"]{content:url("/assets/green/images/makalat-icon.png")}
:where(body:not(.theme-off)) img[src$="/images/map-img.png"]{content:url("/assets/green/images/map-img.png")}
:where(body:not(.theme-off)) img[src$="/images/map-pin.png"]{content:url("/assets/green/images/map-pin.png")}
:where(body:not(.theme-off)) img[src$="/images/masjid.png"]{content:url("/assets/green/images/masjid.png")}
:where(body:not(.theme-off)) img[src$="/images/morning.jpg"]{content:url("/assets/green/images/morning.jpg")}
:where(body:not(.theme-off)) img[src$="/images/noon.jpg"]{content:url("/assets/green/images/noon.jpg")}
:where(body:not(.theme-off)) img[src$="/images/patteren-lighten-2.jpg"]{content:url("/assets/green/images/patteren-lighten-2.jpg")}
:where(body:not(.theme-off)) img[src$="/images/patteren-lighten.jpg"]{content:url("/assets/green/images/patteren-lighten.jpg")}
:where(body:not(.theme-off)) img[src$="/images/phones.png"]{content:url("/assets/green/images/phones.png")}
:where(body:not(.theme-off)) img[src$="/images/sidethumb-img1.jpg"]{content:url("/assets/green/images/sidethumb-img1.jpg")}
:where(body:not(.theme-off)) img[src$="/images/sidethumb-img2.jpg"]{content:url("/assets/green/images/sidethumb-img2.jpg")}
:where(body:not(.theme-off)) img[src$="/images/social-banner.jpeg"]{content:url("/assets/green/images/social-banner.jpeg")}
:where(body:not(.theme-off)) img[src$="/images/sun.jpg"]{content:url("/assets/green/images/sun.jpg")}
:where(body:not(.theme-off)) img[src$="/images/sun3.jpg"]{content:url("/assets/green/images/sun3.jpg")}
:where(body:not(.theme-off)) img[src$="/images/talash-karein-pattren.jpg"]{content:url("/assets/green/images/talash-karein-pattren.jpg")}
:where(body:not(.theme-off)) img[src$="/images/talash-pattren.jpg"]{content:url("/assets/green/images/talash-pattren.jpg")}
:where(body:not(.theme-off)) img[src$="/images/taruf-icon.png"]{content:url("/assets/green/images/taruf-icon.png")}
:where(body:not(.theme-off)) img[src$="/images/texttute-gray-white.png"]{content:url("/assets/green/images/texttute-gray-white.png")}
:where(body:not(.theme-off)) img[src$="/images/texture-green-crackle.png"]{content:url("/assets/green/images/texture-green-crackle.png")}
:where(body:not(.theme-off)) img[src$="/images/texture-light-geometric.svg"]{content:url("/assets/green/images/texture-light-geometric.svg")}
:where(body:not(.theme-off)) img[src$="/svg/logo.svg"]{content:url("/assets/green/svg/logo.svg")}

/*
 * Banuri modern light theme
 * Visual-only overrides: no layout, markup, or behavior changes.
 */
:root {
  --banuri-green-950: #0c2e24;
  --banuri-green-900: #143c38;
  --banuri-green-800: #1b4d3e;
  --banuri-green-700: #1f6f69;
  --banuri-green-100: #e7f0ec;
  --banuri-green-50: #f5faf7;
  --banuri-gold-700: #9a6a1b;
  --banuri-gold-500: #b58a3a;
  --banuri-gold-100: #f5ead2;
  --banuri-ink: #17221f;
  --banuri-muted: #64716d;
  --banuri-line: #dbe6e1;
  --banuri-paper: #ffffff;
  --banuri-shadow: 0 12px 34px rgba(12, 46, 36, .08)}

html:where(:has(body:not(.theme-off))),
body:where(:not(.theme-off)),
:where(body:not(.theme-off)) section,
:where(body:not(.theme-off)) .inner-section {
  background-color: var(--banuri-paper);
  color: var(--banuri-ink)}

body:where(:not(.theme-off)) {
  background-image:
    linear-gradient(30deg, rgba(20, 60, 56, .018) 12%, transparent 12.5%, transparent 87%, rgba(20, 60, 56, .018) 87.5%),
    linear-gradient(150deg, rgba(20, 60, 56, .018) 12%, transparent 12.5%, transparent 87%, rgba(20, 60, 56, .018) 87.5%);
  background-size: 44px 76px}

:where(body:not(.theme-off)) a,
:where(body:not(.theme-off)) .main-navigation ul li a,
:where(body:not(.theme-off)) .search-box button,
:where(body:not(.theme-off)) .title-heading,
:where(body:not(.theme-off)) .text-red {
  color: var(--banuri-green-900)}

:where(body:not(.theme-off)) a:hover,
:where(body:not(.theme-off)) a:focus {
  color: var(--banuri-green-700)}

:where(body:not(.theme-off)) .top {
  background: var(--banuri-green-950);
  box-shadow: inset 0 -1px rgba(181, 138, 58, .35)}

:where(body:not(.theme-off)) header,
:where(body:not(.theme-off)) header.sticky {
  background: rgba(255, 255, 255, .97);
  border-bottom-color: var(--banuri-line);
  box-shadow: 0 8px 28px rgba(12, 46, 36, .07)}

:where(body:not(.theme-off)) .main-navigation {
  border-color: var(--banuri-line)}

:where(body:not(.theme-off)) .main-navigation ul li {
  border-color: var(--banuri-line)}

:where(body:not(.theme-off)) .main-navigation ul li a:before,
:where(body:not(.theme-off)) .main-navigation ul li ul,
:where(body:not(.theme-off)) .main-navigation ul li.active > a:before {
  background: var(--banuri-green-900)}

:where(body:not(.theme-off)) .main-navigation ul li a:after {
  background: var(--banuri-gold-500)}

:where(body:not(.theme-off)) .main-navigation ul li ul li {
  border-color: rgba(255, 255, 255, .14)}

:where(body:not(.theme-off)) .main-navigation ul li ul li:hover a,
:where(body:not(.theme-off)) .top .langauge a,
:where(body:not(.theme-off)) .top .langauge .open-langauge li a,
:where(body:not(.theme-off)) .top .login-btn:hover,
:where(body:not(.theme-off)) .top div.active .login-btn,
:where(body:not(.theme-off)) .menu-open,
:where(body:not(.theme-off)) .back-to-top {
  background-color: var(--banuri-green-900)}

:where(body:not(.theme-off)) .search-box .form-control,
:where(body:not(.theme-off)) .form-control,
:where(body:not(.theme-off)) input,
:where(body:not(.theme-off)) select,
:where(body:not(.theme-off)) textarea {
  background-color: #fff;
  border-color: var(--banuri-line);
  color: var(--banuri-ink);
  border-radius: 8px;
  box-shadow: none}

:where(body:not(.theme-off)) .form-control:focus,
:where(body:not(.theme-off)) input:focus,
:where(body:not(.theme-off)) select:focus,
:where(body:not(.theme-off)) textarea:focus {
  border-color: var(--banuri-green-700);
  box-shadow: 0 0 0 3px rgba(31, 111, 105, .12)}:where(body:not(.theme-off)) .iftah-boxes {
  background-color: #fff;
  border-color: var(--banuri-line);
  box-shadow: var(--banuri-shadow);
}
:where(body:not(.theme-off)) .box,
:where(body:not(.theme-off)) .tabing-section .tab-content,
:where(body:not(.theme-off)) .side-menu,
:where(body:not(.theme-off)) .form-box,
:where(body:not(.theme-off)) .book-item,
:where(body:not(.theme-off)) .dashboard-list,
:where(body:not(.theme-off)) .panel,
:where(body:not(.theme-off)) .well {
  background-color: #fff;
  border-color: var(--banuri-line);
  box-shadow: var(--banuri-shadow)}:where(body:not(.theme-off)) .iftah-boxes {
  border-radius: 12px;
}
:where(body:not(.theme-off)) .box,
:where(body:not(.theme-off)) .tabing-section .tab-content,
:where(body:not(.theme-off)) .form-box,
:where(body:not(.theme-off)) .book-item,
:where(body:not(.theme-off)) .panel,
:where(body:not(.theme-off)) .well {
  border-radius: 12px}

:where(body:not(.theme-off)) .box {
  box-shadow: var(--banuri-shadow), inset -12px -12px 50px rgba(231, 240, 236, .65)}

:where(body:not(.theme-off)) .box:before {
  background: var(--banuri-green-100)}

:where(body:not(.theme-off)) .tabing-section {
  background-color: var(--banuri-green-50);
  background-image:
    linear-gradient(30deg, rgba(20, 60, 56, .035) 12%, transparent 12.5%, transparent 87%, rgba(20, 60, 56, .035) 87.5%),
    linear-gradient(150deg, rgba(20, 60, 56, .035) 12%, transparent 12.5%, transparent 87%, rgba(20, 60, 56, .035) 87.5%);
  background-size: 44px 76px}:where(body:not(.theme-off)) .iftah-boxes h3 {
  background-color: var(--banuri-green-900);
  border-color: var(--banuri-green-900);
  color: #fff;
}
:where(body:not(.theme-off)) .tabing-section .nav-tabs li a,
:where(body:not(.theme-off)) .islam-arkan h4,
:where(body:not(.theme-off)) .dar-ul-iftah h3,
:where(body:not(.theme-off)) .side-menu h3,
:where(body:not(.theme-off)) .side-menu h4,
:where(body:not(.theme-off)) .btn-brwon,
:where(body:not(.theme-off)) .btn-primary,
:where(body:not(.theme-off)) button[type="submit"] {
  background-color: var(--banuri-green-900);
  border-color: var(--banuri-green-900);
  color: #fff}

:where(body:not(.theme-off)) .tabing-section .nav-tabs li.active a,
:where(body:not(.theme-off)) .tabing-section .nav-tabs li.active a:hover,
:where(body:not(.theme-off)) .tabing-section .nav-tabs li.active a:focus {
  background: #fff;
  border-color: var(--banuri-gold-500);
  color: var(--banuri-green-900)}

:where(body:not(.theme-off)) .btn,
:where(body:not(.theme-off)) button,
:where(body:not(.theme-off)) .pagination > li > a,
:where(body:not(.theme-off)) .pagination > li > span {
  border-radius: 8px}

:where(body:not(.theme-off)) .btn-brwon:hover,
:where(body:not(.theme-off)) .btn-brwon:focus,
:where(body:not(.theme-off)) .btn-primary:hover,
:where(body:not(.theme-off)) .btn-primary:focus,
:where(body:not(.theme-off)) button[type="submit"]:hover,
:where(body:not(.theme-off)) button[type="submit"]:focus {
  background-color: var(--banuri-green-800);
  border-color: var(--banuri-green-800);
  color: #fff}:where(body:not(.theme-off)) .dar-ul-iftah {
  background-color: var(--banuri-green-900);
  background-image:
    linear-gradient(30deg, rgba(255, 255, 255, .035) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, .035) 87.5%),
    linear-gradient(150deg, rgba(181, 138, 58, .08) 12%, transparent 12.5%, transparent 87%, rgba(181, 138, 58, .08) 87.5%);
  background-size: 44px 76px;
}
:where(body:not(.theme-off)) .talash-karein,
:where(body:not(.theme-off)) .talash-karein.dark,
:where(body:not(.theme-off)) .islam-arkan h4 {
  background-color: var(--banuri-green-900);
  background-image:
    linear-gradient(30deg, rgba(255, 255, 255, .035) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, .035) 87.5%),
    linear-gradient(150deg, rgba(181, 138, 58, .08) 12%, transparent 12.5%, transparent 87%, rgba(181, 138, 58, .08) 87.5%);
  background-size: 44px 76px}

:where(body:not(.theme-off)) .talash-karein button[type="submit"] {
  background: var(--banuri-gold-500);
  color: var(--banuri-green-950)}

:where(body:not(.theme-off)) .bar,
:where(body:not(.theme-off)) .title-heading {
  background-color: var(--banuri-green-900);
  background-image: linear-gradient(30deg,rgba(255,255,255,.035) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.035) 87.5%), linear-gradient(150deg,rgba(181,138,58,.08) 12%,transparent 12.5%,transparent 87%,rgba(181,138,58,.08) 87.5%);
  color: #fff}:where(body:not(.theme-off)) .iftah-boxes .title-heading { background-color:var(--banuri-green-900); background-image:linear-gradient(30deg,rgba(255,255,255,.035) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.035) 87.5%),linear-gradient(150deg,rgba(181,138,58,.08) 12%,transparent 12.5%,transparent 87%,rgba(181,138,58,.08) 87.5%); color:#fff; }
:where(body:not(.theme-off)) .dar-ul-iftah .bar { background-color:var(--banuri-green-900); background-image:linear-gradient(30deg,rgba(255,255,255,.035) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.035) 87.5%),linear-gradient(150deg,rgba(181,138,58,.08) 12%,transparent 12.5%,transparent 87%,rgba(181,138,58,.08) 87.5%); color:#fff}:where(body:not(.theme-off)) .iftah-boxes hr { background:var(--banuri-gold-500); border-color:var(--banuri-gold-500); }
:where(body:not(.theme-off)) .dar-ul-iftah hr { background:var(--banuri-gold-500); border-color:var(--banuri-gold-500)}

:where(body:not(.theme-off)) .star-listing li,
:where(body:not(.theme-off)) .star-listing li.red,
:where(body:not(.theme-off)) .star-listing li:nth-child(odd),
:where(body:not(.theme-off)) .star-listing li:nth-child(even) { background-color: var(--banuri-green-50); border-color: var(--banuri-line)}
:where(body:not(.theme-off)) .star-listing li a,
:where(body:not(.theme-off)) .star-listing li.red a { color: var(--banuri-ink)}

:where(body:not(.theme-off)) .textture-box {
  background-color: var(--banuri-green-50);
  background-image:
    linear-gradient(45deg, rgba(20, 60, 56, .025) 25%, transparent 25%, transparent 75%, rgba(20, 60, 56, .025) 75%),
    linear-gradient(45deg, rgba(181, 138, 58, .025) 25%, transparent 25%, transparent 75%, rgba(181, 138, 58, .025) 75%);
  background-position: 0 0, 18px 18px;
  background-size: 36px 36px}

:where(body:not(.theme-off)) .inner-head img,
:where(body:not(.theme-off)) .inner-head .para {
  border-color: var(--banuri-line)}

:where(body:not(.theme-off)) .inner-head .para {
  background: #fff;
  color: var(--banuri-ink);
  box-shadow: var(--banuri-shadow)}

:where(body:not(.theme-off)) .inner-head .para p,
:where(body:not(.theme-off)) .tabing-section .tab-content p,
:where(body:not(.theme-off)) .tabing-section .tab-content .media p {
  color: var(--banuri-ink)}

:where(body:not(.theme-off)) table,
:where(body:not(.theme-off)) .table {
  background: #fff;
  color: var(--banuri-ink)}

:where(body:not(.theme-off)) .table > thead > tr > th,
:where(body:not(.theme-off)) .table > tbody > tr > th {
  background: var(--banuri-green-50);
  border-color: var(--banuri-line);
  color: var(--banuri-green-900)}

:where(body:not(.theme-off)) .table > tbody > tr > td,
:where(body:not(.theme-off)) .table > tfoot > tr > td {
  border-color: var(--banuri-line)}

:where(body:not(.theme-off)) .pagination > .active > a,
:where(body:not(.theme-off)) .pagination > .active > span,
:where(body:not(.theme-off)) .pagination > .active > a:hover,
:where(body:not(.theme-off)) .pagination > .active > span:hover {
  background-color: var(--banuri-green-900);
  border-color: var(--banuri-green-900)}

:where(body:not(.theme-off)) footer {
  background-color: var(--banuri-green-950);
  background-image:
    linear-gradient(30deg, rgba(255, 255, 255, .025) 12%, transparent 12.5%, transparent 87%, rgba(255, 255, 255, .025) 87.5%),
    linear-gradient(150deg, rgba(181, 138, 58, .07) 12%, transparent 12.5%, transparent 87%, rgba(181, 138, 58, .07) 87.5%);
  background-size: 44px 76px}

:where(body:not(.theme-off)) footer h3,
:where(body:not(.theme-off)) footer hr {
  border-color: var(--banuri-gold-500)}

:where(body:not(.theme-off)) footer h3 {
  color: #fff}

:where(body:not(.theme-off)) footer .ftList li a.active,
:where(body:not(.theme-off)) footer .ftList li.active a,
:where(body:not(.theme-off)) footer a:hover,
:where(body:not(.theme-off)) footer a:focus {
  color: #ead39f}

:where(body:not(.theme-off)) *:focus-visible {
  outline: 3px solid rgba(181, 138, 58, .65);
  outline-offset: 2px}

@media (prefers-reduced-motion: reduce) {
  :where(body:not(.theme-off)) *,
  :where(body:not(.theme-off)) *:before,
  :where(body:not(.theme-off)) *:after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important}
}

/* Fatwa detail — light interpretation of the IslamQA reference page. */
:where(body:not(.theme-off)) .inner-section:has(.fq) {
  background:
    linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)),
    linear-gradient(30deg, rgba(20,60,56,.12) 12%, transparent 12.5%, transparent 87%, rgba(20,60,56,.12) 87.5%);
  background-size: auto, 44px 76px;
}

:where(body:not(.theme-off)) .inner-section .fq-banner {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--banuri-line);
  border-radius: 18px;
  background: var(--banuri-green-950);
  box-shadow: 0 18px 44px rgba(12,46,36,.12);
}

:where(body:not(.theme-off)) .inner-section .fq-banner img {
  border-radius: 0;
  filter: sepia(.18) saturate(.72) hue-rotate(92deg) contrast(.95);
  opacity: .88;
  mix-blend-mode: screen;
}

:where(body:not(.theme-off)) .inner-section .fq-banner .big-hr {
  display: none;
}

:where(body:not(.theme-off)) .inner-section .fq {
  margin-top: 22px;
  color: var(--banuri-ink);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-head {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
  padding: 24px 28px;
  border: 1px solid var(--banuri-line);
  border-inline-start: 5px solid var(--banuri-gold-500);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-head:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .45;
  background: radial-gradient(circle at 8% 0, rgba(181,138,58,.14), transparent 34%);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-title {
  position: relative;
  z-index: 1;
  color: var(--banuri-green-950);
  font-size: 30px;
  line-height: 1.75;
  font-weight: 700;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-card {
  border: 1px solid var(--banuri-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
  padding: 28px 30px;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-question {
  border-color: rgba(181,138,58,.55);
  background:
    linear-gradient(135deg, rgba(245,234,210,.78), rgba(255,255,255,.96)),
    linear-gradient(30deg, rgba(154,106,27,.06) 12%, transparent 12.5%, transparent 87%, rgba(154,106,27,.06) 87.5%);
  background-size: auto, 36px 62px;
  box-shadow: 0 12px 34px rgba(154,106,27,.08);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-label {
  color: var(--banuri-green-900);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-label:after {
  content: "";
  height: 1px;
  flex: 1;
  margin-inline-start: 14px;
  background: linear-gradient(90deg, var(--banuri-line), transparent);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-question .fq-label {
  color: var(--banuri-gold-700);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-question .fq-label:after {
  background: linear-gradient(90deg, rgba(181,138,58,.55), transparent);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-text,
:where(body:not(.theme-off)) .inner-section .fq .fq-text p {
  color: #24322e;
  font-size: 20px;
  line-height: 2.15;
  font-weight: 400;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-source {
  color: var(--banuri-muted);
  border-top: 1px solid var(--banuri-line);
  margin-top: 24px;
  padding-top: 16px;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-answer > hr {
  display: none;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-ref {
  border: 1px solid var(--banuri-line);
  background: var(--banuri-green-50);
  border-radius: 14px;
  margin-top: 18px;
  padding: 16px 20px;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-ref-label,
:where(body:not(.theme-off)) .inner-section .fq .fq-ref-no {
  color: var(--banuri-green-900);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-ref-date,
:where(body:not(.theme-off)) .inner-section .fq .fq-ref-date small {
  color: var(--banuri-muted);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-cat {
  border-color: var(--banuri-line);
  background: var(--banuri-green-50);
  border-radius: 10px;
}

:where(body:not(.theme-off)) .inner-section .fq .fq-cat:hover,
:where(body:not(.theme-off)) .inner-section .fq .fq-cat:focus {
  border-color: var(--banuri-gold-500);
  box-shadow: 0 6px 18px rgba(12,46,36,.09);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-cat span,
:where(body:not(.theme-off)) .inner-section .fq .fq-cat:hover span,
:where(body:not(.theme-off)) .inner-section .fq .fq-cat:focus span {
  color: var(--banuri-green-900);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-actions {
  border-color: var(--banuri-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-btn {
  border-color: var(--banuri-line);
  background: #fff;
  color: var(--banuri-green-900);
}

:where(body:not(.theme-off)) .inner-section .fq .fq-btn:hover,
:where(body:not(.theme-off)) .inner-section .fq .fq-btn:focus,
:where(body:not(.theme-off)) .inner-section .fq .fq-btn.is-done {
  border-color: var(--banuri-green-700);
  background: var(--banuri-green-50);
  color: var(--banuri-green-950);
}

:where(body:not(.theme-off)) .inner-section:has(.fq) .form-box,
:where(body:not(.theme-off)) .inner-section:has(.fq) .sawal-pochain {
  overflow: visible;
  border: 1px solid var(--banuri-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
}

@media (max-width: 767px) {
  :where(body:not(.theme-off)) .inner-section .fq .fq-head,
  :where(body:not(.theme-off)) .inner-section .fq .fq-card { padding: 18px; }
  :where(body:not(.theme-off)) .inner-section .fq .fq-title { font-size: 23px; }
  :where(body:not(.theme-off)) .inner-section .fq .fq-text,
  :where(body:not(.theme-off)) .inner-section .fq .fq-text p { font-size: 17px; line-height: 2; }
}body:where(:not(.theme-off)) .fq-title,
body:where(:not(.theme-off)) .fq-label,
body:where(:not(.theme-off)) .fq-text,
body:where(:not(.theme-off)) .fq-text p,
body:where(:not(.theme-off)) .fq-source,
body:where(:not(.theme-off)) .fq-ref-label,
body:where(:not(.theme-off)) .fq-ref-no,
body:where(:not(.theme-off)) .fq-ref-date,
body:where(:not(.theme-off)) .fq-ref-date small,
body:where(:not(.theme-off)) .fq-cat small,
body:where(:not(.theme-off)) .fq-cat span,
body:where(:not(.theme-off)) .fq-btn {
  color: #000;
}
body:where(:not(.theme-off)),
body:where(:not(.theme-off)) p,
body:where(:not(.theme-off)) li,
body:where(:not(.theme-off)) td,
body:where(:not(.theme-off)) th,
body:where(:not(.theme-off)) label,
body:where(:not(.theme-off)) small,
body:where(:not(.theme-off)) h1,
body:where(:not(.theme-off)) h2,
body:where(:not(.theme-off)) h3,
body:where(:not(.theme-off)) h4,
body:where(:not(.theme-off)) h5,
body:where(:not(.theme-off)) h6,
body:where(:not(.theme-off)) a,
body:where(:not(.theme-off)) input,
body:where(:not(.theme-off)) select,
body:where(:not(.theme-off)) textarea {
  color: #000}body:where(:not(.theme-off)):has(.fq) .inner-banner h2 {
  color: #fff;
}
body:where(:not(.theme-off)) .top p,
body:where(:not(.theme-off)) .top a,
body:where(:not(.theme-off)) .main-navigation ul li.active > a,
body:where(:not(.theme-off)) .main-navigation ul li:hover > a,
body:where(:not(.theme-off)) .main-navigation ul li ul a,
body:where(:not(.theme-off)) .talash-karein h3,
body:where(:not(.theme-off)) .dar-ul-iftah h3,
body:where(:not(.theme-off)) .bar,
body:where(:not(.theme-off)) .title-heading,
body:where(:not(.theme-off)) .btn-primary,
body:where(:not(.theme-off)) .btn-brwon,
body:where(:not(.theme-off)) footer,
body:where(:not(.theme-off)) footer p,
body:where(:not(.theme-off)) footer li,
body:where(:not(.theme-off)) footer a,
body:where(:not(.theme-off)) footer h3 {
  color: #fff}

/* Darulifta landing — completed light theme. */
body:not(.theme-off) .inner-banner {
  background: #f7f9f8 url("/assets/green/images/texture-light-geometric.svg") repeat; border-bottom-color: var(--banuri-line);
  box-shadow: inset 0 1px #fff, 0 12px 32px rgba(12,46,36,.06)}

body:not(.theme-off) .inner-banner h2,
body:not(.theme-off) .inner-banner .right-heading {
  color: #000}

body:not(.theme-off) .inner-section {
  background:
    linear-gradient(rgba(247,249,248,.9), rgba(247,249,248,.9)),
    url("/assets/green/images/texture-light-geometric.svg") repeat}

body:not(.theme-off) .talash-karein,
body:not(.theme-off) .talash-karein.dark {
  overflow: hidden; border-color: rgba(255,255,255,.12);
  border-radius: 18px;
  background-color: var(--banuri-green-950);
  background-image:
    linear-gradient(rgba(12,46,36,.08), rgba(12,46,36,.08)),
    url("/assets/green/images/texture-green-crackle.png");
  background-repeat: repeat;
  background-size: auto, 344px 564px;
  box-shadow: 0 18px 42px rgba(12,46,36,.16)}

body:not(.theme-off) .talash-karein h3 {
  color: #fff}

body:not(.theme-off) .talash-karein .form-control { border-color: rgba(255,255,255,.72);
  border-radius: 11px;
  background: rgba(255,255,255,.97);
  color: #000;
  box-shadow: 0 5px 16px rgba(0,0,0,.08)}

body:not(.theme-off) .talash-karein button[type="submit"] { border-color: var(--banuri-gold-500);
  border-radius: 11px;
  background: var(--banuri-gold-500);
  color: #000;
  box-shadow: 0 6px 18px rgba(0,0,0,.12)}

body:not(.theme-off) .dar-ul-iftah:has(> .col-md-6) {
  display: flex;
  gap: 24px;
  padding: 0;
  background: transparent;
  margin-bottom: 32px;
}

body:not(.theme-off) .dar-ul-iftah > .col-md-6 {
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--banuri-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
}body:not(.theme-off) .iftah-boxes .title-heading {
  padding: 14px 20px;
  border: 0;
  background-color: var(--banuri-green-950);
  background-image:
    linear-gradient(rgba(12,46,36,.08), rgba(12,46,36,.08)),
    url("/assets/green/images/texture-green-crackle.png");
  background-repeat: repeat;
  background-size: auto, 344px 564px;
  color: #fff;
}
body:not(.theme-off) .dar-ul-iftah .bar {
  background-color: var(--banuri-green-950);
  background-image:
    linear-gradient(rgba(12,46,36,.08), rgba(12,46,36,.08)),
    url("/assets/green/images/texture-green-crackle.png");
  background-repeat: repeat;
  background-size: auto, 344px 564px;
  color: #fff}body:not(.theme-off) .iftah-boxes .title-heading,
body:not(.theme-off) .iftah-boxes .title-heading a {
  color: #fff;
}
body:not(.theme-off) .dar-ul-iftah .bar h4,
body:not(.theme-off) .dar-ul-iftah .bar a {
  color: #fff}

body:not(.theme-off) .star-listing {
  background: #fff}

body:not(.theme-off) .star-listing li,
body:not(.theme-off) .star-listing li:nth-child(odd),
body:not(.theme-off) .star-listing li:nth-child(even),
body:not(.theme-off) .star-listing li.red { border-color: var(--banuri-line);
  border-radius: 11px;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease}

body:not(.theme-off) .star-listing li:hover {
  border-color: rgba(31,111,105,.48);
  box-shadow: 0 8px 22px rgba(12,46,36,.08);
  transform: translateY(-1px)}

body:not(.theme-off) .star-listing li a,
body:not(.theme-off) .star-listing li.red a {
  background-color: transparent;
  color: #000}

body:not(.theme-off) .iftah-boxes {
  margin-inline: -12px;
}

body:not(.theme-off) .iftah-boxes > [class*="col-"] {
  padding-inline: 12px;
  margin-bottom: 24px;
}

body:not(.theme-off) .iftah-boxes .title-heading {
  margin: 0;
  border-radius: 16px 16px 0 0;
}

body:not(.theme-off) .iftah-boxes .islam-box {
  min-height: 250px;
  padding: 18px;
  border: 1px solid var(--banuri-line);
  border-top: 0;
  border-radius: 0 0 16px 16px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
}

body:not(.theme-off) .iftah-boxes .media {
  padding: 0 0 14px;
  border-bottom: 1px solid var(--banuri-line);
}

body:not(.theme-off) .iftah-boxes .media:last-child {
  border-bottom: 0;
}

body:not(.theme-off) .iftah-boxes h3,
body:not(.theme-off) .iftah-boxes p,
body:not(.theme-off) .iftah-boxes a {
  color: #000;
}

body:not(.theme-off) .iftah-boxes .islam-box h3 { padding:5px 10px; border-inline-start:3px solid var(--banuri-green-700); border-radius:5px; background:var(--banuri-green-100); color:#000; }

body:not(.theme-off) .matloba-sawal {
  border: 1px solid var(--banuri-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--banuri-shadow);
}

body:not(.theme-off) .matloba-sawal .btn {
  border: 1px solid var(--banuri-green-700);
  border-radius: 10px;
  background: var(--banuri-green-50);
  color: #000;
}

body:not(.theme-off) hr {
  background: var(--banuri-line) !important;
  border-color: var(--banuri-line) !important}

@media (max-width: 991px) {
  body:not(.theme-off) .dar-ul-iftah:has(> .col-md-6) { display: block; }
  body:not(.theme-off) .dar-ul-iftah > .col-md-6 { margin-bottom: 20px; }
}

/* Darulifta final correction pass. */
body:not(.theme-off) .iftah-boxes .title-heading {
  border: 1px solid var(--banuri-line);
  border-bottom: 0;
  border-top: 4px solid var(--banuri-green-900);
  border-radius: 16px 16px 0 0;
  background: #fff;
  background-image: none;
  color: #000;
  box-shadow: 0 8px 20px rgba(12,46,36,.05);
}
body:not(.theme-off) .iftah-boxes .title-heading,
body:not(.theme-off) .iftah-boxes .title-heading a { color:#000; }
body:not(.theme-off) .matloba-sawal {
  display:flex; align-items:center; gap:24px; height:auto !important; min-height:0;
  overflow:visible; padding:26px 30px; margin:8px 0 40px;
}
body:not(.theme-off) .matloba-sawal:before { display:none; }
body:not(.theme-off) .matloba-sawal > i {
  position:static; float:none; flex:0 0 auto; color:var(--banuri-green-900); font-size:64px; line-height:1;
}
body:not(.theme-off) .matloba-sawal .txt,
body:not(.theme-off) .matloba-sawal.full-width .txt {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px 24px;
  float:none; width:100%; margin:0;
}
body:not(.theme-off) .matloba-sawal .txt h3 {
  grid-column:1/-1; margin:0; padding:0 0 10px; color:#000;
}
body:not(.theme-off) .matloba-sawal .txt p,
body:not(.theme-off) .matloba-sawal.full-width .txt p {
  float:none; max-width:none; margin:0; color:#000;
}
body:not(.theme-off) .matloba-sawal .btn { float:none; white-space:nowrap; }
body:not(.theme-off) .app-section {
  background-color:var(--banuri-green-950);
  background-image:linear-gradient(rgba(12,46,36,.08),rgba(12,46,36,.08)),url("/assets/green/images/texture-green-crackle.png");
  background-repeat:repeat; background-size:auto,344px 564px}
body:not(.theme-off) .app-section h3,
body:not(.theme-off) .app-section a { color:#fff}
body:not(.theme-off) footer { background:var(--banuri-green-950) !important; background-image:none !important}
@media (max-width:767px) {
  body:not(.theme-off) .matloba-sawal { display:block; padding:20px; }
  body:not(.theme-off) .matloba-sawal > i { display:none; }
  body:not(.theme-off) .matloba-sawal .txt,
  body:not(.theme-off) .matloba-sawal.full-width .txt { display:block; }
  body:not(.theme-off) .matloba-sawal .txt p { margin-bottom:14px; }
}

/* ===== Darulifta page lock pass ===== */
/* Banner: IslamQA light tile (unmodified), logo recolored to evergreen in dataimages/headingbarlogo.png */
body:not(.theme-off) .inner-banner {
  background: #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat}
/* Category labels inside the six cards: no green fill */
body:not(.theme-off) .iftah-boxes .islam-box .media-body h3 {
  background: #f3f4f6;
  border-inline-start: 3px solid var(--banuri-gold-500);
}
/* Footer divider: golden */
body:not(.theme-off) footer hr {
  background: var(--banuri-gold-500) !important;
  border-color: var(--banuri-gold-500) !important}
/* "Required question not found" box: same width as the cards' container, textured heading bar */
body:not(.theme-off) .matloba-sawal {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center;
  gap: 0 24px; padding: 0 0 26px; margin: 8px -12px 40px; width: calc(100% + 24px); max-width: none; overflow: hidden;
}
body:not(.theme-off) .matloba-sawal .txt,
body:not(.theme-off) .matloba-sawal.full-width .txt { display: contents; }
body:not(.theme-off) .matloba-sawal .txt h3 {
  grid-column: 1 / -1; grid-row: 1; margin: 0 0 22px; padding: 14px 20px; border: 0; color: #fff;
  background-color: var(--banuri-green-950);
  background-image: linear-gradient(rgba(12,46,36,.08), rgba(12,46,36,.08)), url("/assets/green/images/texture-green-crackle.png");
  background-repeat: repeat; background-size: auto, 344px 564px;
}
body:not(.theme-off) .matloba-sawal > i { grid-row: 2; grid-column: 1; margin-inline-start: 30px; }
body:not(.theme-off) .matloba-sawal .txt p { grid-row: 2; grid-column: 2; }
body:not(.theme-off) .matloba-sawal .btn { grid-row: 2; grid-column: 3; margin-inline-end: 30px; }
@media (max-width: 767px) {
  body:not(.theme-off) .matloba-sawal { display: block; margin-inline: 0; width: auto; padding-bottom: 20px; }
  body:not(.theme-off) .matloba-sawal .txt { display: block; }
  body:not(.theme-off) .matloba-sawal .txt h3 { margin-bottom: 16px; }
  body:not(.theme-off) .matloba-sawal .txt p, body:not(.theme-off) .matloba-sawal .btn { margin-inline: 20px; }
}

/* ===== Darulifta pass 2 ===== */
/* Text: always black on light surfaces (white stays only on dark-green fills) */
body:not(.theme-off) .main-navigation > ul > li:not(.active):not(:hover) > a,
body:not(.theme-off) .bootstrap-select .filter-option,
body:not(.theme-off) .bootstrap-select > .dropdown-toggle { color: #000}
body:not(.theme-off) ::placeholder { color: #000; opacity: .6}
/* Phone banner: phones stand flush on the bottom edge again (original 150px band, 16px top) */
body:not(.theme-off) .app-section { overflow: hidden}
/* Texture check: IslamQA tile on the page body and on the ask box body */
body:not(.theme-off) .inner-section { background: #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat}
body:not(.theme-off) .matloba-sawal { background: #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat; }
@media (max-width: 767px) { body:not(.theme-off) .app-section {} }

/* ===== Darulifta pass 3 ===== */
/* Cleaner gold for every line/accent on this page (the old #b58a3a looked muddy) */
body:not(.theme-off) { --banuri-gold-500: #d4af37}
/* Footer hover: no brown. Links and their underline go white; back-to-top goes dark green */
body:not(.theme-off) footer a:hover,
body:not(.theme-off) footer a:focus,
body:not(.theme-off) footer a.active,
body:not(.theme-off) footer .ftList li.active a,
body:not(.theme-off) footer .ftList li a.active { color: #fff}
body:not(.theme-off) footer a:before { background: #fff}
body:not(.theme-off) .back-to-top:hover,
body:not(.theme-off) .back-to-top:focus { background-color: var(--banuri-green-800); color: #fff}
/* Header strip vs body: strip keeps the IslamQA tile with a light green tint; body goes back to the fine star lines */
body:not(.theme-off) .inner-banner {
  background: linear-gradient(rgba(214,230,222,.55), rgba(214,230,222,.55)), #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat; border-bottom-color: #c9d9d1}
body:not(.theme-off) .inner-section {
  background: linear-gradient(rgba(247,249,248,.9), rgba(247,249,248,.9)), url("/assets/green/images/texture-light-geometric.svg") repeat}

/* ===== Darulifta pass 4 ===== */
/* Body texture: IslamQA tile on the page body only (header strip keeps its tinted version) */
body:not(.theme-off) .inner-section { background: #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat}
/* No brown on hover anywhere on this page */
body:not(.theme-off) .main-navigation ul li ul li:hover a,
body:not(.theme-off) .top .langauge .open-langauge li a:hover,
body:not(.theme-off) .top .login-btn:hover { background-color: var(--banuri-green-800); color: #fff}
body:not(.theme-off) .talash-karein button[type="submit"]:before,
body:not(.theme-off) .form-box button[type="submit"]:before { background: #fff}
body:not(.theme-off) .star-listing li a:hover,
body:not(.theme-off) .star-listing li a:focus { background-color: #f3f4f6; background-image: none; color: #000}
body:not(.theme-off) .iftah-boxes h4 a:hover,
body:not(.theme-off) .islam-box .media .media-body a:hover,
body:not(.theme-off) .islam-box .media h3 a:hover { color: #000; }
body:not(.theme-off) .iftah-boxes h4 a:before,
body:not(.theme-off) .islam-box .media h3 a:before,
body:not(.theme-off) .islam-box .media .media-body a:before { background: var(--banuri-gold-500); }
body:not(.theme-off) .islam-box .media .media-left a:after { background: var(--banuri-green-900); }
body:not(.theme-off) .dar-ul-iftah .bar a:hover { color: #fff}
body:not(.theme-off) .dar-ul-iftah .bar a:before { background: #fff}
body:not(.theme-off) .app-section a:hover { color: #fff}
body:not(.theme-off) .app-section a:before { background: #fff}
body:not(.theme-off) .app-logo:after { background: var(--banuri-gold-500)}
body:not(.theme-off) *:focus-visible { outline-color: rgba(212,175,55,.75)}
/* Phone banner: badges rounded like the other theme controls */
body:not(.theme-off) .app-section .app-logo { border-radius: 10px; overflow: hidden}

/* ===== Darulifta pass 5 ===== */
/* Submit buttons: the hover fill follows the rounded corners; white fill, black text */
/* (overflow:hidden removed in pass 15: it changed the vertical centring of the button text; the :before sweep follows the corners through border-radius:inherit) */
body:not(.theme-off) .talash-karein button[type="submit"]:before,
body:not(.theme-off) .form-box button[type="submit"]:before { border-radius: inherit}
body:not(.theme-off) .talash-karein button[type="submit"]:hover,
body:not(.theme-off) .talash-karein button[type="submit"]:focus,
body:not(.theme-off) .form-box button[type="submit"]:hover,
body:not(.theme-off) .form-box button[type="submit"]:focus { color: #000; border-color: #fff}
/* Six-card row: breathing room on all sides (24px top, 24px sides, 24px bottom) */
body:not(.theme-off) .iftah-boxes { padding: 24px 12px 0; }

/* ===== Darulifta pass 6 ===== */
/* GPT's overflow:hidden clipped the select menus; the textured bg already follows the radius */
body:not(.theme-off) .talash-karein,
body:not(.theme-off) .talash-karein.dark { overflow: visible}
body:not(.theme-off) .bootstrap-select .dropdown-menu {
  background: #fff; border-color: #c9d9d1; border-radius: 11px; overflow: hidden;
  box-shadow: 0 14px 30px rgba(12,46,36,.22)}
body:not(.theme-off) .bootstrap-select .dropdown-menu > li > a { background: #fff; color: #000}
body:not(.theme-off) .bootstrap-select .dropdown-menu > li > a:hover,
body:not(.theme-off) .bootstrap-select .dropdown-menu > li > a:focus { background: #e6efe9; color: #000}
body:not(.theme-off) .bootstrap-select .dropdown-menu > li.selected > a,
body:not(.theme-off) .bootstrap-select .dropdown-menu > li.active > a,
body:not(.theme-off) .bootstrap-select .dropdown-menu > li.selected > a:hover { background: var(--banuri-green-800); color: #fff}
body:not(.theme-off) .bootstrap-select .dropdown-menu > li > a span.text,
body:not(.theme-off) .bootstrap-select .dropdown-menu > li > a .text { color: inherit}

/* ===== Darulifta pass 7 ===== */
/* One width for every block: search panel, two lists, six cards, ask box = 1140 container */
body:not(.theme-off) .iftah-boxes { margin-inline: 0; padding: 24px 12px 0; }
body:not(.theme-off) .matloba-sawal { margin: 8px 0 40px; width: 100%; max-width: none; }
/* Category label in the cards: soft green chip with a gold dot */
body:not(.theme-off) .iftah-boxes .islam-box .media-body h3 {
  display: inline-block; max-width: 100%;
  margin: 0 0 8px; padding: 4px 28px 4px 14px;
  border: 1px solid #cfe0d6; border-radius: 999px;
  background: radial-gradient(circle at calc(100% - 14px) 50%, var(--banuri-gold-500) 0 3.5px, transparent 4.5px), #eef4f0;
  color: #000; font-size: 13px; line-height: 1.7; font-weight: 700;
}

/* ===== Central components pass (site-wide, no page scope) ===== */
/* Sidebar boxes (read question, lists…): same heading bar as the search panel / list bars */
:where(body:not(.theme-off)) .side-menu h3,
:where(body:not(.theme-off)) .side-menu h4 {
  background: var(--banuri-green-900) url("/assets/green/images/texture-green-crackle.png") repeat;
  background-size: 344px 564px;
  color: #fff}
:where(body:not(.theme-off)) .side-menu .form-control { border-color: #c9d9d1; border-radius: 11px; background: #fff; color: #000}
:where(body:not(.theme-off)) .side-menu button[type="submit"],
:where(body:not(.theme-off)) .form-wrapper button[type="submit"]:not(.btn-success) { border-color: var(--banuri-gold-500); border-radius: 11px;
  background: var(--banuri-gold-500); color: #000}
:where(body:not(.theme-off)) .side-menu button[type="submit"]:hover, :where(body:not(.theme-off)) .side-menu button[type="submit"]:focus,
:where(body:not(.theme-off)) .form-wrapper button[type="submit"]:not(.btn-success):hover, :where(body:not(.theme-off)) .form-wrapper button[type="submit"]:not(.btn-success):focus {
  background: #fff; color: #000; border-color: var(--banuri-gold-500)}
/* Read-question cards: green tint instead of cream/brown, black text */
:where(body:not(.theme-off)) .inner-section .fq, :where(body:not(.theme-off)) .inner-section .fq .fq-text, :where(body:not(.theme-off)) .inner-section .fq .fq-text p { color: #000; }
:where(body:not(.theme-off)) .inner-section .fq .fq-question {
  border-color: rgba(212,175,55,.6);
  background: linear-gradient(135deg, #e9f1ec, #fff 70%);
  box-shadow: 0 12px 34px rgba(12,46,36,.08);
}
:where(body:not(.theme-off)) .inner-section .fq .fq-label,
:where(body:not(.theme-off)) .inner-section .fq .fq-question .fq-label { color: #000; }
:where(body:not(.theme-off)) .inner-section .fq .fq-question .fq-label:after { background: linear-gradient(90deg, rgba(212,175,55,.7), transparent); }

/* Containers that hold dropdowns must never clip the open menu (bootstrap-select) */
:where(body:not(.theme-off)) .form-box, :where(body:not(.theme-off)) .form-wrapper, :where(body:not(.theme-off)) .side-menu, :where(body:not(.theme-off)) .talash-karein, :where(body:not(.theme-off)) .sawal-pochain { overflow: visible}
:where(body:not(.theme-off)) .bootstrap-select.open { z-index: 1050}

/* ===== Green asset layer =====
 * Brown files stay untouched. Green art lives in /assets/green/{images,svg,dataimages}/ (same file names as the brown originals).
 * <img> tags are swapped with content:url() (no PHP edits); backgrounds simply point at the green folder.
 */
body:not(.theme-off) .logo { background-image: url("/assets/green/svg/logo.svg")}
body:not(.theme-off) .right-heading img[src$="headingbarlogo.png"] { content: url("/assets/green/dataimages/headingbarlogo.png")}
body:not(.theme-off) .app-section img[src$="phones.png"] { content: url("/assets/green/images/phones.png")}
body:not(.theme-off) .app-section img[src$="apple-logo.png"] { content: url("/assets/green/images/apple-logo.png")}
body:not(.theme-off) .app-section img[src$="anroid-logo.png"] { content: url("/assets/green/images/anroid-logo.png")}
/* Read-question banner: white-ink version of readquestion_new.jpg drawn as the banner background; the original <img> only keeps the box size */
body:not(.theme-off) .inner-section .fq-banner {
  background: url("/assets/green/dataimages/readquestion_new.png") center / 100% 100% no-repeat,
              var(--banuri-green-900) url("/assets/green/images/texture-green-crackle.png") repeat;
}
body:not(.theme-off) .inner-section .fq-banner img { visibility: hidden; filter: none; opacity: 1; mix-blend-mode: normal; }

/* ===== Pass 11 (home) ===== */
/* Home tab section: the same IslamQA tile as the page body (was a faint green gradient) */
body:not(.theme-off) .tabing-section {
  background: #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat;
}
/* Box headings on the home page (Selected articles, Books, Prayer times, ...): same crackle texture as the other dark bars (was a zig-zag gradient) */
body:not(.theme-off) .islam-arkan h4,
body:not(.theme-off) .tabing-section .nav-tabs li a {
  background-color: var(--banuri-green-950);
  background-image: linear-gradient(rgba(12,46,36,.08), rgba(12,46,36,.08)), url("/assets/green/images/texture-green-crackle.png");
  background-repeat: repeat;
  background-size: auto, 344px 564px;
}
body:not(.theme-off) .tabing-section .nav-tabs li.active a,
body:not(.theme-off) .tabing-section .nav-tabs li.active a:hover,
body:not(.theme-off) .tabing-section .nav-tabs li.active a:focus {
  background: #fff;
}

/* Home "Selected articles" thumbnails + article hero image: neutral light tile, gold hairline (no layout impact: box-shadow only) */
body:not(.theme-off) .islam-box .media-left img {
  background-color: #eef1ee;
  box-shadow: 0 0 0 1px #d4af37;
}
/* Page hero image no longer carries the title; drop the dark overlay that existed only for the white title text */
body:not(.theme-off) .content-card .page-hero:after { display: none; }

/* Pass 12: divider image (was brown-cream) */
body:not(.theme-off) .big-hr { background-image: url("/assets/green/images/big-hr.png"); }
/* Pass 12: error page secondary button text (brown #6b4d33 survived) */
body:not(.theme-off) .error-action--secondary,
body:not(.theme-off) .error-action--secondary:hover,
body:not(.theme-off) .error-action--secondary:focus { color: #000; }
/* Pass 12: pagination hover = dark-green fill, so the text must be white (was black on dark green) */
body:not(.theme-off) .pagination > li:hover > a,
body:not(.theme-off) .pagination > li > a:hover,
body:not(.theme-off) .pagination > li > a:focus { color: #fff; }
/* Pass 12: global a:hover is teal; on dark-green fills it must stay white (found by the hover contrast audit) */
body:not(.theme-off) .title-heading a:hover,
body:not(.theme-off) .title-heading a:focus,
body:not(.theme-off) .bx-pager-link:hover,
body:not(.theme-off) .bx-pager-link:focus,
body:not(.theme-off) .bx-pager-link.active:hover { color: #fff; }
/* Pass 14: mobile hamburger lines were dark-green on dark-green (invisible); accent = gold */
body:not(.theme-off) .menu-open span,
body:not(.theme-off) #nav-icon3 span { background-color: #d4af37; }
/* Pass 14: open state of the mobile menu button is a bare "X" on white (as in brown): no fill, dark-green lines */
body:not(.theme-off) .menu-open.click,
body:not(.theme-off) #nav-icon3.click { background-color: transparent; }
body:not(.theme-off) .menu-open.click span,
body:not(.theme-off) #nav-icon3.click span { background-color: #194b3d; }
/* Pass 14: prayer-times "today" row (was inline brown #e8ddd3) */
/* Pass 14: slider dots read as brown on the light page -> green ring, dark-green active */
body:not(.theme-off) .book-slider.owl-theme .owl-dots .owl-dot span { border-color: #1f6f69; }
body:not(.theme-off) .book-slider.owl-theme .owl-dots .owl-dot.active span,
body:not(.theme-off) .book-slider.owl-theme .owl-dots .owl-dot:hover span { background-color: #194b3d; border-color: #194b3d; }
/* Pass 14: section heading calligraphy (remote CDN png, dark red) -> green. Brown theme keeps the original image. */
body:not(.theme-off) .bayyinat-list h3 img[src*="cdn.banuri.edu.pk"] { filter: hue-rotate(150deg) saturate(.8) brightness(.85); }
/* Pass 14: inline PDF icon svg (maroon #73161f in the markup) */
body:not(.theme-off) svg path[fill="#73161f"] { fill: #194b3d; }

/* Pass 14: "All previous issues" year boxes (/all-previous). Visual only: size, spacing and markup are untouched. */
body:not(.theme-off) .bayyinat-previous > .item .box {
  background-color: #fff !important;
  border: 1px solid #cfdcd5;
  box-shadow: 0 4px 14px rgba(12, 46, 36, .08);
  transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
body:not(.theme-off) .bayyinat-previous > .item .box h2 { color: #0f2c23; font-weight: 700; }
body:not(.theme-off) .bayyinat-previous > .item .box:hover {
  background-color: #153e32 !important;
  border-color: #d4af37;
  box-shadow: 0 10px 24px rgba(12, 46, 36, .25);
}
body:not(.theme-off) .bayyinat-previous > .item .box:hover h2 { color: #fff; }
body:not(.theme-off) .bayyinat-previous > .item .box:hover h2:after { background-color: #d4af37; border-color: #d4af37; }
/* Pass 14: the legacy generic .book-item rule (white fill + shadow) wrapped bayyinat issue cards in a second frame; old design has the card only */
body:not(.theme-off) .book-item.bayyinat-issue { background-color: transparent; box-shadow: none; border-color: transparent; border-radius: 0; }
/* Pass 14: dark-green submit buttons inside forms keep white text (was black via the sidebar gold-button rule) */
body:not(.theme-off) .form-wrapper button.btn-success[type="submit"] { color: #fff; }
/* Pass 14: sidebar search panel: the white .side-menu fill showed in the rounded bottom corners of the patterned .form-box */
body:not(.theme-off) .side-menu:has(> .form-box:last-child) { background-color: transparent; border-radius: 10px 10px 12px 12px; }
/* Pass 14: contrast audit findings */
body:not(.theme-off) .bd-meta small { color: #4b5b55; }              /* light-grey labels on pale green were 2.4:1 */
body:not(.theme-off) .bx-pager-link.active { color: #fff; }           /* slider pager: black on dark green */
/* Pass 15: contact / ask-question / login submit buttons: the hover sweep (:before, square, 100% wide) must follow the rounded corners, otherwise the button changes shape on hover */
body:not(.theme-off) .sawal-pochain button[type="submit"]:before,
body:not(.theme-off) .login-main form .btn:before,
body:not(.theme-off) .sawal-pochain .captcha-cont .btn:before,
body:not(.theme-off) .name-search button[type="submit"]:before { border-radius: inherit; background: #0f2c23; }
/* Pass 15: divider under headings (was a 14px ornament bar): 1px gold hairline; the 13px saved is moved into the margins so the content below does not shift */
body:not(.theme-off) hr.big-hr { height: 1px; background: #d4af37 !important; border-color: #d4af37 !important; margin: 7px 0 36px; }
/* Pass 15: read-question sidebar search: the generic white card rule removed the texture and its 1px light border left a 1-2px white edge. Texture back (same tile as the other sidebars), drawn under the border (transparent, keeps the old 1px geometry) so no gap shows at the sides */
body:not(.theme-off) .inner-section:has(.fq) .form-box { background: #fff url("/assets/green/images/patteren-lighten.jpg") repeat; background-origin: border-box; border-color: transparent; border-radius: 12px; }
/* Pass 15: textured search box right under its dark heading: square top corners (the 12px radius showed white behind the heading) */
body:not(.theme-off) .side-menu > h3 + .form-box,
body:not(.theme-off) .inner-section:has(.fq) .side-menu > h3 + .form-box { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
/* Pass 15: form card heading sits on the dark green gradient: white text (a generic heading rule made it black) */
body:not(.theme-off) .service-form-card > h3 { color: #fff; }
/* Pass 15: name-results / contact tables: grey #ccc lines -> gold (outer line solid, inner lines softer). Colour only, widths unchanged */
body:not(.theme-off) .name-results:not(.namaz_times) table { border-color: #d4af37; }
body:not(.theme-off) .name-results:not(.namaz_times) table tr { border-bottom-color: rgba(212,175,55,.55); }
body:not(.theme-off) .name-results:not(.namaz_times) table tr:last-child { border-bottom-color: transparent; }
body:not(.theme-off) .name-results:not(.namaz_times) table tr td { border-right-color: rgba(212,175,55,.55); }
body:not(.theme-off) .name-results:not(.namaz_times) table tr td:last-child { border-right-color: transparent; }
body:not(.theme-off) .name-results:not(.namaz_times) table thead th { border-right-color: rgba(212,175,55,.55); }
body:not(.theme-off) .name-results:not(.namaz_times) table thead th:last-child { border-right-color: transparent; }
/* Pass 15: prayer-time icons (morning/noon/evening/sun3): transparent PNG copies (the JPG came with a tinted square tile that showed against the white list) */
body:not(.theme-off) img[src$="/images/morning.jpg"] { content: url("/assets/green/images/morning.png"); }
body:not(.theme-off) img[src$="/images/noon.jpg"] { content: url("/assets/green/images/noon.png"); }
body:not(.theme-off) img[src$="/images/evening.jpg"] { content: url("/assets/green/images/evening.png"); }
body:not(.theme-off) img[src$="/images/sun3.jpg"] { content: url("/assets/green/images/sun3.png"); }
/* Pass 15: prayer-times cards (colour only; grid/spacing untouched). Normal card: white body, pale green date bar, soft gold lines. Today: dark-green date bar with white text, gold frame, soft shadow. */
body:not(.theme-off) .name-results.namaz_times table tr { background-color: #fff; border-color: rgba(212,175,55,.55); box-shadow: 0 4px 14px rgba(12,46,36,.05); }
body:not(.theme-off) .name-results.namaz_times table tr td { border-top-color: rgba(212,175,55,.28); }
body:not(.theme-off) .name-results.namaz_times table tr td:nth-child(n+2):nth-child(-n+4) { border-bottom-color: rgba(212,175,55,.28); }
body:not(.theme-off) .name-results.namaz_times table tr td:first-child { background-color: #edf3f0; color: #000; box-shadow: inset 0 -1px 0 rgba(212,175,55,.5); }
body:not(.theme-off) .name-results.namaz_times table tr.namaz-today { background-color: #f6faf8; border-color: #d4af37; box-shadow: 0 8px 22px rgba(12,46,36,.14); }
body:not(.theme-off) .name-results.namaz_times table tr.namaz-today td:first-child { background-color: #194b3d; color: #fff; box-shadow: inset 0 -1px 0 #d4af37; }
/* Pass 15 (requested): padding at the START and END of each prayer-time card row (first and last column + date bar); vertical padding stays as in the old layout */
body:not(.theme-off) .name-results.namaz_times table tr td:first-child { padding-inline: 22px; }
body:not(.theme-off) .name-results.namaz_times table tr td:nth-child(3n+2) { padding-inline-start: 22px; }
body:not(.theme-off) .name-results.namaz_times table tr td:nth-child(3n+1):not(:first-child) { padding-inline-end: 22px; }
/* Pass 15: sidebar year boxes (/monthly-articles, /bayyinat...): idle state = white fill + soft gold line (was a faint grey-green outline that looked like a double edge). Hover/active keep the dark-green fill with a solid gold line. Colour only. */
body:not(.theme-off) .side-menu .bayyinat-years li a { background-color: #fff; border-color: rgba(212,175,55,.75); }
body:not(.theme-off) .side-menu .bayyinat-years li a:hover,
body:not(.theme-off) .side-menu .bayyinat-years li a:focus,
body:not(.theme-off) .side-menu .bayyinat-years li.active a { background-color: #194b3d; border-color: #d4af37; color: #fff; }
/* Pass 15: the generated green .mozuaaat li fill (#b6c8bf, square) overrode the old transparent li and showed as a green edge outside the rounded year boxes */
body:not(.theme-off) .side-menu .bayyinat-years li { background-color: transparent; }
/* Pass 15: articles/bayyinat sidebar search (section.bayyinat-side-section--search): same corner fix as the darulifta sidebar. The white .side-menu fill showed in the rounded bottom corners of the textured .form-box; its top corners sit under the dark heading bar and stay square. */
body:not(.theme-off) .side-menu:has(> .bayyinat-side-section--search:only-child) { background-color: transparent; border-radius: 10px 10px 12px 12px; }
body:not(.theme-off) .bayyinat-side-content > .form-box { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
/* Pass 15: the section itself also had a white square fill (the real source of the white corners); heading bar gets the same rounded top corners as the other sidebar headings */
body:not(.theme-off) .bayyinat-side-section--search { background-color: transparent; }
body:not(.theme-off) .side-menu > .bayyinat-side-section--search > .bayyinat-side-summary { border-top-left-radius: 10px; border-top-right-radius: 10px; }

/* Pass 15: detail pages (banuri-detail / bayyinat-detail): banner, title card and share rows get breathing room */
body:not(.theme-off) .bd .big-hr { margin: 8px 0 0; }
body:not(.theme-off) .bd-head { margin-bottom: 28px; padding-block: 18px; }
body:not(.theme-off) .share_print { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 28px; margin-bottom: 30px; }
body:not(.theme-off) .share_print .bayan_info,
body:not(.theme-off) .share_print .share_right { float: none; width: auto; max-width: 100%; }
body:not(.theme-off) .share_print ul { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 28px; margin: 0; padding: 0; }
body:not(.theme-off) .share_print ul li { float: none; margin: 0; }
body:not(.theme-off) .bd .border-top { margin-top: 34px; padding-top: 28px; }
body:not(.theme-off) .magazine_div.bd > .col-md-12 { margin-bottom: 8px; }
body:not(.theme-off) .magazine_div.bd > .bd-head { clear: both; }
body:not(.theme-off) .magazine_div.bd > .share_print { float: none; clear: both; width: auto; margin-bottom: 38px; }
body:not(.theme-off) .magazine_div.bd > .abt-listning { clear: both; }

/* Pass 15: tables coming from the editor (TinyMCE) content are centred; inline widths from the editor stay */
body:not(.theme-off) .abt-listning table,
body:not(.theme-off) .content-card__body table { margin-inline: auto; }

/* Pass 15: contact thank-you state. Card lines up with the contact-info box above it; overlay follows the card corners;
   Urdu text keeps its joins (letter-spacing breaks cursive letters, this was also the cut text in brown). */
body:not(.theme-off) .custom-row + .custom-row.sawal-pochain { margin-inline: -15px; }
body:not(.theme-off) .service-form-card .thanks { border-radius: 18px; }
@media (max-width: 767px) { body:not(.theme-off) .service-form-card .thanks { border-radius: 14px; } }
body:not(.theme-off) .form-wrapper .thanks .thanks-inner p,
body:not(.theme-off) .form-wrapper .thanks .thanks-inner h2 { line-height: 1.9; }
/* bug fix for both themes (ungated): letter-spacing breaks the joined Urdu letters */
:where(body:not(.theme-off)) .form-wrapper .thanks .thanks-inner p,
:where(body:not(.theme-off)) .form-wrapper .thanks .thanks-inner h2,
:where(body:not(.theme-off)) .form-wrapper .thanks2 .thanks-inner p { letter-spacing: 0; }
/* the form section must not paint a white slab behind the rounded card; card sits apart from the info box above */
body:not(.theme-off) .custom-row + .custom-row.sawal-pochain.service-form-section { background: transparent; margin-top: 28px; }
body:not(.theme-off) .form-wrapper .thanks .thanks-inner { height: 100%; margin: 0; display: flex; flex-direction: column; justify-content: center; }
body:not(.theme-off) .form-wrapper .thanks .thanks-inner h2 { margin-bottom: 14px; }
body:not(.theme-off) .service-form-card > h3 { border-radius: 17px 17px 0 0; }
@media (max-width: 767px) { body:not(.theme-off) .service-form-card > h3 { border-radius: 13px 13px 0 0; } }

/* Pass 15: /my-questions (user dashboard list). Answered state no longer lime green; card gets room at the top and rounded corners */
body:not(.theme-off) .dashboard-list .list-question li a.ans-done { background-color: #194b3d; color: #fff; box-shadow: inset 0 0 0 1px #d4af37; }
body:not(.theme-off) .dashboard-list .list-question li a.ans-done:hover,
body:not(.theme-off) .dashboard-list .list-question li a.ans-done:focus { background-color: #0f2c23; color: #fff; }
body:not(.theme-off) .dashboard-list.listing-bok { border-radius: 12px; padding-top: 24px; padding-bottom: 14px; }
/* pending question status is not green: gold chip, black text (answered stays deep green) */
body:not(.theme-off) .dashboard-list .list-question li a.not-done { background-color: #d4af37; color: #000; box-shadow: none; }
body:not(.theme-off) .dashboard-list .list-question li a.not-done:hover,
body:not(.theme-off) .dashboard-list .list-question li a.not-done:focus { background-color: #e0c05a; color: #000; }

/* Pass 15: star-listing rows inside the textured boxes (hazrat-banuri etc.) lost their row dividers in green */
body:not(.theme-off) .textture-box .star-listing li { border-radius: 0; border-bottom: 1px solid #dbe4e0; }
body:not(.theme-off) .textture-box .star-listing li:last-child { border-bottom-color: transparent; }

/* user sidebar: the Latin user name sits higher in its line box than Urdu titles, icon follows the text */
body:not(.theme-off) .side-menu--user > h3 > i { top: 20px; }

/* ===== Pass 16: 390px review fixes (all gated, brown untouched) ===== */

/* Editor (TinyMCE) tables: on phones they fill the column instead of keeping an inline pixel/percent width
   (BNA0008 was 500px and ran off the left edge in RTL; PG0082 was 58% and wrapped one word per line). Desktop keeps the editor widths. */
@media (max-width: 767px) {
  body:not(.theme-off) .abt-listning table,
  body:not(.theme-off) .content-card__body table { width: 100% !important; max-width: 100%; table-layout: auto; }
  body:not(.theme-off) .abt-listning table td,
  body:not(.theme-off) .abt-listning table th,
  body:not(.theme-off) .content-card__body table td,
  body:not(.theme-off) .content-card__body table th { overflow-wrap: anywhere; }
}
/* Editor images that carry a width="599" attribute (e.g. /donations) must never exceed their column */
body:not(.theme-off) .abt-listning img,
body:not(.theme-off) .content-card__body img,
body:not(.theme-off) .inner-section .col-md-9 > p img { max-width: 100%; height: auto; }

/* Google CSE search results (/search): titles were the brown #7b654d from the CSE settings; pager was default Google blue */
body:not(.theme-off) .gsc-control-cse a.gs-title,
body:not(.theme-off) .gsc-control-cse a.gs-title b,
body:not(.theme-off) .gsc-control-cse .gs-title,
body:not(.theme-off) .gsc-control-cse .gs-title * { color: #0f2c23 !important; }
body:not(.theme-off) .gsc-control-cse a.gs-title:hover,
body:not(.theme-off) .gsc-control-cse a.gs-title:focus { color: #000 !important; text-decoration-color: #d4af37; }
body:not(.theme-off) .gsc-control-cse .gsc-cursor-page { color: #0f2c23 !important; }
body:not(.theme-off) .gsc-control-cse .gsc-cursor-current-page { color: #000 !important; font-weight: 700; }
body:not(.theme-off) .gsc-control-cse .gs-visibleUrl { color: #194b3d !important; }

/* contact / service-form thank-you: text had no side padding and touched the card edges */
body:not(.theme-off) .form-wrapper .thanks .thanks-inner { padding: 0 20px; }

/* /my-donations (donation list only, .pf-* classes): no lime or ochre. ok = deep green + gold line, waiting = gold chip, failed stays red */
body:not(.theme-off) .dashboard-list .pf-donations li.pf-item--ok { border-inline-start-color: #194b3d; }
body:not(.theme-off) .pf-status--ok { background: #194b3d; color: #fff; box-shadow: inset 0 0 0 1px #d4af37; }
body:not(.theme-off) .pf-status--wait { background: #d4af37; color: #000; }
body:not(.theme-off) .pf-donations .pf-amount { color: #000; }
body:not(.theme-off) .pf-donations .pf-meta { color: #000; }
body:not(.theme-off) .pf-donations a.pf-receipt { color: #0f2c23; border-bottom-color: #d4af37; }
body:not(.theme-off) .pf-donations a.pf-receipt:hover,
body:not(.theme-off) .pf-donations a.pf-receipt:focus { color: #000; border-bottom-color: #0f2c23; }

/* Urdu text inside <small> inherited a 0.24px letter-spacing, which breaks the cursive joins */
body:not(.theme-off) small { letter-spacing: 0; }

/* Phones: bigger tap area for small text links WITHOUT changing the layout (invisible extension around the link) */
@media (max-width: 767px) {
  body:not(.theme-off) .ftList a,
  body:not(.theme-off) .footer a[href^="mailto:"],
  body:not(.theme-off) .pf-donations a.pf-receipt { position: relative; }
  body:not(.theme-off) .ftList a:after,
  body:not(.theme-off) .footer a[href^="mailto:"]:after,
  body:not(.theme-off) .pf-donations a.pf-receipt:after { content: ""; position: absolute; top: -9px; bottom: -9px; left: -6px; right: -6px; }
}
/* /search: "Search ... on Google" link under the results was the CSE brown */
body:not(.theme-off) .gsc-control-cse .gcsc-find-more-on-google,
body:not(.theme-off) .gsc-control-cse .gcsc-find-more-on-google-text,
body:not(.theme-off) .gsc-control-cse a.gcsc-find-more-on-google { color: #0f2c23 !important; }
body:not(.theme-off) .gsc-control-cse .gcsc-find-more-on-google-magnifier { fill: #0f2c23; }

/* ===== Pass 17: phone header (<=767px only, green only) ===== */
@media (max-width: 767px) {
  /* top bar: both rows are the same dark green (the Bismillah row and the date cell were neutral black #272727, user cell was green) */
  body:not(.theme-off) .top .top-bar-bismillah,
  body:not(.theme-off) .top .top-bar-date { background-color: #0c2e24; }

  /* hamburger: green only (no gold lines, no filled box); same bare look as the open "X" state */
  body:not(.theme-off) .menu-open,
  body:not(.theme-off) #nav-icon3 { background-color: transparent; }
  body:not(.theme-off) .menu-open span,
  body:not(.theme-off) #nav-icon3 span { background-color: #194b3d; }

  /* mobile menu: no gold on the item arrows (3px gold top edge of the chevron box, gold sweep line of the link) */
  body:not(.theme-off) .main-navigation ul li i { border-top-color: #091b16; }
  body:not(.theme-off) .main-navigation ul li a:after { background: transparent; }

  /* menu search: the button was 34px high next to a 36px input, icon sat 1px off the middle; same height now, icon centred */
  body:not(.theme-off) .search-box { height: 36px; }
  body:not(.theme-off) .search-box button { width: 36px; height: 36px; }
  body:not(.theme-off) .search-box button i { line-height: 36px; height: 36px; }
  body:not(.theme-off) .search-box .form-control { padding-left: 42px; }
}

/* ===== Pass 18 (phones, green only): mobile menu link text is white on the dark-green panel ===== */
@media (max-width: 767px) {
  body:not(.theme-off) .main-navigation ul li a,
  body:not(.theme-off) .main-navigation ul li a:hover,
  body:not(.theme-off) .main-navigation ul li a:focus,
  body:not(.theme-off) .main-navigation ul li.active > a,
  body:not(.theme-off) .main-navigation ul li ul li a { color: #fff !important; }
}

/* ===== Pass 19 (phones, green only): top-bar user icon gap. The desktop fix (margin 0 8px 0 0 on .login-btn:before) also won on phones, where the icon is the right-most flex item in RTL, so the gap landed on the outer side and the icon touched the name. On phones the gap goes on the name side (left of the icon). ===== */
@media (max-width: 767px) {
  body:not(.theme-off) .top .top-bar-account .login-btn:before { margin: 0 0 0 10px; }
}

/* ===== Pass 21: home tabs (New / Selected questions) + thumbnails ===== */
/* Tabs: the selected one was white with a gold frame, the other one dark: it read as "disabled vs. active" the wrong way round.
   Now the selected tab is the solid dark-green one with white text and a gold underline; the other is a light tab with green text. */
body:not(.theme-off) .tabing-section .nav-tabs li a {
  background: #fff;
  color: var(--banuri-green-900);
  border-color: rgba(25,75,61,.28);
  box-shadow: none;
}
body:not(.theme-off) .tabing-section .nav-tabs li:not(.active) a:hover,
body:not(.theme-off) .tabing-section .nav-tabs li:not(.active) a:focus {
  background: #eef3f0;
  color: var(--banuri-green-950);
  border-color: rgba(25,75,61,.28);
}
body:not(.theme-off) .tabing-section .nav-tabs li.active a,
body:not(.theme-off) .tabing-section .nav-tabs li.active a:hover,
body:not(.theme-off) .tabing-section .nav-tabs li.active a:focus {
  background-color: var(--banuri-green-950);
  background-image: linear-gradient(rgba(12,46,36,.08), rgba(12,46,36,.08)), url("/assets/green/images/texture-green-crackle.png");
  background-repeat: repeat;
  background-size: auto, 344px 564px;
  border-color: var(--banuri-green-950);
  color: #fff;
  box-shadow: inset 0 -1px 0 #d4af37;
}
/* Thumbnails (tabs + Selected articles): the grey placeholder tile and the gold hairline left yellow specks in the rounded corners.
   Now: a pale green plate under the picture, picture multiplied onto it (the warm grey becomes a soft green) and a thin inner green line. */
body:not(.theme-off) .tabing-section .tab-content .media .media-left a,
body:not(.theme-off) .islam-box .media .media-left a {
  background-color: #e4eee9;
  border-radius: 4px;
}
body:not(.theme-off) .tabing-section .tab-content .media .media-left a img,
body:not(.theme-off) .islam-box .media-left img {
  background-color: transparent;
  box-shadow: none;
  mix-blend-mode: multiply;
  outline: 1px solid rgba(25,75,61,.22);
  outline-offset: -1px;
}

/* ===== Pass 22: theme picker (colour dot + two swatches, no text). Top bar on desktop, mobile menu on phones.
   Not gated: it must exist and look right in BOTH themes. Active colour comes from body.theme-off. ===== */
.theme-picker { position: relative; float: right; height: 48px; padding: 0 14px; display: flex; align-items: center; }
.theme-picker button { margin: 0; padding: 0; cursor: pointer; line-height: 0; }
.theme-picker__btn { border: 0; background: none; }
.theme-picker__btn { display: flex; align-items: center; gap: 6px; height: 48px; }
.theme-picker__btn:after { content: ""; border: 4px solid transparent; border-top-color: #fff; border-bottom-width: 0; transition: transform .2s; }
.theme-picker.open .theme-picker__btn:after { transform: rotate(180deg); }
.theme-dot { display: block; width: 22px; height: 22px; border-radius: 50%; box-sizing: border-box; border: 2px solid #fff; background: #1f6b45; }
.theme-dot--green { background: radial-gradient(circle at 30% 30%, #2f8a5c, #0c2e24); }
.theme-dot--classic { background: #7b654d; }
body.theme-off .theme-picker__btn .theme-dot { background: #7b654d; }
.theme-picker__list { display: none; position: absolute; top: 48px; right: 0; z-index: 999; margin: 0; padding: 10px 14px; list-style: none; background: #272727; gap: 12px; }
.theme-picker.open .theme-picker__list { display: flex; }
.theme-picker__list .theme-dot { width: 28px; height: 28px; }
body:not(.theme-off) .theme-picker__list { background: #0c2e24; box-shadow: inset 0 0 0 1px rgba(212, 175, 55, .55); }
body:not(.theme-off) .theme-dot--green, body.theme-off .theme-dot--classic { border-color: #d4af37; box-shadow: 0 0 0 2px rgba(212, 175, 55, .35); }
body:not(.theme-off) .theme-picker__btn .theme-dot { border-color: #d4af37; }
.theme-picker button:focus-visible { outline: 2px solid #d4af37; outline-offset: 2px; }
@media (min-width: 768px) {
  .theme-switch-item { display: none; }
}
@media (max-width: 767px) {
  .top .theme-picker { display: none; }
  .theme-switch-item .theme-picker { float: none; height: auto; padding: 12px 0; flex-wrap: wrap; justify-content: flex-start; }
  .theme-switch-item .theme-picker__btn { height: auto; }
  .theme-switch-item .theme-picker__list { position: static; width: auto; height: auto; margin: 0; padding: 0 12px; border: 0; background: none; box-shadow: none; }
  .theme-switch-item .theme-picker__list li { display: block; float: none; width: auto; height: auto; margin: 0; padding: 0; border: 0; background: none; }
  .theme-switch-item .theme-picker__list li:before, .theme-switch-item .theme-picker__list li:after { content: none; }
  body:not(.theme-off) .theme-switch-item .theme-picker__list { background: none; box-shadow: none; }
}

/* ===== Pass 23: home "Masnoon duaen" banner. The HTML keeps the original images/banner_2.jpg (same HTML for both themes); the green theme swaps in the GPT-made green banner. Classic shows the original brown file. ===== */
body:not(.theme-off) img[src$="/images/banner_2.jpg"] { content: url("/assets/green/images/banner-dua-modern.webp"); }

/* ===== Pass 23: editor tables on content pages (/page/PG0082 ...). Fixed for BOTH themes (user asked to fix the old look too): centred inside the card, full width on phones. Not gated on purpose. ===== */
.abt-listning table, .content-card__body table { margin-inline: auto; }
@media (max-width: 767px) {
  .abt-listning table, .content-card__body table { width: 100% !important; }
}

/* ===== Pass 23b: contact thank-you text was cut in classic (letter-spacing:1px breaks Urdu joins, tight line-height clips). The green fix is applied to BOTH themes again (gate_green.py had gated the ungated letter-spacing rule). Not gated on purpose. ===== */
.form-wrapper .thanks .thanks-inner p,
.form-wrapper .thanks .thanks-inner h2,
.form-wrapper .thanks2 .thanks-inner p { letter-spacing: 0; }
.form-wrapper .thanks .thanks-inner p,
.form-wrapper .thanks .thanks-inner h2 { line-height: 1.9; }

/* ===== Pass 24: print of /readquestion (green). The banner is drawn with CSS backgrounds (white ink on green texture); browsers do not print backgrounds by default, so the header printed as an empty box. In print the real <img> is shown again, using the green-toned copy of the original banner (an <img> always prints). Screen is unchanged. ===== */
@media print {
  body:not(.theme-off) .inner-section .fq-banner { background: none !important; }
  body:not(.theme-off) .inner-section .fq-banner img { visibility: visible !important; content: url("/assets/green/dataimages/readquestion_new.jpg"); }
}

/* ===== Pass 25: full-width search band (`<section class="talash-karein">`: /bayyinat, student branch bar) is square like the old site: no radius, no shadow. Green only; the sidebar/panel variants keep their approved radius. ===== */
body:not(.theme-off) section.talash-karein { border-radius: 0; box-shadow: none; }

/* ===== Pass 26 (UNGATED on purpose: gate_green.py only touches rules above the Pass 22 marker, so keep these down here). Green-only fixes the user wanted in classic too. ===== */
/* logged-in top bar: 8px gap between the user icon and the name (classic had the icon touching the name) */
/* body prefix: style_footer.css (loaded after the bundle) sets margin-left:8px with the same specificity */
body .top .login-btn:before { margin: 0 8px 0 0; }
/* phones: icon vertically centred for Latin user names (was Pass 19b, green only) */
@media (max-width: 767px) {
  .top .top-bar-account .login-btn:has(.account-label--latin):before { top: -2px; }
}

/* Pass 26: home news ticker (below the slider), used by BOTH themes (moved here from Pass 20, ungated; the phone fix was asked for classic too). news-ticker.js shows one headline at a time on ONE line,
   slides long ones until the last word is visible and only then switches (replaces the bxSlider that cut long text) ===== */
body .news-ticker .news.nt-ready { margin: 0; padding: 0; list-style: none; }
body .news-ticker .news.nt-ready li { display: none; height: 40px; min-height: 0; line-height: 40px; overflow: hidden; white-space: nowrap; }
body .news-ticker .news.nt-ready li.nt-on { display: block; animation: nt-in .4s ease both; }
body .news-ticker .nt-clip { display: block; overflow: hidden; height: 40px; }
body .news-ticker .nt-text { display: inline-block; white-space: nowrap; will-change: transform; }
/* soft edges only while a long headline is sliding */
body .news-ticker .nt-clip.nt-over {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%); }
@keyframes nt-in { from { opacity: 0; } to { opacity: 1; } }
/* reduced motion / no Web Animations: the line wraps, nothing is cut */
body .news-ticker .news.nt-wrap li { height: auto; min-height: 40px; line-height: 1.75; padding-block: 6px; white-space: normal; }
body .news-ticker .news.nt-wrap .nt-clip { height: auto; }
body .news-ticker .news.nt-wrap .nt-text { display: block; white-space: normal; }
@media (max-width: 767px) {
  /* the old phone rule reserved 104px / 76px for wrapped text; one line needs 40px */
  body .news-ticker { height: auto; min-height: 0; padding: 14px 0; }
  body .news-ticker .news.nt-ready li { padding: 0 12px; }
  body .news-ticker .news.nt-wrap li { padding: 6px 12px; }
}

/* Pass 26 (v2): phone menu theme picker = the word "Theme" (translated, .theme-picker__title) followed by a green and a brown circle; the active circle is highlighted
   with a gold ring. Desktop keeps the dot + dropdown and hides the title. */
.theme-picker__title { display: none; }
@media (max-width: 767px) {
  .theme-switch-item .theme-picker { display: flex; align-items: center; justify-content: flex-start; gap: 16px; padding: 16px 12px 8px; margin: 0; }
  .theme-switch-item .theme-picker .theme-picker__title { display: block; color: #fff; font-size: 16px; line-height: 1.2; }
  .theme-switch-item .theme-picker .theme-picker__btn { display: none; }
  .theme-switch-item .theme-picker .theme-picker__list { display: flex; flex-direction: row; gap: 16px; padding: 0; }
  .theme-switch-item .theme-picker .theme-picker__list li { width: auto; }
  .theme-switch-item .theme-picker .theme-picker__list .theme-dot {
    display: block; width: 36px; height: 36px; padding: 0; border-radius: 50%; box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, .85); box-shadow: none; opacity: .75; }
  .theme-switch-item .theme-picker .theme-picker__list .theme-dot--green { background: radial-gradient(circle at 30% 30%, #2f8a5c, #0c2e24); }
  .theme-switch-item .theme-picker .theme-picker__list .theme-dot--classic { background: #4c3e30; }
  .theme-switch-item .theme-picker .theme-picker__list .theme-dot[aria-pressed="true"] {
    opacity: 1; border: 3px solid #d4af37; box-shadow: 0 0 0 3px rgba(212, 175, 55, .35); transform: scale(1.12); }
}

/* ===== Pass 27 (TRIAL, green only): footer on the light IslamQA page texture (same tile as .inner-section) with dark text. Revert = delete this block
   (backup: tools/theme/backup/green.css.before-pass27). The app-badge strip above the footer stays dark green. ===== */
body:not(.theme-off) footer {
  background: #f3f4f6 url("/assets/green/images/islamqa-pattern-light.png") repeat !important;
  background-image: url("/assets/green/images/islamqa-pattern-light.png") !important;
  border-top: 1px solid #d5e0da; }
body:not(.theme-off) footer,
body:not(.theme-off) footer p,
body:not(.theme-off) footer li,
body:not(.theme-off) footer a { color: #1d3b31; }
body:not(.theme-off) footer h3 { color: #0f2c23; }
body:not(.theme-off) footer a { color: #14573f; }
body:not(.theme-off) footer a:hover,
body:not(.theme-off) footer a:focus,
body:not(.theme-off) footer a.active,
body:not(.theme-off) footer .ftList li.active a,
body:not(.theme-off) footer .ftList li a.active { color: #0c2e24; text-decoration: none; }
/* the old hover/active sweep line (a:before) is the only underline: gold, so the active link shows ONE line */
body:not(.theme-off) footer a:before { background: #b58a3a; }
body:not(.theme-off) footer img[src$="/images/ftlogo.png"] { content: url("/assets/green/images/logo.png"); }

/* Pass 27b (green only): footer text was 15px (small for Urdu): on PHONES ONLY body text and links 17px, headings 21px, bottom line 16px (desktop keeps the old sizes).
   The donation link in the first column is a real button (deep green, gold text); markup unchanged. No social/WhatsApp (owner decision). */
@media (max-width: 767px) {
  body:not(.theme-off) footer p,
  body:not(.theme-off) footer li,
  body:not(.theme-off) footer a { font-size: 17px; }
  body:not(.theme-off) footer .ftList a { line-height: 1.7; }
  body:not(.theme-off) footer h3 { font-size: 21px; }
  body:not(.theme-off) footer p.last-pra { font-size: 16px; }
}
body:not(.theme-off) footer .col-md-3:first-child p a[href$="/donations"] {
  display: block; width: fit-content; margin-top: 14px; padding: 8px 22px; border-radius: 22px;
  background: #0f2c23; color: #ead39f; font-weight: 700; text-decoration: none;
  box-shadow: inset 0 0 0 1px #b58a3a, 0 2px 6px rgba(12, 46, 36, .25); transition: background-color .2s, box-shadow .2s; }
body:not(.theme-off) footer .col-md-3:first-child p a[href$="/donations"]:hover,
body:not(.theme-off) footer .col-md-3:first-child p a[href$="/donations"]:focus { background: #14573f; color: #fff; box-shadow: inset 0 0 0 1px #d4af37, 0 4px 10px rgba(12, 46, 36, .3); }
body:not(.theme-off) footer .col-md-3:first-child p a[href$="/donations"]:before { content: none; }

/* ===== Pass 28 (UNGATED = both themes): desktop search is a magnifier icon that opens the input over the menu (the always-open 165px box wrapped to a 2nd line when the menu grew).
   >=768px only; phones keep the search box in the menu. Same form/markup; main.js adds the open/close behaviour. ===== */
@media (min-width: 768px) {
  /* icon sits right next to the last menu item (flex row, RTL: menu first, icon after it) instead of floating at the far left of the 75% column */
  .col-md-9.mobile-menu { display: flex; align-items: center; justify-content: flex-start; }
  .col-md-9.mobile-menu > .main-navigation { flex: 0 1 auto; }
  .col-md-9.mobile-menu > .search-box { float: none; flex: 0 0 40px; margin: 0 4px; }
  .search-box { width: 40px; }
  .search-box button { width: 40px; cursor: pointer; z-index: 6; }
  .search-box .form-control { position: absolute; top: 0; left: 0; width: 0; min-width: 0; padding: 0; opacity: 0; visibility: hidden; transition: width .25s ease, opacity .2s ease; }
  .search-box.open .form-control { width: 280px; padding-left: 40px; padding-right: 12px; opacity: 1; visibility: visible; z-index: 5; background-color: #fff; box-shadow: 0 8px 22px rgba(0, 0, 0, .18); }
  .search-box:not(.open) button:hover, .search-box button:focus-visible { opacity: .75; }
  .search-box button:focus-visible { outline: 2px solid #d4af37; outline-offset: 2px; }
}

/* ===== Pass 28 (phones, green): mobile menu arrow boxes were near-black (#091b16) = heavy next to the green panel: soft translucent white box with a hairline, white chevron.
   The menu now ends with one divider (the last item's), then search, then the theme row. ===== */
@media (max-width: 767px) {
  body:not(.theme-off) .main-navigation ul li i { background-color: rgba(255, 255, 255, .12); border-top-color: transparent; color: #fff; box-shadow: inset 1px 0 0 rgba(255, 255, 255, .18); }
}