/* General & Typography */
/* ------------------------------------------------------ */

body {
    background: #ffffff;
    background-image: url(bg-pattern.png);
    color: #423338;
    font-size: 16px;
    font-family: 'Roboto Slab', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 24px;
    cursor: default;
    -webkit-font-smoothing: antialiased;
}

body.loaded {
    background: url(bg-pattern.png) repeat 0 0;
    opacity: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#main-wrapper {
    overflow: hidden;
}

#page-content {
    padding: 0;
}

#page-content > .page-content {
    position: relative;
    margin: -60px auto 0;
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 100%;
    width: 1270px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
}

.white-bg {
    background: #ffffff;
}

a {
    color: #086467;
    text-decoration: none;
    cursor: pointer;
}

.loaded a {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

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

a:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.container img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

p {
    margin: 0 0 10px;
}

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

cite {
    font-style: normal;
}

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

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

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

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

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

/* Utilities Classes */
.css-table {
    display: table;
}

.css-table-cell {
    display: table-cell;
    vertical-align: middle;
}

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

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

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

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

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

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

.list-inline > li:first-child {
    padding-left: 0;
}



/* Headings */
/* ------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: inherit;
    font-weight: normal;
    font-family: inherit;
    line-height: 1.1;
}

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

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

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

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

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

h1,
.h1 {
    font-size: 50px;
}

h2,
.h2 {
    font-size: 36px;
}

h3,
.h3 {
    font-size: 30px;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 41px;
}

h5,
.h5 {
    font-weight: 700;
    font-size: 18px;
}

h6,
.h6 {
    font-weight: 700;
    font-size: 16px;
}

.title-lines {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center;
}

.title-lines-2 {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

.title-lines-left {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 100%;
    height: auto;
}

.title-lines h1,
.title-lines h2,
.title-lines h3,
.title-lines h4,
.title-lines h5,
.title-lines h6 {
    position: relative;
    display: inline-block;
    padding: 0 30px;
}

.title-lines-2 h1,
.title-lines-2 h2,
.title-lines-2 h3,
.title-lines-2 h4,
.title-lines-2 h5,
.title-lines-2 h6 {
    position: relative;
    display: inline-block;
    margin: 0;
    background: #ffffff;
}

.title-lines-left h1,
.title-lines-left h2,
.title-lines-left h3,
.title-lines-left h4,
.title-lines-left h5,
.title-lines-left h6 {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0 30px 0 0;
}

.title-lines-2 h1.pull-left,
.title-lines-2 h2.pull-left,
.title-lines-2 h3.pull-left,
.title-lines-2 h4.pull-left,
.title-lines-2 h5.pull-left,
.title-lines-2 h6.pull-left {
    padding-right: 30px;
}

.title-lines-2 h1.pull-right,
.title-lines-2 h2.pull-right,
.title-lines-2 h3.pull-right,
.title-lines-2 h4.pull-right,
.title-lines-2 h5.pull-right,
.title-lines-2 h6.pull-right {
    padding-left: 30px;
}

.title-lines h1:before,
.title-lines h1:after,
.title-lines h2:before,
.title-lines h2:after,
.title-lines h3:before,
.title-lines h3:after,
.title-lines h4:before,
.title-lines h4:after,
.title-lines h5:before,
.title-lines h5:after,
.title-lines h6:before,
.title-lines h6:after {
    position: absolute;
    top: 50%;
    display: block;
    width: 1000px;
    height: 4px;
    border-top: 1px solid #c8c0bb;
    border-bottom: 1px solid #c8c0bb;
    content: '';
    vertical-align: middle;
}

.title-lines h1:before,
.title-lines h2:before,
.title-lines h3:before,
.title-lines h4:before,
.title-lines h5:before,
.title-lines h6:before {
    left: 100%;
}

.title-lines h1:after,
.title-lines h2:after,
.title-lines h3:after,
.title-lines h4:after,
.title-lines h5:after,
.title-lines h6:after {
    right: 100%;
}

.title-lines-left h1:after,
.title-lines-left h2:after,
.title-lines-left h3:after,
.title-lines-left h4:after,
.title-lines-left h5:after,
.title-lines-left h6:after {
    position: absolute;
    top: 50%;
    left: 100%;
    display: block;
    width: 1000px;
    height: 4px;
    border-top: 1px solid #c8c0bb;
    border-bottom: 1px solid #c8c0bb;
    content: '';
    vertical-align: middle;
}

.title-lines-2 .lines {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 4px;
    border-top: 1px solid #c8c0bb;
    border-bottom: 1px solid #c8c0bb;
    content: '';
    vertical-align: middle;
}



/* Buttons */
/* ------------------------------------------------------ */

.btn {
    display: inline-block;
    margin-bottom: 0;
    padding: 3px 15px;
    border: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: none;
    color: #00494c;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.loaded .btn {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.btn .fa {
    margin-right: 5px;
    font-size: 14px;
}

.btn-icon .fa {
    margin: 0;
}

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

.btn:focus {
    outline: 0;
}

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

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

.btn-block {
    display: block;
    padding-right: 0;
    padding-left: 0;
    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%;
}

/* Default */
.btn-default {
    padding-bottom: 1px;
    border-bottom: 2px solid #d2b995;
    background: #dac8a1;
    color: #00494c;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
    outline: 0;
    border-color: #a68962;
    background-color: #c3a171;
    color: #00494c;
}

/* Default */
.btn-dark {
    padding-bottom: 1px;
    border-bottom: 2px solid #00494c;
    background: #423338;
    color: #ffffff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
    outline: 0;
    border-color: #0c090a;
    background: #251d20;
    color: #ffffff;
}

/* Link */
.btn-link {}

.btn-link:hover,
.btn-link:focus,
.btn-link:active,
.btn-link.active {
    outline: 0;
}



/* Forms */
/* ------------------------------------------------------ */

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

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

label {
    display: inline-block;
    margin-bottom: 5px;
    line-height: 24px;
}

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

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

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

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

select optgroup {
    font-style: inherit;
    font-size: inherit;
    font-family: inherit;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 0;
}

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

output {
    display: block;
    padding-top: 5px;
    color: inherit;
    vertical-align: middle;
    line-height: 24px;
}

.form-control {
    display: block;
    padding: 7px 15px;
    width: 100%;
    height: 40px;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: none;
    color: inherit;
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
}

.form-control.small {
    padding: 2px 15px;
    height: 30px;
}

select.form-control {
    padding: 2px 5px 2px 15px;
}

.form-control.pull-left,
.form-control.pull-right {
    width: auto;
}

.loaded .form-control {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.form-control:focus {
    outline: 0;
    border-color: #423338;
}

.form-control:-moz-placeholder {
    color: #999999;
}

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

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

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

select.placeholder {
    color: #999999;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    min-height: 24px;
    vertical-align: middle;
}

.radio label,
.checkbox label {
    display: inline;
    margin-bottom: 0;
    cursor: pointer;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    float: left;
    margin-left: -20px;
}

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

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

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

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

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

/* Datepicker */
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
    font-size: 100%;
    line-height: 24px;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    display: table;
    border-collapse: collapse;
    content: ' ';
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-datepicker {
    display: none;
    margin-top: 10px;
    padding: 5px;
    width: 300px;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 10px 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 6px;
    width: 30px;
    height: 30px;
    background: none;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
    background: none;
}

.ui-datepicker .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    color: #d2b995;
    font-size: 14px;
    font-family: 'FontAwesome';
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    text-align: center;
    line-height: 24px;
}

.ui-datepicker table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.ui-datepicker th {
    padding: 10px 0;
    border: 0;
    text-align: center;
    font-weight: normal;
}

.ui-datepicker td {
    padding: 2px;
    border: 0;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.ui-datepicker .ui-datepicker-buttonpane {
    margin: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    background-image: none;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    overflow: visible;
    margin: 0;
    padding: 0;
    width: auto;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-datepicker table > thead > tr > th {
    background: none;
}

.ui-widget-content {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(8, 100, 103, 1);
    color: #eeeeee;
}

.ui-widget-content a {
    color: #eeeeee;
}

.ui-widget-header {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #00494c;
    color: #eeeeee;
}

.ui-widget-header a {
    color: #eeeeee;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #00494c;
    color: #eeeeee;
    font-weight: normal;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #eeeeee;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    background: #d2b995;
    color: #423338;
    font-weight: normal;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #d2b995;
    color: #423338;
    font-weight: normal;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #eeeeee;
    text-decoration: none;
}

.ui-datepicker-calendar .ui-datepicker-unselectable span {
    color: #46353c;
    cursor: default;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
    background: none;
}

/* Custom selects */
.uou-custom-select {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #000000;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.uou-custom-select select {
    display: none;
}

.uou-custom-select .fa {
    position: absolute;
    top: 8px;
    right: 15px;
    display: block;
    font-size: 10px;
    line-height: 14px;
}

.uou-custom-select .value-holder {
    padding: 3px 30px 3px 15px;
    width: 100%;
    height: 30px;
    outline: 0;
    border: 0;
    background: none;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.uou-custom-select .select-clone {
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.uou-custom-select .select-clone > li {
    display: block;
    padding: 3px 15px;
    border-top: 1px solid #191919;
    line-height: 24px;
}

.uou-custom-select .select-clone > li:hover {
    background: #111111;
}



/* Tables */
/* ------------------------------------------------------ */

table {
    margin: 30px 0 60px 0;
    max-width: 100%;
    width: 100%;
    background-color: transparent;
}

th {
    text-align: left;
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
    padding: 13px 15px;
    border-bottom: 1px solid #c8c0bb;
    vertical-align: top;
    line-height: 24px;
}

table > thead > tr > th {
    border-bottom: 0;
    background: #086467;
    vertical-align: bottom;
    color: white;
}

table > thead > tr > th:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

table > thead > tr > th:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

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

table > tbody + tbody {
    border-top: 2px solid #c8c0bb;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 4px 6px;
    border: 1px solid #423338;
    text-align: center;
}

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

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

.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th {
    background-color: rgba(210, 185, 149, .15);
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: rgba(210, 185, 149, .3);
}

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

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



/* Header */
/* ------------------------------------------------------ */

#header {
    position: relative;
}

#header a {
    text-decoration: none;
}

/* Header Top Bar */
#header .header-top-bar {
    padding: 15px 0;
    background: #00494c;
    color: #ffffff;
}

#header .header-top-bar .header-login,
#header .header-top-bar .header-register,
#header .header-top-bar .header-language {
    position: relative;
    float: right;
}

#header .header-top-bar .header-social,
#header .header-top-bar .header-call-to-action,
#header .header-top-bar .header-search {
    position: relative;
    float: right;
}

