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

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



.newspaper {
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
  -webkit-column-gap: 70%; /* Chrome, Safari, Opera */
  -moz-column-gap: 70%; /* Firefox */
  column-gap: 70%;
}

body.loaded {
	background: url(../img/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: #b4d8ea;
	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 {
    font-size: 15px;
	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;
}

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 */
/* ------------------------------------------------------ */
div {
    cursor:default;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	padding: 3px 15px;
	border: 0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: none;
	color: #4a84aa;
	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 #071e30;
	background: #2b617b;
	color: #ffffff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	outline: 0;
	border-color: #1d3e61;
	background-color: #4a84aa;
	color: #071e30;
}

/* Default */
.btn-dark {
	padding-bottom: 1px;
	border-bottom: 2px solid #071e30;
	background: #2b617b;
	color: #ffffff;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
	outline: 0;
	border-color: #071e30;
	background: #4a84aa;
	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: #291f23;
}

/* 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(66,51,56,.9);
	color: #eeeeee;
}

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

.ui-widget-header {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #291f23;
	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: #291f23;
	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 #2b617b;
	vertical-align: top;
	line-height: 24px;
}

table > thead > tr > th {
	border-bottom: 0;
	background: #4a84aa;
	vertical-align: bottom;
}

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: 6px;
}

.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(74,132,170,.15);
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: rgba(74,132,170,.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: #071E30;
	color: #ffffff;
}

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

#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-right: 15px;
}

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

#header .header-top-bar .header-language > a {
    position: relative;
	display: block;
	color: #ffffff;
	font-size: 16px; 
	line-height: 30px;
    font-weight: bold
}

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

#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 #2B617B;
	background: #071E30;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
}

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

#header .header-top-bar .header-language > ul > li > a {
	background: #071E30;
	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: #2B617B;
	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: #291f23;
}

#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: #291f23;
	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: #291f23;
	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!important;
	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: 25px;
	line-height: 30px;
}

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

/* 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 #2B617B;
	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: #291f23;
}

#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(17,53,75,.9);
}

#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;
	text-transform: uppercase;
	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: #b4d8ea;
}

#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 #2b617b;
	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#2B617b;
	background: #264558;
	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: #2b617b;
}

#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: #b4d8ea;
}



/* 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: 30px;
	line-height: 1.25em;
}

.master-slider .ms-layer h1 > span {
	display: block;
	font-size: 57px;
	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(../img/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: #4a84aa;
	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: #4a84aa;
	line-height: 30px;
}

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

#mobile-menu-toggle span:before,
#mobile-menu-toggle span:after {
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #291f23;
	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;
}



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

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

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

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

#footer > .container p {
    color: rgb(255, 255, 255);
}

#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 {
	margin-right: 10px;
	content: '\f105';
	font-family: 'FontAwesome';
}

/* 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: #071e30;
	color: #ffffff;
	font-size: 14px;
}

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

#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: #7f797b;
}

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


/* 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: #071E30;
	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: #2b617b;
	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%;
}
.boxed {
  border: 1px solid green ;
}
.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(../img/content/our_lady2.jpg) 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;
	border-radius: 10px;
	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;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.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;
}

.disc {
    margin: 0px 20px 0px 20px;
}

.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 #291f23;
	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: 226px;
	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: 160px;
	max-height: 226px;
	width: auto;
	height: auto;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* Twitter Feed Section */
.twitter-feed-section {
	position: relative;
	background-image: url(../img/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: #291f23;
	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: #d2b995;
	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: right;
}

.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: #291f23;
	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: #291f23;
}

.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: #291f23;
}

.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 #291f23;
	background: #423338;
	color: #ffffff;
	cursor: default;
}



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

.gallery-item img {
	overflow-x: scroll;
	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; }








#style-switcher {
    position: fixed;
    top: 100px;
    left: -170px;
    z-index: 999999;
    width: 170px;
    -webkit-transition: left 300ms ease-in-out;
    -moz-transition: left 300ms ease-in-out;
    -ms-transition: left 300ms ease-in-out;
    -o-transition: left 300ms ease-in-out;
    transition: left 300ms ease-in-out;
}
#style-switcher.active {
    left: 0;
}
.style-switcher-toggle {
    position: absolute;
    top: 50%;
    right: -50px;
    display: block;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0 3px 3px 0;
    background-color: #0c0c0c;
    color: #FFF;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.style-switcher-toggle>.ico {
    font-size: 24px;
}
.style-switcher-toggle:focus {
    outline: 0;
}
.style-switcher-content {
    padding: 20px;
    border-radius: 0 3px 3px 0;
    background-color: #FFF;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #7f808a;
    text-align: center;
}

#style-switcher .skin-list {
	margin: 0;
	padding: 0;
}
#style-switcher .skin-list>li {
    display: block;
    float: left;
    margin-right: 5px;
}
#style-switcher .skin-list>li:last-child {
    margin-right: 0;
}
#style-switcher .skin-list>li>button {
    display: block;
    width: 40px;
    height: 40px;
    border: 0 solid transparent;
    border-radius: 3px;
    cursor: pointer;
}
#style-switcher .skin-list>li>button:focus {
    outline: 0;
}
#style-switcher .skin-list>li>button.active {
    cursor: default;
}
#style-switcher .skin-list>li>button>span {
    display: none;
}
#style-switcher .skin-list>li>button.skin-default {
    background-color: #d2b995;
}
#style-switcher .skin-list>li>button.skin-red {
    background-color: #ce0001;
}
#style-switcher .skin-list>li>button.skin-green {
    background-color: #7e9e1d;
}
.slider {
	height:250px;
	margin: auto;
	position: relative;
	width:70%;
	display: grid;
	place-items: center;
	overflow: hidden;
}

.slide {
	height:200px;
	width:120px;
	display: flex;
	align-items: center;
	padding: 5px;
	perspective: 100px;
}

.slide-track {
	display: flex;
	width: calc(250px * 11);
	animation: scroll 12s linear infinite;
}

.slide-track:hover {
	animation-play-state: paused;
}

@keyframes scroll {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(calc(-50px * 6));
	}
}


img {
	width: 100%;
	transition: transform 1%;
}

img:hover {
	transform: translateZ(10px);
}