#header .header-top-bar .header-login {
    margin-left: 15px;
}

/* Header Language */
#header .header-top-bar .header-language {
    position: relative;
    display: block;
    margin: 0 60px 0 0;
}

#header .header-top-bar .header-language > a {
    display: block;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}

#header .header-top-bar .header-language.active > a,
#header .header-top-bar .header-language > a:hover {
    color: #d2b995;
}

#header .header-top-bar .header-language > a span {
    line-height: inherit;
}

#header .header-top-bar .header-language > a i {
    position: relative;
    top: -2px;
    font-size: 10px;
}

#header .header-top-bar .header-language > ul > li > a {
    display: block;
    padding: 3px 15px;
    border-bottom: 1px solid #634b55;
    background: #00494c;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
}

#header .header-top-bar .header-language > ul > li > a:hover {
    background: #46353c;
}

#header .header-top-bar .header-language > ul > li.active > a {
    background: #46353c;
    cursor: default;
}

#header .header-top-bar .header-language > ul > li:last-child > a {
    padding-bottom: 3px;
    border-bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

/* Header Search */
#header .header-top-bar .header-search {
    position: relative;
    margin: 0 60px 0 0;
    padding: 0 40px 0 35px;
    width: 380px;
}

#header .header-top-bar .header-search form {
    margin: 0;
    padding: 0;
}

#header .header-top-bar .header-search .toggle {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#header .header-top-bar .header-search .toggle a {
    position: relative;
    display: block;
    padding: 0;
    width: 35px;
    height: 30px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #d2b995;
    line-height: 30px;
}

#header .header-top-bar .header-search .toggle a span {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 15px;
    height: 2px;
    background: #00494c;
}

#header .header-top-bar .header-search .toggle a span:before,
#header .header-top-bar .header-search .toggle a span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #00494c;
    content: '';
}

#header .header-top-bar .header-search .toggle a span:before {
    top: 4px;
}

#header .header-top-bar .header-search .toggle a span:after {
    top: 8px;
}

#header .header-top-bar .header-search .toggle .header-search-dropdown {
    padding: 30px;
    width: 380px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #00494c;
    color: #ffffff;
}

#header .header-top-bar .header-search-dropdown > ul {
    margin: 0 0 20px 0;
    padding: 0;
    border-bottom: 1px solid #634b55;
    list-style: none;
}

#header .header-top-bar .header-search-dropdown > ul > li {
    float: left;
    width: 50%;
}

#header .header-top-bar .header-search-dropdown .radio {
    margin: 0 0 15px 0;
}

#header .header-top-bar .header-search-dropdown span {
    display: block;
    margin-bottom: 15px;
}

#header .header-top-bar .header-search-dropdown .form-control {
    margin-bottom: 15px;
    padding: 2px 15px;
    height: 30px;
    border: 0;
    background: #000000;
    color: #ffffff;
}

#header .header-top-bar .header-search-dropdown .find-a-mosk {
    display: block;
}

#header .header-top-bar .header-search-dropdown .prayer-times,
#header .header-top-bar .header-search-dropdown .coran-verses,
#header .header-top-bar .header-search-dropdown .faqs {
    display: none;
}

#header .header-top-bar .header-search-dropdown .datepicker {
    position: relative;
}

#header .header-top-bar .header-search-dropdown .datepicker .fa {
    position: absolute;
    top: 3px;
    right: 10px;
    display: block;
    color: #ffffff;
    content: '\f073';
    font-size: 14px;
    font-family: 'FontAwesome';
    line-height: 24px;
    pointer-events: none;
}


#header .header-top-bar .header-search form > input[type=text] {
    margin: 0;
    padding: 3px 10px;
    width: 100%;
    height: 30px;
    outline: none;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #000000;
    color: #ffffff;
    line-height: 24px;
}

#header .header-top-bar .header-search form > input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 30px;
    border: 0;
    -webkit-border-radius: 0 33px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #000000;
    color: #ffffff;
    font-size: 14px;
    font-family: 'FontAwesome';
    line-height: 30px;
}

#header .header-top-bar .header-search form > input[type=submit]:hover {
    color: #d2b995;
}

/* Header Social */
#header .header-top-bar .header-social {
    position: relative;
    display: block;
    margin: 0 60px 0 0;
    padding: 0;
}

#header .header-top-bar .header-social > li {
    display: inline-block;
    margin: 0 5px;
}

#header .header-top-bar .header-social > li > a {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
}

#header .header-top-bar .header-social > li > a:hover {
    color: #d2b995;
}

/* Header Dropdown */
#header .header-top-bar .header-language > ul,
#header .header-top-bar .header-login > div,
#header .header-top-bar .header-register > div,
#header .header-top-bar .header-search-dropdown {
    position: absolute;
    top: 45px;
    left: 0;
    z-index: 9999;
    display: block;
    visibility: hidden;
    margin: 0;
    padding: 0;
    border-top: 2px solid #b8a182;
    list-style: none;
    opacity: 0;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
}

#header .header-top-bar .header-language.active > ul,
#header .header-top-bar .header-login.active > div,
#header .header-top-bar .header-register.active > div,
#header .header-top-bar .header-search .toggle.active .header-search-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.loaded #header .header-top-bar .header-language > ul,
.loaded #header .header-top-bar .header-login > div,
.loaded #header .header-top-bar .header-register > div,
.loaded #header .header-top-bar .header-search-dropdown {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

#header .header-top-bar .header-login > div,
#header .header-top-bar .header-register > div {
    padding: 15px;
    width: 275px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #00494c;
}

#header .header-login > div .btn-link,
#header .header-register > div .btn-link {
    color: #ffffff;
}

#header .header-login > div .form-control,
#header .header-register > div .form-control {
    margin-bottom: 10px;
    padding: 3px 15px;
    height: 30px;
    border: 0;
    background: #f5f0e8;
    color: #423338;
}

#header .header-login > div .form-control:focus,
#header .header-register > div .form-control:focus {
    background: #ffffff;
}

/* Header Nav Bar */
#header .header-nav-bar {
    position: relative;
    width: 100%;
    background: rgba(8, 100, 103, 1);
}

#header .header-nav-bar.overlay {
    position: absolute;
}

#header .header-nav-bar .logo {
    float: left;
}

#header .header-nav-bar .primary-nav {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#header .header-nav-bar .primary-nav > li {
    position: relative;
    float: left;
    margin-left: 30px;
}

#header .header-nav-bar .primary-nav > li > a {
    position: relative;
    display: block;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 80px;
}

#header .header-nav-bar .primary-nav > li.active > a,
#header .header-nav-bar .primary-nav > li:hover > a,
#header .header-nav-bar .primary-nav > li.hover > a {
    color: #26d6cb;
}

#header .header-nav-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

/* Sub Menus */
#header .header-nav-bar .primary-nav ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    visibility: hidden;
    margin: 0;
    padding: 0;
    border-top: 2px solid #b8a182;
    list-style: none;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out .15s;
    -moz-transition: all 0.25s ease-out .15s;
    -o-transition: all 0.25s ease-out .15s;
    transition: all 0.25s ease-out .15s;
}

#header .header-nav-bar .primary-nav li:hover > ul,
#header .header-nav-bar .primary-nav li.hover > ul {
    visibility: visible;
    opacity: 1;
}

#header .header-nav-bar .primary-nav > li > ul ul {
    top: 0;
    left: 100%;
    padding-left: 5px;
    border-top: 0;
}

#header .header-nav-bar .primary-nav ul > li {
    position: relative;
}

#header .header-nav-bar .primary-nav ul > li > a {
    display: block;
    padding: 13px 20px;
    width: 200px;
    border-bottom: 1px solid #634b55;
    background: #00494c;
    color: #ffffff;
    line-height: 24px;
}

#header .header-nav-bar .primary-nav ul > li.has-submenu > a {
    padding: 13px 40px 13px 20px;
}

#header .header-nav-bar .primary-nav ul > li:hover > a,
#header .header-nav-bar .primary-nav ul > li.hover > a,
#header .header-nav-bar .primary-nav ul > li.active > a {
    background: #46353c;
}

#header .header-nav-bar .primary-nav > li > ul ul > li:first-child > a {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#header .header-nav-bar .primary-nav ul > li:last-child > a {
    border-bottom: 0;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#header .header-nav-bar .primary-nav > li .submenu-arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0;
    width: 40px;
    height: 50px;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    line-height: 50px;
    cursor: pointer;
}

#header .header-nav-bar .primary-nav > li .submenu-arrow:before {
    content: '\f067';
    font-family: 'FontAwesome';
}

#header .header-nav-bar .primary-nav > li.has-submenu {
    padding-right: 20px;
}

#header .header-nav-bar .primary-nav > li > .submenu-arrow {
    width: 20px;
    height: 80px;
    text-align: right;
    line-height: 80px;
}

#header .header-nav-bar .primary-nav > li:hover > .submenu-arrow,
#header .header-nav-bar .primary-nav > li.hover > .submenu-arrow,
#header .header-nav-bar .primary-nav > li.active > .submenu-arrow {
    color: #26d6cb;
}



/* Header Hero */
.header-hero {}

.header-hero-slider {
    position: relative;
    margin: 0;
    padding: 0;
    color: #ffffff;
}

.header-hero-slider .slides > li {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.header-hero-slider .flex-control-nav {
    bottom: 20px;
}

.header-hero-slider .slides .container {
    position: relative;
    min-height: 475px;
}

.header-hero-slider .slides .text {
    width: 425px;
}

.header-hero-slider .slides .text h1 {
    margin-top: 80px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    font-size: 48px;
    line-height: 1.25em;
}

.header-hero-slider .slides .text h1 > span {
    display: block;
    font-size: 90px;
    line-height: 1em;
}

.header-hero-slider .slides .text p {
    margin-bottom: 30px;
}

.header-hero-slider .slides .video {
    position: absolute;
    top: 50px;
    right: 15px;
    width: 640px;
    height: 340px;
}

.header-hero-slider .slides .video iframe {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.master-slider .ms-layer {
    color: #ffffff;
}

.master-slider .ms-layer h1 {
    margin: 0 0 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    font-size: 48px;
    line-height: 1.25em;
}

.master-slider .ms-layer h1 > span {
    display: block;
    font-size: 90px;
    line-height: 1em;
}

.master-slider .ms-layer p {
    margin-bottom: 30px;
}

/* Header Page Title */
#header .header-page-title {
    padding: 20px 0 80px 0;
    background-image: url(page-title-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
}

#header .header-page-title a {
    color: inherit;
}

#header .header-page-title a:hover {
    text-decoration: underline;
}

#header .header-page-title h1 {
    float: left;
    margin: 0;
    font-size: 30px;
    line-height: 40px;
}

#header .header-page-title .breadcrumbs {
    position: relative;
    display: block;
    float: right;
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

#header .header-page-title .breadcrumbs > li {
    float: left;
}

#header .header-page-title .breadcrumbs > li:after {
    margin: 0 10px;
    color: #d2b995;
    content: '/';
}

#header .header-page-title .breadcrumbs > li:last-child:after {
    display: none;
}

#header .header-page-title .breadcrumbs > li a {
    display: inline-block;
    line-height: inherit;
}

/* Responsive */
#mobile-search-toggle {
    display: none;
    float: right;
    margin-left: 15px;
    padding-right: 0;
    padding-left: 0;
    width: 40px;
}

#mobile-search-container {
    display: none;
    padding-top: 15px;
}

#mobile-menu-toggle {
    position: relative;
    display: none;
    float: right;
    margin-top: 25px;
    padding: 0;
    width: 40px;
    height: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #d2b995;
    line-height: 30px;
}

#mobile-menu-toggle span {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 20px;
    height: 2px;
    background: #00494c;
}

#mobile-menu-toggle span:before,
#mobile-menu-toggle span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #00494c;
    content: '';
}

#mobile-menu-toggle span:before {
    top: 4px;
}

#mobile-menu-toggle span:after {
    top: 8px;
}

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

#mobile-menu-container .login-register {
    display: none;
}

#mobile-menu-container .header-login,
#mobile-menu-container .header-register {
    display: none;
}

/* For mobile screens */
@media only screen and (max-width: 480px) {

    /* For mobile phones: */
    .header-register {
        margin-left: 12%;
        margin-top: 4%;
    }
    .hidden-on-mobile{
        display: none;
    }
}



/* Footer */
/* ------------------------------------------------------ */
#footer {
    position: relative;
    background: #423338;
    color: #ffffff;
    font-size: 14px;
}

#footer > .container {
    padding-top: 30px;
    padding-bottom: 50px;
}

#footer > .container a:hover {
    color: #26d6cb;
}

#footer > .container h5 {
    margin: 30px 0;
    font-weight: 700;
}

#footer > .container p {
    color: #9f9a9b;
}

#footer > .container img {
    margin-bottom: 25px;
}

/* Footer Links */
#footer .footer-links {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .footer-links li a {
    display: block;
    padding: 13px 0;
    border-bottom: 1px solid #55484c;
    color: #ffffff;
    text-decoration: none;
}

#footer .footer-links li:first-child a {
    border-top: 1px solid #55484c;
}

#footer .footer-links li a:before {

    content: '\f105';
    font-family: 'FontAwesome';
    margin-left: 10px;
}

/* Footer Tags */
#footer .footer-tags {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .footer-tags li {
    float: left;
    margin: 0 10px 10px 0;
}

#footer .footer-tags li a {
    display: block;
    padding: 2px 10px;
    border: 1px solid #55484c;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #9f9a9b;
    text-decoration: none;
}

/* Footer Subscribe */
#footer .footer-subscribe {
    position: relative;
    margin: 20px 0 0 0;
    padding-right: 30px;
}

#footer .footer-subscribe input[type=text] {
    margin: 0;
    padding: 3px 15px;
    width: 100%;
    height: 30px;
    outline: 0;
    border: 0;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #21191c;
    line-height: 24px;
}

#footer .footer-subscribe input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    outline: 0;
    border: 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #21191c;
    font-size: 14px;
    font-family: 'FontAwesome';
}

/* Copyright */
#footer .footer-copyright {
    padding: 20px 0;
    background: #00494c;
    color: #666666;
    font-size: 14px;
}

#footer .footer-copyright p {
    float: left;
    margin: 0;
    color: white;
}

#footer .footer-copyright .footer-social {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .footer-copyright .footer-social li {
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
}

#footer .footer-copyright .footer-social li a {
    color: #ffffff;
}

#footer .footer-copyright .footer-social li a:hover {
    color: #26d6cb;
}


/* Sections */
/* ------------------------------------------------------ */

.header-pull-40 {
    margin-top: -40px;
}

/* Call to Action Section */
.call-to-action-section {
    position: relative;
    margin: 30px 0 60px 0;
    height: 130px;
    -webkit-border-radius: 5px 3px 3px 5px;
    border-radius: 5px 3px 3px 5px;
    background: #423338;
    color: #ffffff;
}

.call-to-action-section .icon {
    position: absolute;
    display: block;
    width: 130px;
    height: 100%;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #d2b995;
    vertical-align: middle;
    text-align: center;
}

.call-to-action-section .icon img {
    margin-top: 43px;
}

.call-to-action-section .text {
    padding: 0 30px 0 160px;
    height: 100%;
}

.call-to-action-section .text > div p {
    margin: 0;
    padding-right: 30px;
}

/* Testimonials Section */
.testimonials-section {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 465px;
    background: url(testimonials-bg.png) repeat center center;
}

.testimonials-section .testimonial {
    position: absolute;
    top: 155px;
    left: 50%;
    display: block;
    overflow: hidden;
    margin-left: -388px;
    width: 775px;
    height: 155px;
    background: #d2b995;
}

.testimonials-section .testimonial > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 155px;
    height: 155px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.testimonials-section .testimonial > div {
    position: absolute;
    top: 0;
    right: 0;
    display: table;
    width: 620px;
    height: 155px;
    color: #ffffff;
}

.testimonials-section .testimonial > div blockquote {
    display: table-cell;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
}

.testimonials-section .testimonial > div h2 {
    margin: 0;
    font-weight: normal;
}

/* Crowdfunding Section */
.crowdfunding-section {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
    padding: 0;
}

.crowdfunding-section.white-bg {
    position: relative;
    display: block;
    margin: 0;
    padding: 30px 0 60px 0;
}

.crowdfunding-section .crowdfunding-slider {
    padding-top: 60px;
}

.crowdfunding-section .crowdfunding-slider .flex-control-nav {
    top: 15px;
    bottom: auto;
}

.crowdfunding-section .crowdfunding-slider .flex-control-nav li a {
    border: 1px solid #d2b995;
}

.crowdfunding-section .crowdfunding-slider .flex-control-nav li a:hover {
    background: #d2b995;
}

.crowdfunding-section .crowdfunding-slider .flex-control-nav li a.flex-active {
    background: #d2b995;
}

.crowdfunding-section .slides > li img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.crowdfunding-section .slides > li h4 {
    margin: 0 0 30px 0;
    text-align: center;
}

.crowdfunding-section .slides > li p {
    margin: 0 0 30px 0;
}

.crowdfunding-section .slides > li .meta {
    border: 1px solid #e9e8e9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.crowdfunding-section .slides > li .meta ul {
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e9e8e9;
    list-style: none;
}

.crowdfunding-section .slides > li .meta ul:before,
.crowdfunding-section .slides > li .meta ul:after {
    display: table;
    content: '';
}

.crowdfunding-section .slides > li .meta ul:after {
    clear: both;
}

.crowdfunding-section .slides > li .meta ul > li {
    float: left;
    padding: 15px 0;
    width: 20%;
    border-right: 1px solid #e9e8e9;
    text-align: center;
    font-size: 14px;
}

.crowdfunding-section .slides > li .meta ul > li > span {
    display: block;
    font-size: 22px;
}

.crowdfunding-section .slides > li .meta ul > li:last-child {
    border-right: 0;
}

.crowdfunding-section .slides > li .meta .button {
    padding: 15px;
    border-top: 1px solid #e9e8e9;
    text-align: center;
}

.crowdfunding-section .progress-container .progress-bar {
    margin: 0;
}

.crowdfunding-section .progress-container > .progress-bar {
    padding: 10px 10px 10px 56px;
}

.crowdfunding-section .progress-container > .progress-bar.active {
    padding-bottom: 0;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-title {
    margin-bottom: 4px;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-inner {
    height: 16px;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-inner > div {
    position: absolute;
    top: 4px;
    color: inherit;
    text-transform: uppercase;
    font-size: 10px;
    font-family: sans-serif;
    line-height: 1em;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-inner > .funded {
    left: 10px;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-inner > .days {
    right: 10px;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-toggle {
    top: 10px;
    left: 10px;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-content {
    margin-right: -10px;
    margin-left: -56px;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-content > div {
    position: relative;
    padding: 10px 100px 10px 10px;
    border-top: 1px solid #e9e8e9;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-content > div > .checkbox {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 18px 0 0 10px;
    width: 34px;
    height: 100%;
    border-left: 1px solid #e9e8e9;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
}

.crowdfunding-section .progress-container > .progress-bar > .progress-bar-content > div > .checkbox input {
    margin-right: 0;
    margin-left: 0;
}

.crowdfunding-section .progress-container .progress-bar .progress-bar-inner {
    background: #e9e8e9;
}

.crowdfunding-section .progress-container .progress-bar .progress-bar-inner > span {
    background: #d2b995;
}

/*.crowdfunding-section .progress-container > .progress-bar.toggle > .progress-bar-toggle {
	color: #d2b995;
	border-bottom: 2px solid #00494c;
	background: #423338;
}*/

/* Our Partners Section */
.our-partners-section {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
    padding: 0;
}

.our-partners-slider-container {
    display: block;
    overflow: hidden;
    width: 100%;
}

.our-partners-section .our-partners-slider {
    padding-top: 60px;
}

.our-partners-section .our-partners-slider .flex-control-nav {
    top: 15px;
    bottom: auto;
}

.our-partners-section .our-partners-slider .flex-control-nav li a {
    border: 1px solid #d2b995;
}

.our-partners-section .our-partners-slider .flex-control-nav li a:hover {
    background: #d2b995;
}

.our-partners-section .our-partners-slider .flex-control-nav li a.flex-active {
    background: #d2b995;
}

.our-partners-section .slides > li a {
    display: block;
    padding: 0 15px;
    height: 100px;
    text-align: center;
}

.our-partners-section .slides > li a .css-table {
    width: 100%;
    height: 100%;
}

.our-partners-section .slides > li a img {
    display: inline-block;
    max-width: 100%;
    max-height: 100px;
    width: auto;
    height: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
}

/* Twitter Feed Section */
.twitter-feed-section {
    position: relative;
    background-image: url(twitter-bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.twitter-feed-section .css-table {
    position: relative;
    padding: 0 60px 0 100px;
    height: 150px;
}

.twitter-feed-section .tweet_list,
.twitter-feed-section .tweet_list a {
    color: #ffffff;
}

.twitter-feed-section .tweet_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.twitter-feed-section .tweet_text {
    font-weight: 700;
}

.twitter-feed-section .tweet_time {
    display: block;
    text-transform: capitalize;
}

.twitter-feed-section .twitter-logo {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #d2b995;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 40px;
    line-height: 70px;
}

.twitter-feed-section .flex-prev,
.twitter-feed-section .flex-next {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #d2b995;
    color: #00494c;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-family: 'FontAwesome';
    line-height: 30px;
}

.twitter-feed-section .flex-prev {
    margin-top: -35px;
}

.twitter-feed-section .flex-next {
    margin-top: 5px;
}


/* Page Content Search */
.page-content-search .form-control {
    padding: 12px 15px;
    width: 100%;
    height: 50px;
}

.page-content-search form {
    position: relative;
}

.page-content-search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 50px;
    outline: 0;
    border: 0;
    background: none;
    color: #a0999b;
    font-size: 14px;
    font-family: 'FontAwesome';
}

.hadith-sunnah-tabs .title-lines-2 {
    margin: 0 0 30px 0;
}

.hadith-sunnah-tabs .coran-accordion {
    margin-bottom: 0;
}

/* Coran Accordion */
.coran-accordion {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
}

.coran-accordion ul {
    margin: 0;
    padding: 0;
    border-top: 0;
    list-style: none;
}

.coran-accordion ul > li > a {
    position: relative;
    display: block;
    margin-top: -1px;
    padding: 0 0 0 50px;
    border: 1px solid #c8c0bb;
    color: inherit;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
}

.coran-accordion ul > li:nth-child(even) > a {
    background: #f4f2f1;
}

.coran-accordion ul > li > a > span {
    display: block;
}

.coran-accordion ul > li > a .number {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 10px 0;
    width: 50px;
    border-right: 1px solid #c8c0bb;
    text-align: center;
}

.coran-accordion ul > li > a .title-1 {
    display: block;
    float: left;
    margin-left: -1px;
    padding: 10px 30px;
    border-left: 1px solid #c8c0bb;
}

.coran-accordion ul > li > a .title-2,
.coran-accordion ul > li > a .section {
    display: block;
    float: right;
    padding: 10px 30px;
    border-left: 1px solid #c8c0bb;
}

.coran-accordion ul > li > a .title-2 {
    width: 250px;
    text-align: right;
}

.coran-accordion ul > li > a .section {
    width: 200px;
    text-align: center;
}

.coran-accordion ul > li > div {
    display: none;
    margin-left: 50px;
    border-right: 1px solid #c8c0bb;
    border-left: 1px solid #c8c0bb;
}

.coran-accordion ul > li.active > div {
    display: block;
}

.coran-accordion ul > li > div .chapter {
    padding: 0 20px;
    border-bottom: 1px solid #c8c0bb;
}

.coran-accordion ul > li > div .chapter:last-child {
    border-bottom: 0;
}

.coran-accordion ul > li:last-child > div .chapter:last-child {
    border-bottom: 1px solid #c8c0bb;
}

.coran-accordion ul > li > div .chapter:nth-child(even) {
    background: #f4f2f1;
}

.coran-accordion ul > li > div .chapter > h6 {
    margin: 0;
    line-height: 50px;
    cursor: pointer;
}

.coran-accordion ul > li > div .chapter.active > h6 {
    border-bottom: 1px solid #c8c0bb;
}

.coran-accordion ul > li > div .chapter > h6:before {
    margin-right: 10px;
    content: '\f067';
    font-size: 14px;
    font-family: 'FontAwesome';
}

.coran-accordion ul > li > div .chapter.active > h6:before {
    content: '\f068';
}

.coran-accordion ul > li > div .chapter .row {
    display: none;
    padding: 25px 0 15px;
    font-size: 14px;
}

.coran-accordion ul > li > div .chapter.active .row {
    display: block;
}

.coran-accordion ul > li > div .chapter .row h6 {
    margin-top: 0;
}



/* Shortcodes */
/* ------------------------------------------------------ */

/* Pricing Tables */
.pricing-tables {
    position: relative;
    display: block;
    margin: 30px -15px 60px -15px;
}

.pricing-tables:before,
.pricing-tables:after {
    display: table;
    content: '';
}

.pricing-tables:after {
    clear: both;
}

.pricing-tables.tables-2 .pricing-tables-column {
    width: 50%;
}

.pricing-tables.tables-3 .pricing-tables-column {
    width: 33.33333333333333%;
}

.pricing-tables.tables-4 .pricing-tables-column {
    width: 25%;
}

.pricing-tables .pricing-tables-column {
    position: relative;
    display: block;
    float: left;
    padding: 0 15px;
    width: 100%;
    text-align: center;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.pricing-tables .pricing-tables-container {
    border: 1px solid #c8c0bb;
}

.pricing-tables .pricing-tables-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pricing-tables .pricing-tables-column .title {
    margin: 0;
    padding: 25px 0;
    border-bottom: 1px solid #c8c0bb;
    text-transform: uppercase;
}

.pricing-tables .pricing-tables-column .price {
    display: block;
    margin: 1px;
    font-size: 50px;
    line-height: 100px;
}

.pricing-tables .pricing-tables-column .price sup {
    font-size: 30px;
}

.pricing-tables .pricing-tables-column.active .price {
    background: #d2b995;
}

.pricing-tables .pricing-tables-column .features {
    padding: 5px 30px;
    border-top: 1px solid #c8c0bb;
    border-bottom: 1px solid #c8c0bb;
}

.pricing-tables .pricing-tables-column .features > li {
    padding: 15px 0;
    border-bottom: 1px solid #c8c0bb;
}

.pricing-tables .pricing-tables-column .features > li:last-child {
    border-bottom: 0;
}

.pricing-tables .pricing-tables-column .btn {
    margin: 30px 0;
}

/* Category Boxes */
.category-boxes-icons,
.category-boxes-images {
    position: relative;
    margin: 30px 0;
    padding: 0;
}

.category-boxes-icons.white-bg {
    margin: 0;
    padding: 60px 0 30px 0;
    background: #ffffff;
}

.category-boxes-icons .category-boxes-item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 15px 15px 15px 85px;
    min-height: 135px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    font-size: 14px;
}

.category-boxes-icons.white-bg .category-boxes-item {
    background: #ece7df;
}

.category-boxes-icons .category-boxes-item > .fa {
    position: absolute;
    top: 20px;
    left: 0;
    display: block;
    width: 85px;
    height: auto;
    color: #423338;
    text-align: center;
    font-size: 40px;
}

.category-boxes-icons .category-boxes-item > h4 {
    margin-top: 10px;
}

.category-boxes-icons .category-boxes-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    visibility: hidden;
    padding: 15px;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #423338;
    color: #ffffff;
    text-align: center;
    opacity: 0;
}

.loaded .category-boxes-icons .category-boxes-item .overlay,
.category-boxes-icons .category-boxes-item .overlay h4,
.category-boxes-icons .category-boxes-item .overlay .btn {
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.category-boxes-icons .category-boxes-item:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.category-boxes-icons .category-boxes-item .overlay h4 {
    margin: 0;
    vertical-align: middle;
    opacity: 0;
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
}

.category-boxes-icons .category-boxes-item .overlay h4 .fa {
    position: relative;
    top: 5px;
    margin-right: 10px;
    font-size: 40px;
}

.category-boxes-icons .category-boxes-item .overlay .btn {
    margin: 30px 0 0 0;
    opacity: 0;
    -webkit-transform: translateY(25px);
    -moz-transform: translateY(25px);
    -ms-transform: translateY(25px);
    -o-transform: translateY(25px);
    transform: translateY(25px);
}

.category-boxes-icons .category-boxes-item:hover .overlay h4,
.category-boxes-icons .category-boxes-item:hover .overlay .btn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.category-boxes-images .category-boxes-item {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

.category-boxes-images .category-boxes-item > img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.category-boxes-images .category-boxes-item > a {
    display: block;
    margin: 0;
    padding: 15px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: #423338;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
}

/* Responsive Tabs */
.responsive-tabs {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
}

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

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

.nav:after {
    clear: both;
}

.nav-tabs {
    border-bottom: 3px solid #d2b995;
    font-size: 14px;
}

.nav-tabs > li {
    float: left;
}

.nav-tabs > li > a {
    display: block;
    margin-right: 2px;
    padding: 8px 15px;
    min-width: 100px;
    border: 1px solid #c8c0bb;
    border-bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    background: none;
    color: inherit;
    text-align: center;
    text-decoration: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border-color: transparent;
    background-color: #d2b995;
    cursor: default;
}

.responsive-tabs > .tab-content {
    margin: 0;
    padding: 0;
}

.responsive-tabs > .tab-content > .tab-pane {
    display: none;
}

.responsive-tabs > .tab-content > .active {
    display: block;
}

.responsive-tabs > .tab-content .tab-pane {
    padding: 30px;
    border: 1px solid #c8c0bb;
    border-top: 0;
}

.responsive-tabs > .tab-content.unstyled > .tab-pane,
.responsive-tabs > .tab-content > .tab-pane.unstyled {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    border: 0;
}

.responsive-tabs > .tab-content > a.acc-link {
    position: relative;
    display: none;
    margin: 0;
    padding: 8px 15px;
    border: 1px solid #c8c0bb;
    border-bottom: 0;
    background: none;
    color: inherit;
    text-decoration: none;
}

.responsive-tabs > .tab-content > .acc-link.first {
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.responsive-tabs > .tab-content > .acc-link.last {
    border-bottom: 1px solid #c8c0bb;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.responsive-tabs > .tab-content > .acc-link.active.last {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.responsive-tabs > .tab-content > .acc-link.active,
.responsive-tabs > .tab-content > .acc-link.active:hover,
.responsive-tabs > .tab-content > .acc-link.active:focus {
    border-color: transparent;
    background: #086467;
    cursor: default;
}

.responsive-tabs.vertical > .tab-content {
    margin-left: 200px;
    border-left: 3px solid #d2b995;
}

.responsive-tabs.vertical > .tab-content > .tab-pane {
    border: 1px solid #c8c0bb;
    border-left: 0;
}

.responsive-tabs.vertical > .nav-tabs {
    float: left;
    border: 0;
    border-right: 3px solid #d2b995;
}

.responsive-tabs.vertical > .nav-tabs > li {
    float: none;
}

.responsive-tabs.vertical > .nav-tabs > li > a {
    margin-right: 0;
    margin-bottom: 2px;
    width: 200px;
    border: 1px solid #c8c0bb;
    border-right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    text-align: left;
}

.responsive-tabs.vertical > .nav-tabs > li:last-child > a {
    margin-bottom: 0;
}

.responsive-tabs.vertical > .nav-tabs > li.active > a,
.responsive-tabs.vertical > .nav-tabs > li.active > a:hover,
.responsive-tabs.vertical > .nav-tabs > li.active > a:focus {
    border-color: transparent;
}

.responsive-tabs.vertical > .tab-content.unstyled > .tab-pane,
.responsive-tabs.vertical > .tab-content > .tab-pane.unstyled {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 30px;
    border: 0;
}

/* Accordion */
.accordion {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
}

.accordion ul {
    margin: 0;
    padding: 0;
    border: 1px solid #c8c0bb;
    border-top: 0;
    list-style: none;
}

.accordion ul > li > a {
    position: relative;
    display: block;
    padding: 13px 15px 13px 70px;
    border-top: 1px solid #c8c0bb;
    color: inherit;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
}

.accordion ul > li > a:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding-top: 2px;
    width: 50px;
    border-right: 1px solid #c8c0bb;
    content: '\f067';
    text-align: center;
    font-size: 14px;
    font-family: 'FontAwesome';
    line-height: 48px;
}

.accordion ul > li.active > a:before {
    content: '\f068';
}

.accordion ul > li > div {
    display: none;
    padding: 30px;
    border-top: 1px solid #c8c0bb;
}

.accordion ul > li.active > div {
    display: block;
    padding: 30px;
}

/* Alerts */
.alert {
    position: relative;
    display: block;
    margin: 30px 0;
    padding: 15px 50px 15px 30px;
    background: #c8c0bb;
    color: #ffffff;
}

.alert.alert-success {
    background: #a6b746;
}

.alert.alert-info {
    background: #4696b7;
}

.alert.alert-warning {
    background: #e0b346;
}

.alert.alert-error {
    background: #da3a3a;
}

.alert .close {
    position: absolute;
    top: 15px;
    right: 20px;
    display: block;
    width: auto;
    height: 24px;
    color: #ffffff;
    text-decoration: none;
    line-height: 24px;
}

.alert h4,
.alert h5,
.alert h6 {
    margin: 0;
    line-height: 1.5em;
}

.alert p {
    margin: 5px 0 0 0;
    font-size: 14px;
}

/* Progress Bar */

.progress-bar {
    position: relative;
    display: block;
    margin: 30px 0;
}

.progress-bar > .progress-bar-title {
    margin: 0 0 10px 0;
}

.progress-bar > .progress-bar-inner {
    position: relative;
    display: block;
    width: 100%;
    height: 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #c8c0bb;
}

.progress-bar > .progress-bar-inner > span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #423338;
    -webkit-transition: width .75s ease-out;
    -moz-transition: width .75s ease-out;
    -o-transition: width .75s ease-out;
    transition: width .75s ease-out;
}

.progress-bar.style-2 > .progress-bar-inner {
    padding: 3px;
    background: #423338;
}

.progress-bar.style-2 > .progress-bar-inner > span {
    position: relative;
    top: 0;
    left: 0;
    height: 4px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #d2b995;
}

.progress-bar.toggle {
    padding-left: 46px;
}

.progress-bar.toggle > .progress-bar-toggle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    padding: 9px 0 6px 0;
    width: 34px;
    height: 37px;
    border-bottom: 2px solid #b8a182;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #d2b995;
    color: #423338;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-family: 'FontAwesome';
    line-height: 20px;
}

.progress-bar.toggle > .progress-bar-toggle:before {
    content: '\f067';
}

.progress-bar.toggle.active > .progress-bar-toggle:before {
    content: '\f068';
}

.progress-bar.toggle > .progress-bar-content {
    display: none;
    padding-top: 10px;
}

.progress-bar.toggle.active > .progress-bar-content {
    display: block;
}

/* Counters */
.animated-counter {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
    text-align: center;
}

.animated-counter .fa {
    display: block;
    font-size: 50px;
    line-height: 60px;
}

.animated-counter span {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
}

.animated-counter span:before,
.animated-counter span:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    margin-left: -75px;
    width: 150px;
    height: 1px;
    background: #c8c0bb;
    content: '';
}

.animated-counter span:after {
    margin-bottom: -2px;
}

.animated-counter h3 {
    margin: 0;
    line-height: 1.2em;
}

/* Progress Circle */
.progress-circle {
    position: relative;
    display: block;
    margin: 30px 0 60px 0;
    text-align: center;
}

.progress-circle .loader {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.progress-circle .loader-bg {
    width: 100%;
    height: 100%;
    border: 10px solid #c8c0bb;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.progress-circle .spiner-holder-one {
    position: absolute;
    top: 3px;
    left: 3px;
    overflow: hidden;
    width: 72px;
    height: 72px;
}

.progress-circle .spiner-holder-two {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.progress-circle .loader-spiner {
    width: 200%;
    height: 200%;
    border: 4px solid #423338;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.progress-circle .animate-0-25-a {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.progress-circle .animate-25-50-a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.progress-circle .animate-50-75-a {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.progress-circle .animate-75-100-a {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.progress-circle .animate-0-25-b,
.progress-circle .animate-25-50-b,
.progress-circle .animate-50-75-b,
.progress-circle .animate-75-100-b {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.progress-circle .animate-0-25-a,
.progress-circle .animate-0-25-b,
.progress-circle .animate-25-50-a,
.progress-circle .animate-25-50-b,
.progress-circle .animate-50-75-a,
.progress-circle .animate-50-75-b,
.progress-circle .animate-75-100-a,
.progress-circle .animate-75-100-b {
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.progress-circle .text {
    font-size: 30px;
    line-height: 130px;
}

.progress-circle h3 {
    margin: 25px 0 0 0;
}



/* Widgets */
/* ------------------------------------------------------ */
.widget {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.widget:before,
.widget:after {
    display: table;
    content: ' ';
}

.widget:after {
    clear: both;
}

/* Links Widget */
.links-widget {
    margin: 0;
    padding: 0;
    list-style: none;
}

.links-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.links-widget li a {
    display: block;
    padding: 13px 0;
    border-bottom: 1px solid #c8c0bb;
    color: inherit;
    text-decoration: none;
    font-size: 14px;
}

.links-widget li a:hover {
    color: #d2b995;
}

.links-widget li:first-child a {
    border-top: 1px solid #c8c0bb;
}

.links-widget li a:before {
    margin-right: 10px;
    content: '\f105';
    font-family: 'FontAwesome';
}

/* mosk-details-widget */
.mosk-details-widget {
    color: #a0999b;
}

.mosk-details-widget h1,
.mosk-details-widget h2,
.mosk-details-widget h3,
.mosk-details-widget h4,
.mosk-details-widget h5,
.mosk-details-widget h6 {
    color: #423338;
}

.mosk-details-widget .general-info {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mosk-details-widget .general-info > li {
    margin-bottom: 10px;
    text-align: left;
}

.mosk-details-widget .general-info > li > span {
    float: left;
    margin-right: 30px;
    font-weight: 700;
}

.mosk-details-widget .prayer-times {
    overflow: hidden;
    margin: 20px 0 0 0;
    padding: 0;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    list-style: none;
}

.mosk-details-widget .prayer-times > li {
    display: block;
    float: left;
    width: 33.33333333333333%;
    border-right: 1px solid #c8c0bb;
    border-bottom: 1px solid #c8c0bb;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.mosk-details-widget .prayer-times > li > span {
    display: block;
    background: #f4f2f1;
}

.mosk-details-widget .prayer-times > li:nth-child(3n) {
    border-right: 0;
}

.mosk-details-widget .prayer-times > li:nth-last-child(1),
.mosk-details-widget .prayer-times > li:nth-last-child(2),
.mosk-details-widget .prayer-times > li:nth-last-child(3) {
    border-bottom: 0;
}

.mosk-details-widget .form-control {
    margin-bottom: 20px;
}

.mosk-details-widget .imam-mosk {
    position: relative;
    margin: 20px 0;
    padding-left: 120px;
    min-height: 100px;
}

.mosk-details-widget .imam-mosk img {
    position: absolute;
    top: 0;
    left: 0;
}

.mosk-details-widget .imam-mosk a {
    color: inherit;
}

.mosk-details-widget .imam-mosk ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mosk-details-widget .imam-mosk li:first-child {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c8c0bb;
}

.donations-item {
    margin-bottom: 30px;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.donations-item > div {
    padding: 15px;
}

.donations-item h5 {
    margin-top: 20px;
}

.donations-item .button {
    border-top: 1px solid #c8c0bb;
    text-align: center;
}

.donations-item > div > .progress-bar {
    margin: 20px 0 0 0;
    padding: 0 0 0 44px;
}

.donations-item > div > .progress-bar > .progress-bar-toggle {
    padding: 6px 0 4px 0;
    height: 30px;
}

.donations-item > div > .progress-bar > .progress-bar-inner {
    height: 30px;
    background: #e9e8e9;
}

.donations-item > div > .progress-bar > .progress-bar-inner > span {
    background: #d2b995;
}

.donations-item > div > .progress-bar > .progress-bar-inner > .funded {
    position: absolute;
    top: 0;
    left: 10px;
    color: inherit;
    color: #423338;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
}

.donations-item > div > .progress-bar > .progress-bar-content {
    margin-left: -44px;
}

.donations-item > div > .progress-bar > .progress-bar-content > div {
    margin-bottom: 15px;
}

.donations-item > div > .progress-bar .progress-bar-title label {
    float: right;
    margin: 0;
    color: #a0999b;
    font-weight: normal;
    line-height: inherit;
}

.donations-item > div > .progress-bar .progress-bar {
    margin: 0;
}



/* Search Item */
.search-item {
    margin: 30px 0;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search-item .content {
    position: relative;
    display: block;
    padding: 30px;
}

.search-item .content .video,
.search-item .content .flexslider {
    float: left;
    width: 30%;
}

.search-item .content .video iframe {
    width: 100% !important;
    height: 175px !important;
}

.search-item .content img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search-item .content .info {
    float: left;
    padding-left: 30px;
    width: 70%;
}

.search-item .content .info h5 {
    margin: 0 0 5px 0;
}

.search-item .content .info h5 a {
    color: inherit;
}

.search-item .content .info .address {
    color: #a0999b;
}

.search-item .content .info .address a,
.search-item .content .info .address .fa {
    color: #423338;
}

.search-item .crowdfunding {
    padding: 0 30px;
    border-top: 1px solid #c8c0bb;
}

.search-item .crowdfunding > .progress-bar {
    padding: 0 150px 0 44px;
}

.search-item .crowdfunding > .progress-bar > .progress-bar-toggle {
    padding: 6px 0 4px 0;
    height: 30px;
}

.search-item .crowdfunding > .progress-bar > .progress-bar-inner {
    height: 30px;
    background: #e9e8e9;
}

.search-item .crowdfunding > .progress-bar > .progress-bar-inner > span {
    background: #d2b995;
}

.search-item .crowdfunding > .progress-bar > .progress-bar-inner > .funded {
    position: absolute;
    top: 0;
    left: 10px;
    color: inherit;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 30px;
}

.search-item .crowdfunding .progress-bar .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
}

.search-item .crowdfunding > .progress-bar > .progress-bar-content {
    margin-right: -150px;
    margin-left: -44px;
}

.search-item .crowdfunding > .progress-bar > .progress-bar-content > div {
    margin-bottom: 15px;
}

.search-item .crowdfunding .progress-bar .progress-bar-title label {
    float: right;
    margin: 0;
    color: #a0999b;
    font-weight: normal;
    line-height: inherit;
}

.search-item .crowdfunding .progress-bar .progress-bar {
    margin: 0;
}

.search-item .tags {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
}

.search-item .tags > li {
    float: left;
    margin: 0 10px 10px 0;
}

.search-item .contact {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #c8c0bb;
}

.search-item .contact > li {
    float: left;
    padding: 15px 0;
    width: 33.33333333333333%;
    text-align: center;
}

.search-item .contact > li:nth-child(2) {
    border-right: 1px solid #c8c0bb;
    border-left: 1px solid #c8c0bb;
}

.search-item .contact > li > a {
    color: #a0999b;
    text-decoration: none;
}

.search-item .contact > li > a:hover {
    color: inherit;
}

.search-item .contact > li > a .fa {
    width: 20px;
    color: #00494c;
    font-size: 14px;
}

.search-item .bubbles {
    margin: 15px 0 0 0;
    padding: 0;
    list-style: none;
}

.search-item .bubbles > li {
    position: relative;
    display: block;
    float: left;
    margin-right: 30px;
    padding: 10px 0 0 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.search-item .bubbles > li:last-child {
    margin-right: 0;
}

.search-item .bubbles > li:hover {
    color: #d2b995;
}

.search-item .bubbles > li > .fa {
    color: #00494c;
}

.search-item .bubbles > li > div {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: block;
    visibility: hidden;
    padding: 20px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .075);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .075);
    color: #a0999b;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.search-item .bubbles > li:hover > div {
    visibility: visible;
    opacity: 1;
}

.search-item .bubbles > li > div:after {
    position: absolute;
    top: 100%;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    content: '';
}

.search-item .bubbles > li > div:before {
    position: absolute;
    top: 100%;
    left: 14px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #e5e5e5;
    content: '';
}

.search-item .bubbles > li > div span {
    display: block;
}

.search-item .bubbles > li > div span a {
    color: inherit;
}

.search-item .bubbles > li > div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.search-item .bubbles > li > div ul > li {
    display: inline-block;
    margin-right: 15px;
}

.search-item .bubbles > li > div ul > li:last-child {
    margin: 0;
}

.search-item .bubbles > li > div ul > li > .fa {
    color: #423338;
    text-decoration: none;
    font-size: 18px;
}

.search-item .bubbles > li > div ul > li > .fa:hover {
    color: inherit;
}



/* Sermon Item */
.sermon-item {
    margin: 30px 0;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.sermon-item .content {
    position: relative;
    display: block;
    padding: 30px;
}

.sermon-item .content .image {
    float: left;
    width: 30%;
}

.sermon-item .content .info {
    float: left;
    padding-left: 30px;
    width: 70%;
}

.sermon-item .content .info h5 {
    margin: 0 0 5px 0;
}

.sermon-item .content .info h5 a {
    color: inherit;
}

.sermon-item .content .info .author {
    color: #a0999b;
}

.sermons-single-meta .author {
    display: block;
    float: left;
    margin-right: 30px;
    padding-top: 10px;
    color: #a0999b;
    line-height: 24px;
}

.sermon-item .content .info .author a,
.sermons-single-meta .author a,
.sermon-item .content .info .author .fa,
.sermons-single-meta .author .fa {
    color: #423338;
}

.sermon-item .buttons,
.sermons-single-meta .buttons {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.sermons-single-meta .buttons {
    margin-bottom: 60px;
}

.sermon-item .buttons > li,
.sermons-single-meta .buttons > li {
    float: left;
    margin: 0 10px 0 0;
}

.sermon-item .buttons > li > a,
.sermons-single-meta .buttons > li > a {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ece7df;
    color: #423338;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    line-height: 50px;
}

.sermon-item .buttons > li > a:hover,
.sermons-single-meta .buttons > li > a:hover {
    background: #c8c0bb;
}

.sermon-item .bubbles {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.sermons-single-meta .bubbles {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    float: left;
}

.sermon-item .bubbles > li,
.sermons-single-meta .bubbles > li {
    position: relative;
    display: block;
    float: left;
    margin-right: 30px;
    padding: 10px 0 0 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.sermon-item .bubbles > li:last-child,
.sermons-single-meta .bubbles > li:last-child {
    margin-right: 0;
}

.sermon-item .bubbles > li:hover,
.sermons-single-meta .bubbles > li:hover {
    color: #d2b995;
}

.sermon-item .bubbles > li > .fa,
.sermons-single-meta .bubbles > li > .fa {
    color: #00494c;
}

.sermon-item .bubbles > li > div,
.sermons-single-meta .bubbles > li > div {
    position: absolute;
    bottom: 100%;
    left: 0;
    display: block;
    visibility: hidden;
    padding: 20px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .075);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .075);
    color: #a0999b;
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.sermon-item .bubbles > li:hover > div,
.sermons-single-meta .bubbles > li:hover > div {
    visibility: visible;
    opacity: 1;
}

.sermon-item .bubbles > li > div:after,
.sermons-single-meta .bubbles > li > div:after {
    position: absolute;
    top: 100%;
    left: 15px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #ffffff;
    content: '';
}

.sermon-item .bubbles > li > div:before,
.sermons-single-meta .bubbles > li > div:before {
    position: absolute;
    top: 100%;
    left: 14px;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #e5e5e5;
    content: '';
}

.sermon-item .bubbles > li > div span,
.sermons-single-meta .bubbles > li > div span {
    display: block;
}

.sermon-item .bubbles > li > div span a,
.sermons-single-meta .bubbles > li > div span a {
    color: inherit;
}

.sermon-item .bubbles > li > div ul,
.sermons-single-meta .bubbles > li > div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sermon-item .bubbles > li > div ul > li,
.sermons-single-meta .bubbles > li > div ul > li {
    display: inline-block;
    margin-right: 15px;
}

.sermon-item .bubbles > li > div ul > li:last-child,
.sermons-single-meta .bubbles > li > div ul > li:last-child {
    margin: 0;
}

.sermon-item .bubbles > li > div ul > li > .fa,
.sermons-single-meta .bubbles > li > div ul > li > .fa {
    color: #423338;
    text-decoration: none;
    font-size: 18px;
}

.sermon-item .bubbles > li > div ul > li > .fa:hover,
.sermons-single-meta .bubbles > li > div ul > li > .fa:hover {
    color: inherit;
}


/* Pagination */
.pagination {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    list-style: none;
}

.pagination:before,
.pagination:after {
    display: table;
    content: ' ';
}

.pagination:after {
    clear: both;
}

.pagination > li {
    float: left;
    border-right: 1px solid #c8c0bb;
}

.pagination > li:last-child {
    border-right: 0;
}

.pagination > li > a {
    display: block;
    width: 30px;
    height: 28px;
    color: #c8c0bb;
    text-align: center;
    text-decoration: none;
    line-height: 28px;
}

.pagination > li.active > a {
    background: #eeecea;
    color: inherit;
}

/* Search results Map */
.search-results-map {
    position: relative;
    margin-bottom: 30px;
    padding: 4px;
    width: 100%;
    height: 300px;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search-results-map > div {
    width: 100%;
    height: 100%;
}

/* Bootstrap fix for GMaps */
#search-results-map img {
    max-width: none;
}

#search-results-map label {
    display: inline;
    width: auto;
}



/* Mosk Single Map */
.mosk-single-map {
    position: relative;
    padding: 4px;
    width: 100%;
    height: 300px;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mosk-single-map > div {
    width: 100%;
    height: 100%;
}

/* Bootstrap fix for GMaps */
#mosk-single-map img {
    max-width: none;
}

#mosk-single-map label {
    display: inline;
    width: auto;
}



/* Mosk Single Map */
.mosk-contact-map {
    position: relative;
    padding: 4px;
    width: 100%;
    height: 300px;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.mosk-contact-map > div {
    width: 100%;
    height: 100%;
}

/* Bootstrap fix for GMaps */
#mosk-contact-map img {
    max-width: none;
}

#mosk-contact-map label {
    display: inline;
    width: auto;
}


/* Back to top */
#back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
}



/* Comments Section */
.comments-section .comments {
    margin: 30px 0 60px 0;
    padding: 0;
    list-style: none;
}

.comments-section .comments ul {
    margin: 30px 0 0 30px;
    padding: 0;
    list-style: none;
}

.comments-section .comments li {
    margin-bottom: 30px;
}

.comments-section .comments .comment {
    position: relative;
    display: block;
    padding-left: 120px;
    min-height: 100px;
    color: #a0999b;
}

.comments-section .comments .comment .avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}

.comments-section .comments .comment .meta {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c8c0bb;
    line-height: 1em;
}

.comments-section .comments .comment .meta a {
    color: inherit;
}

.comments-section .comments .comment .meta .reply {
    color: #423338;
}

.comments-section .comment-form .form-control {
    margin-bottom: 20px;
    padding: 7px 15px;
    height: 40px;
}

.comments-section .comment-form textarea.form-control {
    height: auto;
}

.comments-section .comment-form .btn {
    padding: 8px 15px 6px;
}



/* Gallery Filters */
.gallery-filters {
    margin: 0;
    padding: 0 0 20px 0;
    list-style: none;
}

.gallery-filters > li {
    float: left;
    margin: 0 10px 10px 0;
}

.gallery-filters > li.active > a {
    border-bottom: 2px solid #00494c;
    background: #423338;
    color: #ffffff;
    cursor: default;
}



/* Gallery Item */
.gallery-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
}

.gallery-item img {
    width: 100%;
    height: auto;
    ;
}

.gallery-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(66, 51, 56, .8);
    color: #ffffff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.gallery-item:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.gallery-item .overlay .css-table {
    position: relative;
    width: 100%;
    height: 100%;
}

.gallery-item .overlay .css-table .css-table-cell > div {
    display: inline-block;
    padding: 30px;
    width: auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #423338;
}

.gallery-item .overlay .btn {
    margin: 0 5px;
}

.gallery-item .overlay h5 {
    margin: 20px 0 5px 0;
}

.gallery-item .overlay .categories {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery-item .overlay .categories a {
    color: #ffffff;
    text-decoration: none;
}

.gallery-item .overlay .categories a:hover {
    color: #d2b995;
}


/* Members Item */
.members-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #c8c0bb;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.members-item > div {
    position: relative;
}

.members-item > h5 {
    margin: 20px 0 5px 0;
}

.members-item > span {
    font-size: 14px;
}

.members-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(66, 51, 56, .8);
    color: #ffffff;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.members-item:hover .overlay {
    visibility: visible;
    opacity: 1;
}

.members-item .overlay .css-table {
    position: relative;
    width: 100%;
    height: 100%;
}

.members-item .overlay .css-table .css-table-cell > div {
    display: inline-block;
    padding: 30px;
    width: auto;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #423338;
}

.members-item .overlay h5 {
    margin: 0 0 10px 0;
}

.members-item .overlay .social {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.members-item .overlay .social li {
    float: left;
    margin: 0 5px;
}

.members-item .overlay .social a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

.members-item .overlay .social a:hover {
    color: #d2b995;
}

.contact-form .form-control {
    margin-bottom: 20px;
}

.contact-person-widget {
    position: relative;
    padding-left: 120px;
    min-height: 100px;
    color: #a0999b;
}

.contact-person-widget img {
    position: absolute;
    top: 0;
    left: 0;
}

.contact-person-widget a {
    color: inherit;
}

.contact-person-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.contact-person-widget li:first-child {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #c8c0bb;
}

.address-details-widget {
    position: relative;
    color: #a0999b;
}

.address-details-widget address {
    position: relative;
    padding-left: 20px;
}

.address-details-widget address:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #423338;
    content: '\f041';
    font-size: 14px;
    font-family: 'FontAwesome';
}

.address-details-widget ul {
    position: relative;
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
}

.address-details-widget ul:before {
    position: absolute;
    top: 0;
    left: 0;
    color: #423338;
    content: '\f017';
    font-size: 14px;
    font-family: 'FontAwesome';
}



/* Isotope */
.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}



/* Margins */
/* ------------------------------------------------------ */
.m60 {
    margin: 60px;
}

.m55 {
    margin: 55px;
}

.m50 {
    margin: 50px;
}

.m45 {
    margin: 45px;
}

.m40 {
    margin: 40px;
}

.m35 {
    margin: 35px;
}

.m30 {
    margin: 30px;
}

.m25 {
    margin: 25px;
}

.m20 {
    margin: 20px;
}

.m15 {
    margin: 15px;
}

.m10 {
    margin: 10px;
}

.m5 {
    margin: 5px;
}

.m0 {
    margin: 0;
}

.mt60 {
    margin-top: 60px;
}

.mt55 {
    margin-top: 55px;
}

.mt50 {
    margin-top: 50px;
}

.mt45 {
    margin-top: 45px;
}

.mt40 {
    margin-top: 40px;
}

.mt35 {
    margin-top: 35px;
}

.mt30 {
    margin-top: 30px;
}

.mt25 {
    margin-top: 25px;
}

.mt20 {
    margin-top: 20px;
}

.mt15 {
    margin-top: 15px;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt0 {
    margin-top: 0;
}

.mb60 {
    margin-bottom: 60px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb0 {
    margin-bottom: 0;
}

h2:hover {
    text-decoration: none !important;
}

.title-lines-form {
    text-align: left;
}

.formclass {
    width: 40%;
    float: left;
}

.header-login .title {
    margin-bottom: 30px;
    font-size: 25px;
}

.line-spr {
    border-left: 1px solid #cfcfcf;
    float: left;
    height: 300px;
    margin-left: 10%;
    width: 10%;
}

.actiondelete {

    float: left;
    margin-top: 5px;
    width: 16px !important;
}

.confirmicon {

    float: left;
    margin-top: 5px;
    width: 16px !important;
}

.grayicon {
    float: left;
    margin-top: -15px;
    width: 16px !important;
}