/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
/* line 9, app/assets/stylesheets/style.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
}

/* line 89, app/assets/stylesheets/style.scss */
html {
  scroll-behavior: smooth;
}

/* line 93, app/assets/stylesheets/style.scss */
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 5px;
}

/* HTML5 display-role reset for older browsers */
/* line 108, app/assets/stylesheets/style.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* line 122, app/assets/stylesheets/style.scss */
body {
  line-height: 1;
}

/* line 126, app/assets/stylesheets/style.scss */
ol,
ul {
  list-style: none;
}

/* line 131, app/assets/stylesheets/style.scss */
blockquote,
q {
  quotes: none;
}

/* line 136, app/assets/stylesheets/style.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 144, app/assets/stylesheets/style.scss */
table {
  border-spacing: 0;
  border-collapse: collapse;
}

/* line 149, app/assets/stylesheets/style.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

/* line 156, app/assets/stylesheets/style.scss */
iframe {
  border: 0;
}

/* ==================================================
   1. Basic Styles
================================================== */
/* line 164, app/assets/stylesheets/style.scss */
html,
body {
  height: 100%;
}

/* line 169, app/assets/stylesheets/style.scss */
html,
hmtl a {
  width: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 177, app/assets/stylesheets/style.scss */
a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.1s;
}

/* line 188, app/assets/stylesheets/style.scss */
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: 0;
}

/* line 195, app/assets/stylesheets/style.scss */
.basic-link:hover {
  opacity: 0.8;
}

/* line 199, app/assets/stylesheets/style.scss */
a img {
  border: none;
}

/* line 203, app/assets/stylesheets/style.scss */
a > img {
  vertical-align: middle;
}

/* line 207, app/assets/stylesheets/style.scss */
.content-section a {
  text-decoration: underline;
}

/* line 211, app/assets/stylesheets/style.scss */
.masjid-detail-container .content-section img {
  border-radius: 10px;
}

/* line 215, app/assets/stylesheets/style.scss */
.gray-bg {
  background: #cdcbcb;
}

/* line 219, app/assets/stylesheets/style.scss */
.gray-text {
  color: #cdcbcb;
}

/* line 223, app/assets/stylesheets/style.scss */
.lgray-bg {
  background: #f7f7f7;
}

/* line 227, app/assets/stylesheets/style.scss */
.dgray-bg {
  background: #454545;
}

/* line 231, app/assets/stylesheets/style.scss */
img {
  max-width: 100%;
}

/* line 235, app/assets/stylesheets/style.scss */
img,
object,
embed,
audio,
video {
  max-width: 100%;
}

/* line 243, app/assets/stylesheets/style.scss */
img {
  height: auto;
}

/* line 247, app/assets/stylesheets/style.scss */
strong,
.strong {
  font-weight: 600;
}

/* line 252, app/assets/stylesheets/style.scss */
p {
  font-size: 1em;
  margin: 0 0 20px;
  line-height: 24px;
}

/* line 258, app/assets/stylesheets/style.scss */
i,
em,
.italic {
  font-style: italic;
}

/* line 264, app/assets/stylesheets/style.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 268, app/assets/stylesheets/style.scss */
.align-left {
  float: left;
  margin: 5px 25px 20px 0px !important;
}

/* line 273, app/assets/stylesheets/style.scss */
.align-right {
  float: right;
  margin: 5px 0 20px 25px !important;
}

/* line 278, app/assets/stylesheets/style.scss */
.text-align-left {
  text-align: left;
}

/* line 282, app/assets/stylesheets/style.scss */
.text-align-center {
  text-align: center;
}

/* line 286, app/assets/stylesheets/style.scss */
.text-align-right {
  text-align: right;
}

/* line 290, app/assets/stylesheets/style.scss */
.color-text {
  color: #ffffff;
}

/* line 294, app/assets/stylesheets/style.scss */
.through {
  text-decoration: line-through;
}

/* line 298, app/assets/stylesheets/style.scss */
.border-radius {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}

/* line 304, app/assets/stylesheets/style.scss */
::-webkit-input-placeholder {
  color: #999;
}

/* line 308, app/assets/stylesheets/style.scss */
:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}

/* line 313, app/assets/stylesheets/style.scss */
::-moz-placeholder {
  /* Firefox 19+ */
  color: #999;
}

/* line 318, app/assets/stylesheets/style.scss */
:-ms-input-placeholder {
  color: #999;
}

/* line 322, app/assets/stylesheets/style.scss */
iframe {
  border: 0;
}

/* ==================================================
   2. Typography
================================================== */
/* line 330, app/assets/stylesheets/style.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0f2137;
  font-weight: 600;
  line-height: 1.3em;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* line 344, app/assets/stylesheets/style.scss */
h1 {
  font-size: 3em;
  line-height: 1.2em;
}

/* line 350, app/assets/stylesheets/style.scss */
h2 {
  font-size: 1.8em;
  padding-bottom: 10px;
}

/* line 356, app/assets/stylesheets/style.scss */
h2 small {
  display: block;
  font-size: 45%;
}

/* line 362, app/assets/stylesheets/style.scss */
.content-section h2.text-danger {
  font-size: 26px;
  padding-top: 10px;
}

/* line 367, app/assets/stylesheets/style.scss */
h3 {
  font-size: 1.5em;
  font-weight: 600;
}

/* line 372, app/assets/stylesheets/style.scss */
h4 {
  font-size: 1.3em;
}

/* line 376, app/assets/stylesheets/style.scss */
h5 {
  font-size: 1.2em;
}

/* line 380, app/assets/stylesheets/style.scss */
h6 {
  font-size: 1.1em;
}

/* line 384, app/assets/stylesheets/style.scss */
h1.short,
h2.short,
h3.short,
h4.short,
h5.short,
h6.short,
p.short {
  margin-bottom: 5px;
}

/* line 394, app/assets/stylesheets/style.scss */
h1.long,
h2.long,
h3.long,
h4.long,
h5.long,
h6.long,
p.long {
  margin-bottom: 35px;
}

/* line 404, app/assets/stylesheets/style.scss */
h1.spaced,
h2.spaced,
h3.spaced,
h4.spaced,
h5.spaced,
h6.spaced {
  margin-top: 22px;
}

/* line 413, app/assets/stylesheets/style.scss */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

/* line 423, app/assets/stylesheets/style.scss */
h1 .label,
h2 .label,
h3 .label,
h4 .label,
h5 .label,
h6 .label {
  font-size: 11px;
  position: relative;
  top: -6px;
}

/* line 434, app/assets/stylesheets/style.scss */
.huge {
  font-size: 10em;
}

/* line 438, app/assets/stylesheets/style.scss */
blockquote {
  margin: 30px;
}

/* line 442, app/assets/stylesheets/style.scss */
blockquote p {
  margin-bottom: 0;
  white-space: 1px;
  line-height: 1.8em;
  font-size: 1.2em;
}

/* line 449, app/assets/stylesheets/style.scss */
blockquote cite {
  font-weight: 700;
}

/* line 453, app/assets/stylesheets/style.scss */
blockquote cite:before {
  content: '- ';
}

/* line 457, app/assets/stylesheets/style.scss */
p.lead {
  font-size: 20px;
  line-height: 28px;
}

/* line 462, app/assets/stylesheets/style.scss */
p.md {
  font-size: 16px;
}

/* line 466, app/assets/stylesheets/style.scss */
p.lg {
  font-size: 30px;
}

/* line 470, app/assets/stylesheets/style.scss */
.lighter p {
  color: #ccc;
}

/* line 474, app/assets/stylesheets/style.scss */
p.small {
  font-size: 10px;
  line-height: 13px;
}

/* line 479, app/assets/stylesheets/style.scss */
.big {
  font-size: 200%;
  line-height: 1.5em;
}

/* line 484, app/assets/stylesheets/style.scss */
.thin {
  font-weight: 300;
}

/* line 488, app/assets/stylesheets/style.scss */
p.drop-caps:first-child:first-letter {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
  padding: 4px;
  font-size: 75px;
  line-height: 60px;
}

/* line 497, app/assets/stylesheets/style.scss */
p.drop-caps.secondary:first-child:first-letter {
  margin-right: 10px;
  padding: 6px 12px;
  border-radius: 4px;
  color: white;
}

/* line 504, app/assets/stylesheets/style.scss */
hr {
  display: block;
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  height: 1px;
  border: 0;
  background: #e8e8e8;
}

/* line 515, app/assets/stylesheets/style.scss */
hr.sm {
  display: inline-block;
  margin: 0 0 15px 0;
  width: 40px;
  height: 3px;
  border: 0;
  position: relative;
}

/* line 524, app/assets/stylesheets/style.scss */
hr.sm:before {
  position: absolute;
  width: 3px;
  height: 3px;
  content: ' ';
  right: -6px;
  background: #f23827;
}

/* line 533, app/assets/stylesheets/style.scss */
.text-align-center hr.sm:after {
  position: absolute;
  width: 3px;
  height: 3px;
  content: ' ';
  left: -6px;
}

/* line 541, app/assets/stylesheets/style.scss */
hr.md {
  display: inline-block;
  margin: 15px 0;
  width: 100px;
  height: 2px;
  border: 0;
}

/* line 549, app/assets/stylesheets/style.scss */
hr.fw {
  display: block;
  clear: both;
  margin-top: 50px;
  margin-bottom: 43px;
  width: 100%;
  height: 1px;
  border: 0;
  background: #eee;
}

/* line 560, app/assets/stylesheets/style.scss */
hr.fw.cont {
  margin: 20px 0;
}

/* line 564, app/assets/stylesheets/style.scss */
ul.checks,
ul.angles,
ul.carets,
ul.chevrons,
ul.icons {
  margin: 0;
  list-style-type: none;
  margin-bottom: 20px;
}

/* line 574, app/assets/stylesheets/style.scss */
ul.checks > li,
ul.angles > li,
ul.carets > li,
ul.chevrons > li,
ul.icons > li {
  margin: 5px 0;
}

/* line 582, app/assets/stylesheets/style.scss */
ul.checks > li > i,
ul.angles > li > i,
ul.carets > li > i,
ul.chevrons > li > i,
ul.icons > li > i {
  margin-right: 2px;
}

/* line 590, app/assets/stylesheets/style.scss */
ul.inline {
  margin: 10px 0;
}

/* line 594, app/assets/stylesheets/style.scss */
ul.inline > li {
  display: inline-block;
  margin-right: 10px;
}

/* line 599, app/assets/stylesheets/style.scss */
ul.inline > li i.fa {
  margin-right: 2px;
}

/* line 603, app/assets/stylesheets/style.scss */
ul.nav-list-primary > li a {
  display: block;
  padding: 8px;
  border-bottom: 1px solid #eee;
  color: #666666;
  text-decoration: none;
}

/* line 611, app/assets/stylesheets/style.scss */
ul.nav-list-primary > li a:hover {
  text-decoration: none;
}

/* line 615, app/assets/stylesheets/style.scss */
ul {
  /*margin:10px 0 10px 20px;*/
  margin-left: 20px;
  list-style-type: disc;
}

/* line 621, app/assets/stylesheets/style.scss */
ul.nav {
  margin: 0;
}

/* line 625, app/assets/stylesheets/style.scss */
ul.list-group {
  margin: 0;
}

/* line 629, app/assets/stylesheets/style.scss */
ul.list-group > li.list-group-item {
  padding: 20px;
}

/* line 633, app/assets/stylesheets/style.scss */
ol {
  margin: 10px 0 10px 30px;
  list-style-type: decimal;
}

/* line 638, app/assets/stylesheets/style.scss */
ul ul,
ol ul {
  margin: 10px 0 10px 20px;
}

/* line 643, app/assets/stylesheets/style.scss */
ul ul {
  list-style-type: circle;
}

/* line 647, app/assets/stylesheets/style.scss */
dl {
  margin: 10px 0;
}

/* line 651, app/assets/stylesheets/style.scss */
dl dt {
  font-weight: 700;
}

/* line 655, app/assets/stylesheets/style.scss */
address.ico i {
  display: inline-block;
  float: left;
  clear: both;
  padding-top: 3px;
}

/* line 662, app/assets/stylesheets/style.scss */
address.ico p {
  margin: 0;
  padding-bottom: 10px;
}

/* line 667, app/assets/stylesheets/style.scss */
address.ico span {
  display: inline-block;
  padding-left: 20px;
}

/* line 672, app/assets/stylesheets/style.scss */
.cursive {
  font-style: italic;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
}

/* line 679, app/assets/stylesheets/style.scss */
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
}

/* ==================================================
   3. Margin Bottom Sets
================================================== */
/* line 690, app/assets/stylesheets/style.scss */
.margin-0 {
  margin-bottom: 0 !important;
}

/* line 694, app/assets/stylesheets/style.scss */
.margin-5 {
  margin-bottom: 5px !important;
}

/* line 698, app/assets/stylesheets/style.scss */
.margin-10 {
  margin-bottom: 10px !important;
}

/* line 702, app/assets/stylesheets/style.scss */
.margin-15 {
  margin-bottom: 15px !important;
}

/* line 706, app/assets/stylesheets/style.scss */
.margin-20 {
  margin-bottom: 20px !important;
}

/* line 710, app/assets/stylesheets/style.scss */
.margin-30 {
  margin-bottom: 30px !important;
}

/* line 714, app/assets/stylesheets/style.scss */
.margin-40 {
  margin-bottom: 40px !important;
}

/* line 718, app/assets/stylesheets/style.scss */
.margin-50 {
  margin-bottom: 50px !important;
}

/* line 722, app/assets/stylesheets/style.scss */
.margin-60 {
  margin-bottom: 60px !important;
}

/* line 726, app/assets/stylesheets/style.scss */
.margin-70 {
  margin-bottom: 70px !important;
}

/* line 730, app/assets/stylesheets/style.scss */
.margin-80 {
  margin-bottom: 80px !important;
}

/* line 734, app/assets/stylesheets/style.scss */
.push-top {
  margin-top: 35px;
}

/* ==================================================
   4. Padding Sets
================================================== */
/* line 741, app/assets/stylesheets/style.scss */
.padding-b0 {
  padding-bottom: 0 !important;
}

/* line 745, app/assets/stylesheets/style.scss */
.padding-tb0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* line 750, app/assets/stylesheets/style.scss */
.padding-tb20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* line 755, app/assets/stylesheets/style.scss */
.padding-tb45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

/* line 760, app/assets/stylesheets/style.scss */
.padding-tb75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

/* line 765, app/assets/stylesheets/style.scss */
.padding-tb100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

/* line 770, app/assets/stylesheets/style.scss */
.padding-tb125 {
  padding-top: 125px;
  padding-bottom: 125px;
}

/* ==================================================
   5. Spacers Sets
================================================== */
/* line 778, app/assets/stylesheets/style.scss */
.spacer-10 {
  height: 10px;
  clear: both;
  width: 100%;
}

/* line 784, app/assets/stylesheets/style.scss */
.spacer-20 {
  height: 20px;
  clear: both;
  width: 100%;
}

/* line 790, app/assets/stylesheets/style.scss */
.spacer-30 {
  height: 30px;
  clear: both;
  width: 100%;
}

/* line 796, app/assets/stylesheets/style.scss */
.spacer-40 {
  height: 40px;
  clear: both;
  width: 100%;
}

/* line 802, app/assets/stylesheets/style.scss */
.spacer-50 {
  height: 50px;
  clear: both;
  width: 100%;
}

/* line 808, app/assets/stylesheets/style.scss */
.spacer-60 {
  height: 60px;
  clear: both;
  width: 100%;
}

/* line 814, app/assets/stylesheets/style.scss */
.spacer-75 {
  height: 75px;
  clear: both;
  width: 100%;
}

/* line 820, app/assets/stylesheets/style.scss */
.spacer-100 {
  height: 100px;
  clear: both;
  width: 100%;
}

/* ==================================================
   5. Multi purpose Elements
================================================== */
/* line 829, app/assets/stylesheets/style.scss */
.overlay-transparent {
  background: rgba(0, 0, 0, 0.7);
}

/* line 833, app/assets/stylesheets/style.scss */
.overlay-white {
  background: rgba(255, 255, 255, 0.99);
}

/* line 837, app/assets/stylesheets/style.scss */
.checkers-overlay {
  background: url(/images/checkers.png) repeat;
}

/* line 841, app/assets/stylesheets/style.scss */
.pattern-overlay {
  background: url(/assets/pattern-12f3e56cff7e538074aac7be922760b4435ebb9793b571c7d82102f48579984c.png) repeat;
}

/* line 845, app/assets/stylesheets/style.scss */
.overlay-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.9;
  z-index: 0;
}

/* line 855, app/assets/stylesheets/style.scss */
.next-prev-nav {
  display: inline-block;
}

/* line 859, app/assets/stylesheets/style.scss */
.next-prev-nav a {
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 20px;
  text-decoration: none;
}

/* line 869, app/assets/stylesheets/style.scss */
.next-prev-nav a:hover {
  color: #fff;
}

/* line 873, app/assets/stylesheets/style.scss */
.meta-data-thick {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  color: #333;
}

/* line 880, app/assets/stylesheets/style.scss */
.meta-data {
  color: #886d82;
  font-size: 15px;
  line-height: 20px;
  display: block;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 889, app/assets/stylesheets/style.scss */
.meta-data a {
  color: #999;
}

/* line 893, app/assets/stylesheets/style.scss */
.meta-data a:hover {
  text-decoration: none;
}

/* line 897, app/assets/stylesheets/style.scss */
.meta-data > span {
  display: inline-block;
}

/* line 901, app/assets/stylesheets/style.scss */
.meta-data i {
  margin-right: 4px;
}

/* line 905, app/assets/stylesheets/style.scss */
.meta-data > span:last-child {
  margin-right: 0;
}

/* line 909, app/assets/stylesheets/style.scss */
p.meta-data {
  font-size: 17px;
  line-height: 1.7em;
}

/* line 914, app/assets/stylesheets/style.scss */
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

/* line 923, app/assets/stylesheets/style.scss */
.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;
}

/* line 931, app/assets/stylesheets/style.scss */
.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;
}

/* line 939, app/assets/stylesheets/style.scss */
.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;
}

/* line 949, app/assets/stylesheets/style.scss */
.media-box {
  position: relative;
  z-index: 1;
  display: inline-block;
  max-width: 100%;
}

/* line 956, app/assets/stylesheets/style.scss */
.format-gallery .media-box {
  display: block;
}

/* line 960, app/assets/stylesheets/style.scss */
.media-box .zoom,
.media-box .expand {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.5em;
  z-index: 99;
  left: 0;
  top: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.1s;
}

/* line 980, app/assets/stylesheets/style.scss */
.media-box .zoom .icon,
.media-box .expand .icon {
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #fff !important;
  position: absolute;
  font-size: 1.4em;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
}

/* line 994, app/assets/stylesheets/style.scss */
.img-thumbnail img:hover,
.img-thumbnail:hover {
  opacity: 0.9;
}

/* line 999, app/assets/stylesheets/style.scss */
.media-box:hover .zoom,
.media-box:hover .expand {
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.2s;
  -moz-transition: opacity 0.3s 0.2s;
  -ms-transition: opacity 0.3s 0.2s;
  -o-transition: opacity 0.3s 0.2s;
  transition: opacity 0.3s 0.2s;
}

/* line 1009, app/assets/stylesheets/style.scss */
.media-box .media-box-wrapper {
  padding: 30px;
}

/* line 1013, app/assets/stylesheets/style.scss */
.social-icons,
.social-icons-colored {
  margin: 0;
  list-style-type: none;
}

/* line 1019, app/assets/stylesheets/style.scss */
.social-icons li,
.social-icons-colored li {
  display: inline-block;
  margin-right: 5px;
}

/* line 1025, app/assets/stylesheets/style.scss */
.social-icons li:last-child {
  margin-right: 0;
}

/* line 1029, app/assets/stylesheets/style.scss */
.social-icons li a {
  text-align: center;
  display: block;
}

/* line 1035, app/assets/stylesheets/style.scss */
.social-icons-colored li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  display: block;
  color: #fff;
}

/* line 1045, app/assets/stylesheets/style.scss */
.social-icons li.welcome-info {
  font-size: 13px;
  /*margin-top: 8px !important;*/
  margin-left: 10px !important;
  margin-right: 10px !important;
}

/* line 1052, app/assets/stylesheets/style.scss */
.social-icons li.welcome-info a:hover {
  background-color: #333;
  text-decoration: underline;
}

/* line 1057, app/assets/stylesheets/style.scss */
.social-icons-colored li.welcome-info a:hover {
  background-color: #333;
}

/* line 1061, app/assets/stylesheets/style.scss */
.social-icons li.facebook a:hover {
  color: #3b5998;
}

/* line 1065, app/assets/stylesheets/style.scss */
.social-icons li.twitter a:hover {
  color: #00aced;
}

/* line 1069, app/assets/stylesheets/style.scss */
.social-icons li.behance a:hover {
  color: #1769ff;
}

/* line 1073, app/assets/stylesheets/style.scss */
.social-icons li.delicious a:hover {
  color: #3274d1;
}

/* line 1077, app/assets/stylesheets/style.scss */
.social-icons li.deviantart a:hover {
  color: #4b5d50;
}

/* line 1081, app/assets/stylesheets/style.scss */
.social-icons li.digg a:hover {
  color: #14589e;
}

/* line 1085, app/assets/stylesheets/style.scss */
.social-icons li.dribbble a:hover {
  color: #ea4c89;
}

/* line 1089, app/assets/stylesheets/style.scss */
.social-icons li.foursquare a:hover {
  color: #2398c9;
}

/* line 1093, app/assets/stylesheets/style.scss */
.social-icons li.github a:hover {
  color: #4183c4;
}

/* line 1097, app/assets/stylesheets/style.scss */
.social-icons li.google a:hover {
  color: #245dc1;
}

/* line 1101, app/assets/stylesheets/style.scss */
.social-icons li.googleplus a:hover {
  color: #d14836;
}

/* line 1105, app/assets/stylesheets/style.scss */
.social-icons li.instagram a:hover {
  color: #3f729b;
}

/* line 1109, app/assets/stylesheets/style.scss */
.social-icons li.jsfiddle a:hover {
  color: #4679a4;
}

/* line 1113, app/assets/stylesheets/style.scss */
.social-icons li.linkedin a:hover {
  color: #007fb1;
}

/* line 1117, app/assets/stylesheets/style.scss */
.social-icons li.pinterest a:hover {
  color: #cb2027;
}

/* line 1121, app/assets/stylesheets/style.scss */
.social-icons li.reddit a:hover {
  color: #ff4500;
}

/* line 1125, app/assets/stylesheets/style.scss */
.social-icons li.skype a:hover {
  color: #00aff0;
}

/* line 1129, app/assets/stylesheets/style.scss */
.social-icons li.tumblr a:hover {
  color: #2c4762;
}

/* line 1133, app/assets/stylesheets/style.scss */
.social-icons li.vimeo a:hover {
  color: #44bbff;
}

/* line 1137, app/assets/stylesheets/style.scss */
.social-icons li.youtube a:hover {
  color: #cd332d;
}

/* line 1141, app/assets/stylesheets/style.scss */
.social-icons li.flickr a:hover {
  color: #0063db;
}

/* line 1145, app/assets/stylesheets/style.scss */
.social-icons-colored li.facebook a:hover {
  background-color: #3b5998;
}

/* line 1149, app/assets/stylesheets/style.scss */
.social-icons-colored li.twitter a:hover {
  background-color: #00aced;
}

/* line 1153, app/assets/stylesheets/style.scss */
.social-icons-colored li.behance a:hover {
  background-color: #1769ff;
}

/* line 1157, app/assets/stylesheets/style.scss */
.social-icons-colored li.delicious a:hover {
  background-color: #3274d1;
}

/* line 1161, app/assets/stylesheets/style.scss */
.social-icons-colored li.deviantart a:hover {
  background-color: #4b5d50;
}

/* line 1165, app/assets/stylesheets/style.scss */
.social-icons-colored li.digg a:hover {
  background-color: #14589e;
}

/* line 1169, app/assets/stylesheets/style.scss */
.social-icons-colored li.dribbble a:hover {
  background-color: #ea4c89;
}

/* line 1173, app/assets/stylesheets/style.scss */
.social-icons-colored li.foursquare a:hover {
  background-color: #2398c9;
}

/* line 1177, app/assets/stylesheets/style.scss */
.social-icons-colored li.github a:hover {
  background-color: #4183c4;
}

/* line 1181, app/assets/stylesheets/style.scss */
.social-icons-colored li.google a:hover {
  background-color: #245dc1;
}

/* line 1185, app/assets/stylesheets/style.scss */
.social-icons-colored li.googleplus a:hover {
  background-color: #d14836;
}

/* line 1189, app/assets/stylesheets/style.scss */
.social-icons-colored li.instagram a:hover {
  background-color: #3f729b;
}

/* line 1193, app/assets/stylesheets/style.scss */
.social-icons-colored li.jsfiddle a:hover {
  background-color: #4679a4;
}

/* line 1197, app/assets/stylesheets/style.scss */
.social-icons-colored li.linkedin a:hover {
  background-color: #007fb1;
}

/* line 1201, app/assets/stylesheets/style.scss */
.social-icons-colored li.pinterest a:hover {
  background-color: #cb2027;
}

/* line 1205, app/assets/stylesheets/style.scss */
.social-icons-colored li.reddit a:hover {
  background-color: #ff4500;
}

/* line 1209, app/assets/stylesheets/style.scss */
.social-icons-colored li.skype a:hover {
  background-color: #00aff0;
}

/* line 1213, app/assets/stylesheets/style.scss */
.social-icons-colored li.tumblr a:hover {
  background-color: #2c4762;
}

/* line 1217, app/assets/stylesheets/style.scss */
.social-icons-colored li.vimeo a:hover {
  background-color: #44bbff;
}

/* line 1221, app/assets/stylesheets/style.scss */
.social-icons-colored li.youtube a:hover {
  background-color: #cd332d;
}

/* line 1225, app/assets/stylesheets/style.scss */
.social-icons-colored li.flickr a:hover {
  background-color: #0063db;
}

/* line 1229, app/assets/stylesheets/style.scss */
.social-icons-rounded a {
  border-radius: 100%;
}

/* line 1233, app/assets/stylesheets/style.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* line 1238, app/assets/stylesheets/style.scss */
.slides:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 1247, app/assets/stylesheets/style.scss */
html[xmlns] .slides {
  display: block;
}

/* line 1251, app/assets/stylesheets/style.scss */
* html .slides {
  height: 1%;
}

/* line 1255, app/assets/stylesheets/style.scss */
.flexslider .slides {
  zoom: 1;
  margin: 0;
  list-style-type: none;
}

/* line 1261, app/assets/stylesheets/style.scss */
.hero-slider {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  background-image: url(/assets/loader-88295ba8ceae926052e37403b4613b76ce6e5626393937f55ddc63ed015ca46d.gif) no-repeat center center;
}

/* line 1269, app/assets/stylesheets/style.scss */
.hero-slider .flex-viewport {
  width: 100%;
}

/* line 1273, app/assets/stylesheets/style.scss */
.hero-slider.flexslider > ul.slides {
  height: 100%;
}

/* line 1277, app/assets/stylesheets/style.scss */
.hero-slider.flexslider ul.slides li {
  width: 100%;
  overflow: hidden;
  position: relative;
  background-attachment: scroll !important;
}

/* line 1284, app/assets/stylesheets/style.scss */
.flexslider ul.slides li > a {
  display: block;
}

/* line 1288, app/assets/stylesheets/style.scss */
.flexslider .flex-control-nav {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 111;
  left: 0;
  bottom: 10px;
  padding: 0;
  margin: 0;
}

/* line 1299, app/assets/stylesheets/style.scss */
.hero-slider.flexslider .flex-control-nav {
  bottom: -40px;
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.1s;
}

/* line 1308, app/assets/stylesheets/style.scss */
.hero-slider.flexslider:hover .flex-control-nav {
  bottom: 10px;
  -webkit-transition: bottom 0.3s 0.2s;
  -moz-transition: bottom 0.3s 0.2s;
  -ms-transition: bottom 0.3s 0.2s;
  -o-transition: bottom 0.3s 0.2s;
  transition: bottom 0.3s 0.2s;
}

/* line 1317, app/assets/stylesheets/style.scss */
.flexslider .flex-control-nav li {
  display: inline;
}

/* line 1321, app/assets/stylesheets/style.scss */
.flexslider .flex-control-nav a {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ffffff;
  display: inline-block;
  margin: 0 6px;
  text-indent: -9999px;
  text-decoration: none;
}

/* line 1332, app/assets/stylesheets/style.scss */
.flexslider .flex-prev,
.flexslider .flex-next {
  background: rgba(34, 34, 34, 0.7);
  color: #f9f9f9;
  margin-bottom: 10px;
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 14px;
  line-height: 25px;
  width: 25px;
  height: 25px;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  display: none;
  text-align: center;
  margin-top: -13px;
}

/* line 1355, app/assets/stylesheets/style.scss */
.flexslider .flex-prev:hover,
.flexslider .flex-next:hover {
  background: #222222;
}

/* line 1360, app/assets/stylesheets/style.scss */
.flexslider .flex-prev {
  left: 10px;
  right: auto;
}

/* line 1365, app/assets/stylesheets/style.scss */
.flexslider .flex-prev:before {
  content: '\f104';
}

/* line 1369, app/assets/stylesheets/style.scss */
.flexslider .flex-next:before {
  content: '\f105';
}

/* line 1373, app/assets/stylesheets/style.scss */
.hero-slider.flexslider .flex-prev,
.hero-slider.flexslider .flex-next {
  width: 70px;
  height: 70px;
  right: -70px;
  margin-top: -35px;
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.1s;
  font-size: 30px;
  line-height: 70px;
  display: block;
  text-align: center;
}

/* line 1390, app/assets/stylesheets/style.scss */
.header-style2 .hero-slider.flexslider .flex-prev,
.header-style2 .hero-slider.flexslider .flex-next,
.header-style3 .hero-slider.flexslider .flex-prev,
.header-style3 .hero-slider.flexslider .flex-next {
  margin-top: -45px;
}

/* line 1397, app/assets/stylesheets/style.scss */
.flexslider:hover .flex-prev,
.flexslider:hover .flex-next {
  display: block;
}

/* line 1402, app/assets/stylesheets/style.scss */
.hero-slider.flexslider ul.slides li > a {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 1408, app/assets/stylesheets/style.scss */
.hero-slider.flexslider .flex-prev {
  left: -70px;
}

/* line 1412, app/assets/stylesheets/style.scss */
.hero-slider.flexslider:hover .flex-prev {
  left: 10px;
  -webkit-transition: left 0.3s 0.2s;
  -moz-transition: left 0.3s 0.2s;
  -ms-transition: left 0.3s 0.2s;
  -o-transition: left 0.3s 0.2s;
  transition: left 0.3s 0.2s;
}

/* line 1421, app/assets/stylesheets/style.scss */
.hero-slider.flexslider:hover .flex-next {
  right: 10px;
  -webkit-transition: right 0.3s 0.2s;
  -moz-transition: right 0.3s 0.2s;
  -ms-transition: right 0.3s 0.2s;
  -o-transition: right 0.3s 0.2s;
  transition: right 0.3s 0.2s;
}

/* line 1430, app/assets/stylesheets/style.scss */
.flex-direction-nav {
  margin: 0;
  list-style-type: none;
}

/* line 1435, app/assets/stylesheets/style.scss */
.basic-link {
  display: inline-block;
  font-weight: 700;
  font-size: 13px;
  line-height: 32px;
  text-transform: uppercase;
}

/* line 1443, app/assets/stylesheets/style.scss */
.basic-link > i {
  border-radius: 100%;
  width: 32px;
  height: 32px;
  border: 2px solid #e6e6e6;
  text-align: center;
  line-height: 30px;
  font-size: 18px;
  margin-right: 10px;
}

/* line 1454, app/assets/stylesheets/style.scss */
.basic-link:hover {
  color: #505050;
  text-decoration: none;
}

/* line 1459, app/assets/stylesheets/style.scss */
.basic-link.inverted {
  text-transform: uppercase;
  margin-top: 10px;
}

/* line 1464, app/assets/stylesheets/style.scss */
.basic-link.backward .fa-angle-right {
  display: none;
}

/* line 1468, app/assets/stylesheets/style.scss */
.grid-filter {
  margin: 0 0 50px 0;
}

/* line 1472, app/assets/stylesheets/style.scss */
.grid-filter-lable {
  display: inline-block;
  margin-right: 20px;
  text-transform: uppercase;
}

/* line 1478, app/assets/stylesheets/style.scss */
.sort-source {
  list-style-type: none;
  display: inline-block;
  margin: 0;
}

/* line 1484, app/assets/stylesheets/style.scss */
.sort-source li {
  display: inline-block;
}

/* line 1488, app/assets/stylesheets/style.scss */
.sort-source li:after {
  content: '/';
  color: #ccc;
}

/* line 1493, app/assets/stylesheets/style.scss */
.sort-source.nav-pills li:after {
  content: '';
}

/* line 1497, app/assets/stylesheets/style.scss */
.sort-source li:last-child:after {
  content: '';
}

/* line 1501, app/assets/stylesheets/style.scss */
.sort-source li a {
  color: #999;
  margin: 0 10px;
}

/* line 1506, app/assets/stylesheets/style.scss */
.sort-source.nav-pills li a {
  margin: 0;
}

/* line 1510, app/assets/stylesheets/style.scss */
.sort-source.nav-pills li.active a {
  color: #fff;
}

/* line 1514, app/assets/stylesheets/style.scss */
.sort-source li:first-child a {
  margin-left: 0;
}

/* line 1518, app/assets/stylesheets/style.scss */
.sort-source li a:hover {
  color: #222;
}

/* line 1522, app/assets/stylesheets/style.scss */
.sort-destination {
  margin: 0;
  list-style-type: none;
}

/* line 1527, app/assets/stylesheets/style.scss */
.selectpicker {
  font-weight: 400;
  padding-top: 5px;
  padding-bottom: 7px;
}

/* line 1533, app/assets/stylesheets/style.scss */
.selectpicker.btn-default {
  background: #fff;
  padding-left: 10px;
  text-transform: none;
  font-size: 16px;
  color: #8e959d;
  letter-spacing: 0;
  text-shadow: none;
}

/* line 1543, app/assets/stylesheets/style.scss */
.input-lg .selectpicker {
  padding-top: 12px;
  padding-bottom: 11px;
}

/* line 1548, app/assets/stylesheets/style.scss */
.bootstrap-select.form-control {
  margin-bottom: 20px !important;
}

/* line 1552, app/assets/stylesheets/style.scss */
.action-icons {
  list-style-type: none;
  margin: 5px 0 0;
}

/* line 1557, app/assets/stylesheets/style.scss */
.carousel-slide-content {
  color: #fff;
  width: 100%;
  height: 300px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1567, app/assets/stylesheets/style.scss */
.carousel-slide-content h4,
.carousel-slide-content h2 {
  color: #d5d5d5;
  font-weight: 600;
  margin-bottom: 20px;
}

/* line 1574, app/assets/stylesheets/style.scss */
.carousel-slide-content h2 {
  color: #fff;
  font-weight: 800;
  font-size: 1.6em;
  line-height: 47px;
}

/* line 1582, app/assets/stylesheets/style.scss */
.carousel-slide-content h2 a {
  color: #fff;
  font-weight: 400;
  font-size: 1.4em;
  line-height: 38px;
  letter-spacing: 0px;
}

/* line 1590, app/assets/stylesheets/style.scss */
.carousel-slide-content small {
  color: #d5d5d5;
}

/* line 1594, app/assets/stylesheets/style.scss */
.carousel-slide-content h4 > p {
  color: #fff;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 35px;
  letter-spacing: -1px;
}

/* line 1602, app/assets/stylesheets/style.scss */
.carousel-slide-content p {
  color: #fff;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 42px;
  letter-spacing: 0px;
  margin-top: 10px;
}

/* line 1611, app/assets/stylesheets/style.scss */
.carousel-slide-content .date-box {
  display: inline-table;
  border: 1px solid #fff;
  border-radius: 4px;
  margin: 10px 0px;
  text-align: center;
}

/* line 1619, app/assets/stylesheets/style.scss */
.carousel-slide-content .day-info {
  background: #fff;
  color: #4f5964;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  padding: 5px;
}

/* line 1628, app/assets/stylesheets/style.scss */
.carousel-slide-content .time-info {
  background: 'transparent';
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0px;
  padding: 5px 50px;
}

/* line 1637, app/assets/stylesheets/style.scss */
.carousel-slide-content .frequency-info {
  background: #efdf49;
  color: #4f5964;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0px;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
}

/* line 1648, app/assets/stylesheets/style.scss */
.carousel-slide-content .carousel-slide-static a {
  color: #fff;
  text-decoration: underline;
}

/* line 1653, app/assets/stylesheets/style.scss */
ul.masjid-home-slider {
  margin-left: 0px;
}

/* line 1657, app/assets/stylesheets/style.scss */
.partner-carousel .owl-item {
  width: 480px !important;
}

/* line 1661, app/assets/stylesheets/style.scss */
.owl-item img {
  width: 300px;
  height: 150px;
  border: 1px solid #aaa;
  background-color: #fff;
}

/* line 1668, app/assets/stylesheets/style.scss */
.slider-text-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
}

/* line 1675, app/assets/stylesheets/style.scss */
.btn-rounded {
  border-radius: 30px;
}

/* line 1679, app/assets/stylesheets/style.scss */
.light-title {
  color: #fff !important;
}

/* line 1683, app/assets/stylesheets/style.scss */
.gallery-items {
  list-style-type: none;
  margin: 0;
}

/* line 1688, app/assets/stylesheets/style.scss */
.causes-list-item h4 a:hover,
.urgent-cause .post-title a:hover,
.flex-caption-cause h3 a:hover {
  color: #333;
}

/* line 1694, app/assets/stylesheets/style.scss */
.parallax-icon-link {
  opacity: 0.2;
  color: #fff;
}

/* line 1699, app/assets/stylesheets/style.scss */
.parallax-icon-link:hover {
  opacity: 0.9;
}

/* line 1703, app/assets/stylesheets/style.scss */
.position-relative {
  position: relative;
}

/* line 1707, app/assets/stylesheets/style.scss */
.half-bg-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

/* line 1715, app/assets/stylesheets/style.scss */
.featured-texts,
.featured-links {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ==================================================
   6. Site Structure & Appearance
================================================== */
/* line 1724, app/assets/stylesheets/style.scss */
body {
  background-color: #fff;
  color: #0f2137;
  font-size: 16px;
  font-weight: 400;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  line-height: 1.55em;
  letter-spacing: -0.2px;
  background-attachment: fixed;
  overflow-x: hidden;
}

/* line 1737, app/assets/stylesheets/style.scss */
.boxed {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  max-width: 1200px;
  height: auto;
}

@media (min-width: 1200px) {
  /* line 1747, app/assets/stylesheets/style.scss */
  .boxed .site-header {
    width: 1200px;
    left: 50%;
    margin-left: -600px;
  }
}

/* line 1754, app/assets/stylesheets/style.scss */
.site-header-wrapper {
  width: 100%;
  position: absolute;
  z-index: 999;
}

/* line 1760, app/assets/stylesheets/style.scss */
header.site-header1 {
  background: radial-gradient(circle, white 20%, rgba(0, 212, 255, 0) 100%);
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 1770, app/assets/stylesheets/style.scss */
header.site-header2 {
  background: radial-gradient(circle, white 20%, rgba(0, 212, 255, 0) 100%);
  padding-top: 20px;
  padding-bottom: 10px;
}

/* line 1780, app/assets/stylesheets/style.scss */
.header-style2 .site-header-wrapper,
.header-style3 .site-header-wrapper {
  position: relative;
}

/* line 1785, app/assets/stylesheets/style.scss */
.site-header .container {
  position: relative;
}

/* line 1789, app/assets/stylesheets/style.scss */
.site-header.sticky {
  -webkit-transition: background 0.3s 0.2s, box-shadow 0.3s 0.2s;
  -moz-transition: background 0.3s 0.2s, box-shadow 0.3s 0.2s;
  -ms-transition: background 0.3s 0.2s, box-shadow 0.3s 0.2s;
  -o-transition: background 0.3s 0.2s, box-shadow 0.3s 0.2s;
  transition: background 0.3s 0.2s, box-shadow 0.3s 0.2s;
  background: white;
  box-shadow: 0px 2px 10px darkgray;
}

/* line 1799, app/assets/stylesheets/style.scss */
.header-style3 .is-sticky .site-header {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

/* line 1803, app/assets/stylesheets/style.scss */
.site-logo {
  padding: 28px 0 5px;
  float: left;
}

/* line 1808, app/assets/stylesheets/style.scss */
.site-logo h1 {
  font-size: 32px;
  margin: 0 !important;
}

/* line 1813, app/assets/stylesheets/style.scss */
.default-logo {
  display: block;
}

/* line 1817, app/assets/stylesheets/style.scss */
.sticky-logo {
  display: none;
}

/* line 1821, app/assets/stylesheets/style.scss */
.sticky .default-logo {
  display: none;
}

/* line 1825, app/assets/stylesheets/style.scss */
.sticky .sticky-logo {
  display: block;
}

/* line 1829, app/assets/stylesheets/style.scss */
.default-retina-logo,
.sticky-retina-logo {
  display: none;
}

/* line 1834, app/assets/stylesheets/style.scss */
.header-style3 .header-masjid-address {
  color: rgba(52, 61, 76, 0.85);
  font-weight: 500;
  padding: 23px 0 1px 0;
}

/* line 1840, app/assets/stylesheets/style.scss */
.header-style3 .header-masjid-address p {
  font-weight: 500;
}

/* line 1844, app/assets/stylesheets/style.scss */
.header-style3 .fw-menu-wrapper > .container,
.header-style3 .site-header > .container {
  position: relative;
}

/* line 1849, app/assets/stylesheets/style.scss */
.fw-menu-wrapper {
  text-align: center;
  clear: left;
}

/* line 1854, app/assets/stylesheets/style.scss */
.fw-menu-wrapper .dd-menu {
  float: none;
}

/* line 1858, app/assets/stylesheets/style.scss */
.fw-menu-wrapper .dd-menu > li ul {
  top: 100%;
  text-align: center;
}

/* line 1863, app/assets/stylesheets/style.scss */
.header-info-col {
  float: right;
  color: #fff;
  margin-left: 30px;
  line-height: 50px;
  margin: 0px;
  font-family: 13px;
}

/* line 1872, app/assets/stylesheets/style.scss */
.sticky .header-info-col,
.header-style2 .header-info-col,
.header-style3 .header-info-col {
  color: #333;
}

/* line 1878, app/assets/stylesheets/style.scss */
.dd-menu {
  list-style-type: none;
}

/* line 1882, app/assets/stylesheets/style.scss */
.dd-menu > li {
  font-size: 13px;
  position: relative;
  display: inline-block;
  /*float:left;*/
  margin-left: 25px;
  margin-top: 12px;
}

/* line 1891, app/assets/stylesheets/style.scss */
.dd-menu > li > a {
  display: block;
  color: #fff;
  line-height: 50px;
  letter-spacing: 0px;
  font-weight: 500;
}

/* line 1899, app/assets/stylesheets/style.scss */
.dd-menu > li:hover > a {
  color: #fff !important;
}

/* line 1903, app/assets/stylesheets/style.scss */
.dd-menu > li > a > i {
  font-size: 10px;
}

/* line 1907, app/assets/stylesheets/style.scss */
.dd-menu > li:hover > a > i {
  color: #fff;
}

/* line 1911, app/assets/stylesheets/style.scss */
.sticky .dd-menu > li > a,
.header-style2 .dd-menu > li > a,
.header-style3 .dd-menu > li > a {
  font-size: 1.2em;
}

/* line 1917, app/assets/stylesheets/style.scss */
.sticky .dd-menu > li > a,
.header-style2 .dd-menu > li > a,
.header-style3 .dd-menu-layout > li > a {
  font-size: 1.1em;
}

/* line 1923, app/assets/stylesheets/style.scss */
.dd-menu > li:hover ul {
  display: block;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* line 1931, app/assets/stylesheets/style.scss */
.dd-menu > li > ul li {
  line-height: normal;
  font-size: 14px;
  position: relative;
  font-weight: 400;
}

/* line 1938, app/assets/stylesheets/style.scss */
.dd-menu > li.megamenu {
  position: static;
}

/* line 1942, app/assets/stylesheets/style.scss */
.dd-menu > li.megamenu > ul > li a:first-child i.fa-caret-right {
  display: none;
}

/* line 1946, app/assets/stylesheets/style.scss */
.dd-menu > li > ul > li > a:hover,
.dd-menu > li > ul > li > ul > li > a:hover {
  text-decoration: none;
  background-color: #f6f6f6;
}

/* line 1952, app/assets/stylesheets/style.scss */
.dd-menu > li > ul > li:last-child > a {
  border-bottom: 0;
}

/* line 1956, app/assets/stylesheets/style.scss */
.dd-menu > li > ul li ul {
  margin: 0;
  list-style-type: none;
  left: 101% !important;
  top: 0 !important;
  min-width: 150px;
  position: absolute;
  border: 0;
}

/* line 1966, app/assets/stylesheets/style.scss */
.dd-menu > li.megamenu {
  position: inherit !important;
  left: 0;
}

/* line 1971, app/assets/stylesheets/style.scss */
.dd-menu > li.megamenu > ul {
  margin: 0;
  list-style-type: none;
  left: 0 !important;
  min-width: inherit;
  width: 100%;
  top: 100%;
}

/* line 1980, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container {
  padding: 25px;
  width: 100%;
}

/* line 1985, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container ul {
  margin: 0;
  list-style-type: none;
  display: block !important;
  left: 0 !important;
  box-shadow: none;
  opacity: 1 !important;
  background: transparent;
  position: static !important;
  text-align: left !important;
  margin-left: 0;
  border-top: 0;
}

/* line 1999, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container .megamenu-sub-title {
  display: block;
  margin-bottom: 35px;
  font-size: 21px;
  color: #333;
  text-align: left;
}

/* line 2007, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container ul li {
  font-size: 16px;
  border-left: 0;
}

/* line 2012, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container ul li a {
  margin: 0;
  border-bottom: 0;
}

/* line 2018, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container ul.sub-menu li a {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}

/* line 2024, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container ul.sub-menu li:first-child a {
  padding-top: 0;
}

/* line 2028, app/assets/stylesheets/style.scss */
.dd-menu .megamenu-container ul.sub-menu li a:hover {
  text-decoration: none;
}

/* line 2032, app/assets/stylesheets/style.scss */
.header-style3 .dd-menu {
  /*width:100%;
	text-align:center;*/
}

/* line 2037, app/assets/stylesheets/style.scss */
.header-style3 .dd-menu > li {
  margin-top: 0;
  /*float:none;*/
  display: inline-block;
  margin: 0 30px;
}

/* line 2044, app/assets/stylesheets/style.scss */
.topbar {
  background: #383838;
  color: #fff;
  min-height: 40px;
  /* margin-bottom: 10px;
  border-bottom: 1px solid #ddd;*/
}

/* line 2052, app/assets/stylesheets/style.scss */
.topbar .header-info-col {
  border: 0;
  margin-left: 0;
  margin-right: 30px;
  margin-top: 0;
  padding: 0;
  float: left;
  color: #888;
  line-height: 40px;
  font-size: 16px;
}

/* line 2064, app/assets/stylesheets/style.scss */
.topbar .topmenu li {
  float: left;
  margin: 0;
}

/* line 2069, app/assets/stylesheets/style.scss */
.topbar .topmenu.social-icons li:first-child a {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 2073, app/assets/stylesheets/style.scss */
.topbar .topmenu {
  padding: 0 18px;
  line-height: 40px;
  font-size: 15px;
}

/* line 2079, app/assets/stylesheets/style.scss */
.topbar .topmenu a {
  color: #fff;
  padding: 0 18px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 2085, app/assets/stylesheets/style.scss */
.topbar .topmenu a:hover {
  color: rgba(255, 255, 255, 0.7);
}

/* line 2089, app/assets/stylesheets/style.scss */
.topbar .topmenu.social-icons a:hover {
  background: #fff;
}

/* line 2093, app/assets/stylesheets/style.scss */
#menu-toggle {
  float: right;
  font-size: 24px;
  line-height: 50px;
  margin-top: 10px;
  color: #fff;
  margin-left: 40px;
}

/* line 2102, app/assets/stylesheets/style.scss */
.header-style2 #menu-toggle,
.header-style3 #menu-toggle,
.sticky #menu-toggle {
  color: #333;
}

/* line 2108, app/assets/stylesheets/style.scss */
.header-style3 #menu-toggle {
  position: absolute;
  right: 15px;
}

/* line 2113, app/assets/stylesheets/style.scss */
.home .hero-area {
  min-height: 300px;
  position: relative;
}

/* line 2118, app/assets/stylesheets/style.scss */
.hero-slider,
.hero-slider.flexslider ul.slides li,
.flex-caption-cell {
  height: 600px;
}

/* line 2125, app/assets/stylesheets/style.scss */
.header-style2 .hero-slider,
.header-style3 .hero-slider,
.header-style2 .hero-slider.flexslider ul.slides li,
.header-style3 .hero-slider.flexslider ul.slides li,
.header-style2 .flex-caption-cell,
.header-style3 .flex-caption-cell {
  /*height:550px;*/
  height: 450px;
}

/* line 2135, app/assets/stylesheets/style.scss */
.page-banner {
  min-height: 200px;
  position: relative;
}

/* line 2140, app/assets/stylesheets/style.scss */
.page-banner-text {
  margin-top: 100px;
  text-align: center;
}

/* line 2145, app/assets/stylesheets/style.scss */
.page-banner h1 {
  color: #fff;
  position: relative;
}

/* line 2150, app/assets/stylesheets/style.scss */
.block-title,
.widgettitle {
  position: relative;
}

/* line 2155, app/assets/stylesheets/style.scss */
.block-title-center:before {
  left: 50%;
  margin-left: -20px;
}

/* line 2160, app/assets/stylesheets/style.scss */
.block-title-center:after {
  display: none;
}

/* line 2164, app/assets/stylesheets/style.scss */
.hero-slider {
  background-color: #666;
}

/* line 2168, app/assets/stylesheets/style.scss */
.flex-caption-table {
  width: 100%;
  display: table;
  vertical-align: middle;
}

/* line 2174, app/assets/stylesheets/style.scss */
.flex-caption-cell {
  display: table-cell;
  vertical-align: middle;
}

/* line 2179, app/assets/stylesheets/style.scss */
.flex-caption-text {
  display: block;
}

/* line 2183, app/assets/stylesheets/style.scss */
.header-style2 .flex-caption-text,
.header-style3 .flex-caption-text {
  padding-top: 0;
}

/* line 2188, app/assets/stylesheets/style.scss */
.flex-caption-text h1,
.flex-caption-text h2,
.flex-caption-text h3,
.flex-caption-text p {
  color: #fff;
  margin-bottom: 30px;
}

/* line 2196, app/assets/stylesheets/style.scss */
.flex-caption-text h2 {
  font-size: 51px;
  line-height: 60px;
}

/* line 2201, app/assets/stylesheets/style.scss */
.flex-caption-cause {
  background: white;
  padding: 30px;
  width: 350px;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}

/* line 2211, app/assets/stylesheets/style.scss */
.flex-caption-cause .meta-data {
  font-size: 14px;
  margin-bottom: 20px;
}

/* line 2216, app/assets/stylesheets/style.scss */
.featured-links {
  position: relative;
  margin-top: 50px;
}

/* line 2221, app/assets/stylesheets/style.scss */
.featured-links .featured-link {
  height: 80px;
  text-align: center;
  color: #fff;
  display: block;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: left top;
}

/* line 2231, app/assets/stylesheets/style.scss */
.featured-link span {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-size: 17px;
}

/* line 2237, app/assets/stylesheets/style.scss */
.featured-link h3 {
  margin-top: 3px;
  color: #fff;
  display: block;
  line-height: 1em;
}

/* line 2244, app/assets/stylesheets/style.scss */
.featured-text div.salah-time {
  color: rgba(0, 0, 0, 0.3);
}

/* line 2248, app/assets/stylesheets/style.scss */
.featured-text .salah-name {
  text-transform: uppercase;
  color: #637164 !important;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

/* line 2256, app/assets/stylesheets/style.scss */
.featured-text div.athan-time > span {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.61);
}

/* line 2261, app/assets/stylesheets/style.scss */
.featured-text div.athan-time strong {
  color: #fff;
}

/* line 2265, app/assets/stylesheets/style.scss */
.jumuah-salah-col {
  color: rgba(255, 255, 255, 0.61);
}

/* line 2269, app/assets/stylesheets/style.scss */
.jumuah-time-col {
  color: rgba(255, 255, 255, 0.61);
}

/* line 2273, app/assets/stylesheets/style.scss */
.jumuah-info-col {
  color: rgba(255, 255, 255, 0.61);
}

/* line 2277, app/assets/stylesheets/style.scss */
.featured-text div.jumuah-salah-name {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.3);
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

/* line 2286, app/assets/stylesheets/style.scss */
.salah-time-update-info-container {
  font-size: 0.9em;
}

/* line 2290, app/assets/stylesheets/style.scss */
.content {
  padding: 75px 0;
  min-height: 400px;
}

/* line 2295, app/assets/stylesheets/style.scss */
.home .content {
  padding: 0;
}

/* line 2299, app/assets/stylesheets/style.scss */
.recently-at-container {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
}

/* line 2308, app/assets/stylesheets/style.scss */
.recently-at-item {
  margin-right: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 0 10px rgba(148, 216, 195, 0.5);
}

/* line 2319, app/assets/stylesheets/style.scss */
.recently-at-item-image {
  height: 150px;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 1px solid #dddddd;
}

/* line 2327, app/assets/stylesheets/style.scss */
.recently-at-item-title {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0px;
  line-height: 26px;
}

/* line 2334, app/assets/stylesheets/style.scss */
.recently-at-item-content {
  padding: 10px;
}

/* line 2338, app/assets/stylesheets/style.scss */
.event-list-item {
  padding: 5px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #e6e6e6;
}

/* line 2344, app/assets/stylesheets/style.scss */
ul.events-compact-list {
  margin-left: 0px;
  list-style-type: none;
}

/* line 2349, app/assets/stylesheets/style.scss */
.event-list-item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* line 2355, app/assets/stylesheets/style.scss */
.event-list-item h4 {
  font-weight: 600;
  line-height: 22px;
  margin-top: 5px;
  text-transform: none;
  margin-bottom: 10px;
}

/* line 2363, app/assets/stylesheets/style.scss */
.events-compact-list h4,
.events-compact-list p {
  padding-left: 80px;
}

/* line 2368, app/assets/stylesheets/style.scss */
.event-list-item p {
  margin-bottom: 0;
}

/* line 2372, app/assets/stylesheets/style.scss */
.events-compact-list .event-list-thumb {
  margin-bottom: 10px;
  margin-top: 5px;
}

/* line 2377, app/assets/stylesheets/style.scss */
.home .events-compact-list .event-list-cont {
  padding-right: 20px;
}

/* line 2381, app/assets/stylesheets/style.scss */
.event-date {
  display: block;
  margin-bottom: 5px;
  float: left;
  margin-right: 20px;
  padding: 4px;
  color: #fff;
  width: 60px;
  text-align: center;
  border-radius: 8px;
}

/* line 2393, app/assets/stylesheets/style.scss */
.event-time {
  margin-top: 5px;
}

/* line 2397, app/assets/stylesheets/style.scss */
.event-date .date {
  font-size: 24px;
  line-height: 34px;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  /* padding-bottom:8px; */
  margin-bottom: 6px;
}

/* line 2406, app/assets/stylesheets/style.scss */
.event-date .day {
  font-size: 14px;
  line-height: 14px;
  display: block;
  position: relative;
}

/* line 2413, app/assets/stylesheets/style.scss */
.event-date .month,
.event-date .year {
  text-transform: uppercase;
  display: block;
  line-height: 16px;
}

/* line 2420, app/assets/stylesheets/style.scss */
.event-date .month {
  letter-spacing: 1px;
}

/* line 2424, app/assets/stylesheets/style.scss */
.events-list {
  list-style-type: none;
  margin: 0;
}

/* line 2429, app/assets/stylesheets/style.scss */
.events-list .event-time {
  margin-top: 7px;
}

/* line 2433, app/assets/stylesheets/style.scss */
.events-list .event-list-item {
  padding: 0 0 34px;
  margin-bottom: 34px;
}

/* line 2438, app/assets/stylesheets/style.scss */
.events-list .event-list-item:last-child {
  margin-bottom: 0;
}

/* line 2442, app/assets/stylesheets/style.scss */
.events-list .event-list-item p {
  margin-bottom: 12px;
  margin-top: 20px;
}

/* line 2447, app/assets/stylesheets/style.scss */
.events-list .event-list-item .event-date {
  width: 9%;
  margin-right: 2%;
  float: left;
  text-align: center;
}

/* line 2454, app/assets/stylesheets/style.scss */
.events-list .event-list-item .date {
  display: block;
  float: none;
  line-height: 44px;
  margin-right: 0;
}

/* line 2461, app/assets/stylesheets/style.scss */
.events-list .event-list-item .day {
  display: block;
  margin: 0;
  top: 0;
}

/* line 2467, app/assets/stylesheets/style.scss */
.events-list .event-list-item .month {
  font-size: 12px;
}

/* line 2471, app/assets/stylesheets/style.scss */
.events-list .event-list-cont {
  width: 89%;
  float: left;
}

/* line 2476, app/assets/stylesheets/style.scss */
.cta-fw h3 {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 0;
}

/* line 2482, app/assets/stylesheets/style.scss */
.cta-fw h5 {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 0;
}

/* line 2488, app/assets/stylesheets/style.scss */
.site-footer-bottom {
  background-color: #333;
  padding: 20px 0;
  color: #ebeef5;
}

/* line 2494, app/assets/stylesheets/style.scss */
.site-footer-bottom p {
  font-size: 0.9em;
  margin-bottom: 0;
}

/* line 2499, app/assets/stylesheets/style.scss */
.site-footer-bottom a {
  color: #ebeef5;
}

/* line 2503, app/assets/stylesheets/style.scss */
.footer-menu {
  float: right;
  font-size: 15px;
  list-style-type: none;
  margin: 0;
}

/* line 2510, app/assets/stylesheets/style.scss */
.footer-menu li {
  display: inline-block;
  font-size: 0.9em;
  margin-left: 10px;
}

/* line 2516, app/assets/stylesheets/style.scss */
.footer-menu li:after {
  content: '/';
}

/* line 2520, app/assets/stylesheets/style.scss */
.footer-menu li:last-child:after {
  content: '';
}

/* line 2524, app/assets/stylesheets/style.scss */
.footer-menu li a {
  color: #fff;
  margin-right: 10px;
  font-size: 0.9em;
}

/* line 2530, app/assets/stylesheets/style.scss */
.footer-menu li:last-child a {
  margin-right: 0;
}

/* line 2534, app/assets/stylesheets/style.scss */
.site-footer .social-icons-rounded a:hover {
  color: #fff;
}

/* line 2538, app/assets/stylesheets/style.scss */
#back-to-top {
  position: fixed;
  right: -40px;
  bottom: 15px;
  background: rgba(0, 0, 0, 0.8);
  width: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  line-height: 43px;
  overflow: hidden;
  font-size: 17px;
  display: block;
  z-index: 1111;
  -webkit-transition: all 0.3s ease 0.2s;
  -moz-transition: all 0.3s ease 0.2s;
  -ms-transition: all 0.3s ease 0.2s;
  -o-transition: all 0.3s ease 0.2s;
  transition: all 0.3s ease 0.1s;
}

/* line 2559, app/assets/stylesheets/style.scss */
.cta {
  border: 1px solid #e6e6e6;
  padding: 25px;
  margin: 40px 0;
  background: #f6f6f6;
}

/* line 2566, app/assets/stylesheets/style.scss */
.cta p {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* line 2575, app/assets/stylesheets/style.scss */
#message {
  margin-top: 20px;
}

/* line 2579, app/assets/stylesheets/style.scss */
.content-block {
  padding-top: 10px;
  overflow-x: hidden;
}

/* line 2584, app/assets/stylesheets/style.scss */
.footer_widget h4.widgettitle {
  text-transform: uppercase;
  border-bottom: 0;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 26px;
  letter-spacing: 1px;
}

/* line 2594, app/assets/stylesheets/style.scss */
.footer_widget h4.widgettitle:before,
.footer_widget h4.widgettitle:after {
  display: none;
}

/* line 2599, app/assets/stylesheets/style.scss */
.footer_widget,
.site-footer .footer_widget a {
  color: #ccc;
}

/* line 2604, app/assets/stylesheets/style.scss */
.widget.recent_posts ul {
  list-style-type: none;
  margin: 0;
}

/* line 2609, app/assets/stylesheets/style.scss */
.widget.recent_posts ul li {
  padding: 0;
  margin-bottom: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eee;
}

/* line 2616, app/assets/stylesheets/style.scss */
.widget.recent_posts ul li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

/* line 2621, app/assets/stylesheets/style.scss */
.widget.recent_posts ul li .media-box {
  float: left;
  margin-top: 5px;
}

/* line 2626, app/assets/stylesheets/style.scss */
.widget.recent_posts ul li .media-box img {
  width: 70px;
}

/* line 2630, app/assets/stylesheets/style.scss */
.widget.recent_posts ul li h5 {
  padding-left: 90px;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 16px;
}

/* line 2637, app/assets/stylesheets/style.scss */
.widget.recent_posts ul li .meta-data.grid-item-meta {
  padding-left: 90px;
  margin-bottom: 0;
}

/* line 2642, app/assets/stylesheets/style.scss */
.widget_recent_causes .cause-thumb img {
  margin-right: 20px;
  width: 60px;
  height: 60px;
}

/* line 2648, app/assets/stylesheets/style.scss */
.megamenu-container .widget_recent_causes li h4 {
  font-size: 16px;
  font-weight: 400;
}

/* line 2653, app/assets/stylesheets/style.scss */
.widget_recent_causes li {
  padding-bottom: 12px;
}

/* line 2657, app/assets/stylesheets/style.scss */
.widget_recent_causes li .meta-data {
  padding-left: 80px;
}

/* line 2661, app/assets/stylesheets/style.scss */
.widget_recent_causes h4 {
  margin-bottom: 10px;
}

/* line 2665, app/assets/stylesheets/style.scss */
.widget_recent_causes .cProgress {
  width: 60px;
  position: absolute;
  left: 0;
  background: none;
}

/* line 2672, app/assets/stylesheets/style.scss */
.widget_recent_causes .cause-thumb .cProgress strong {
  line-height: 60px;
  font-size: 20px;
  color: #fff;
}

/* ==================================================
   6.5. Drawer Classes
================================================== */
/* line 2681, app/assets/stylesheets/style.scss */
.el-drawer__header {
  margin-bottom: 12px;
}

/* line 2684, app/assets/stylesheets/style.scss */
.el-main {
  padding: 0px 20px 20px 20px;
}

/* line 2687, app/assets/stylesheets/style.scss */
.drawer-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 30px;
}

/* line 2693, app/assets/stylesheets/style.scss */
.drawer-header {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
}

/* line 2700, app/assets/stylesheets/style.scss */
.drawer-footer {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 20px;
}

/* line 2705, app/assets/stylesheets/style.scss */
.drawer-default-button {
  background: lightgray;
  border: none;
  padding: 10px 20px;
  border-radius: 10px;
  color: darkslategray;
  font-weight: 600;
}

/* line 2714, app/assets/stylesheets/style.scss */
.drawer-default-button-primary {
  background: #168f2a !important;
  color: #ffffff !important;
}

/* ==================================================
   6.5. Overriding Classes
================================================== */
/* line 2722, app/assets/stylesheets/style.scss */
.parallax {
  background-attachment: fixed !important;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

/* line 2733, app/assets/stylesheets/style.scss */
.touch .parallax,
.page-banner.parallax {
  background-attachment: scroll !important;
}

/* ==================================================
    VERSION 1.1 ADDITIONS START
================================================== */
/* line 2742, app/assets/stylesheets/style.scss */
.accent-bg .header-info-col i {
  color: #fff;
}

/* line 2746, app/assets/stylesheets/style.scss */
.notice-bar {
  background: #f7f7f7;
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}

/* line 2752, app/assets/stylesheets/style.scss */
.notice-bar.dark {
  background: #333;
}

/* ===================================
	 CUSTOM
====================================== */
/* line 2759, app/assets/stylesheets/style.scss */
.masjid-home-slider .carousel-slide .carousel-slide-content h3 {
  color: #fff;
  margin-bottom: 10px;
}

/* line 2764, app/assets/stylesheets/style.scss */
.masjid-home-slider .carousel-slide .carousel-slide-content h3 a {
  color: #fff;
}

/* line 2768, app/assets/stylesheets/style.scss */
.masjid-home-slider .carousel-slide .carousel-slide-content small {
  font-size: 75%;
  letter-spacing: 0px;
}

/* line 2773, app/assets/stylesheets/style.scss */
i.fa-user {
  font-size: 30px !important;
}

/* line 2777, app/assets/stylesheets/style.scss */
.sponsors-section ul {
  margin-left: 0px;
}

/* line 2781, app/assets/stylesheets/style.scss */
.sponsors-section li {
  list-style-type: none;
}

/* line 2785, app/assets/stylesheets/style.scss */
.programs-services-box {
  padding: 30px;
  text-align: center;
}

/* line 2790, app/assets/stylesheets/style.scss */
.programs-services-box h3 {
  color: #fff;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

/* line 2796, app/assets/stylesheets/style.scss */
.programs-services-box h5 {
  margin-bottom: 3px;
  border-radius: 20px;
  padding: 10px;
  text-decoration: none;
}

/* line 2803, app/assets/stylesheets/style.scss */
.programs-services-box h5 a {
  color: #f4ffda;
}

/* line 2807, app/assets/stylesheets/style.scss */
.programs-services-box p {
  color: #c0c0c0;
}

/* line 2811, app/assets/stylesheets/style.scss */
.not-found-info-box {
  background: #f9ecec;
  padding: 60px 20px 40px 20px;
  border-radius: 16px;
}

/* line 2817, app/assets/stylesheets/style.scss */
.not-found-info-box-icon-big {
  color: #ff5858;
}

/* ==================================================
   7. Responsive Media Queries
================================================== */
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 2828, app/assets/stylesheets/style.scss */
  .site-header .header-info-col {
    display: none;
  }
}

@media only screen and (max-width: 992px) {
  /* line 2834, app/assets/stylesheets/style.scss */
  .hero-slider,
  .hero-slider.flexslider ul.slides li,
  .flex-caption-cell {
    height: 500px;
  }
  /* line 2840, app/assets/stylesheets/style.scss */
  .header-style2 .hero-slider,
  .header-style3 .hero-slider,
  .header-style2 .hero-slider.flexslider ul.slides li,
  .header-style3 .hero-slider.flexslider ul.slides li,
  .header-style2 .flex-caption-cell,
  .header-style3 .flex-caption-cell {
    height: 450px;
  }
  /* line 2849, app/assets/stylesheets/style.scss */
  .carousel-wrapper {
    width: 100%;
  }
  /* line 2853, app/assets/stylesheets/style.scss */
  .footer_widget .social-icons li,
  .footer_widget .social-icons-colored li {
    margin-bottom: 10px;
  }
  /* line 2858, app/assets/stylesheets/style.scss */
  .site-header .container {
    position: static;
  }
  /* line 2862, app/assets/stylesheets/style.scss */
  #menu-toggle {
    display: block;
  }
  /* line 2866, app/assets/stylesheets/style.scss */
  .dd-menu {
    top: 0px;
    left: 0;
    float: none !important;
    border-left: 0;
    background: #fff;
    display: none;
    width: 100%;
    z-index: 1111;
  }
  /* line 2877, app/assets/stylesheets/style.scss */
  #undefined-sticky-wrapper .sticky-wrapper {
    height: 100% !important;
  }
  /* line 2881, app/assets/stylesheets/style.scss */
  ul.dd-menu {
    margin-left: 0px;
  }
  /* line 2885, app/assets/stylesheets/style.scss */
  .header-style2 .dd-menu,
  .header-style3 .dd-menu {
    border-top: 1px solid #e6e6e6;
  }
  /* line 2890, app/assets/stylesheets/style.scss */
  .header-style3 .fw-menu-wrapper > .container {
    position: static;
  }
  /* line 2894, app/assets/stylesheets/style.scss */
  .header-style3 .dd-menu {
    text-align: left;
  }
  /* line 2898, app/assets/stylesheets/style.scss */
  .header-style3 .dd-menu > li {
    margin: 0;
  }
  /* line 2902, app/assets/stylesheets/style.scss */
  .dd-menu > li {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
  /* line 2910, app/assets/stylesheets/style.scss */
  .dd-menu > li > a {
    border-right: 0;
    font-size: 1.2em;
    color: #333;
    padding-left: 25px;
    border-bottom: 1px solid #e6e6e6;
  }
  /* line 2918, app/assets/stylesheets/style.scss */
  .menu-opened {
    position: relative !important;
  }
  /* line 2922, app/assets/stylesheets/style.scss */
  .dd-menu > li ul,
  .dd-menu > li > ul li ul {
    box-shadow: none;
    border: 0;
    position: relative;
    top: 0;
    left: 0 !important;
    padding-left: 25px;
  }
  /* line 2932, app/assets/stylesheets/style.scss */
  .dd-menu > li.megamenu {
    position: static !important;
  }
  /* line 2936, app/assets/stylesheets/style.scss */
  .dd-menu > li > ul > li > a {
    font-weight: 700;
  }
  /* line 2940, app/assets/stylesheets/style.scss */
  .dd-menu > li > ul > li > a,
  .dd-menu > li > ul > li > ul > li > a,
  .dd-menu > li > ul > li > ul > ul > li > a {
    padding-left: 15px;
  }
  /* line 2946, app/assets/stylesheets/style.scss */
  .megamenu-col {
    margin-bottom: 30px;
  }
  /* line 2950, app/assets/stylesheets/style.scss */
  .flex-caption-cause {
    margin-top: 0px;
  }
  /* line 2954, app/assets/stylesheets/style.scss */
  .widget_donations h4 {
    font-size: 28px;
  }
  /* line 2958, app/assets/stylesheets/style.scss */
  .fact-ico {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }
  /* line 2965, app/assets/stylesheets/style.scss */
  .counters .timer,
  .counters .fact {
    text-align: center;
  }
  /* line 2970, app/assets/stylesheets/style.scss */
  .widget-title .basic-link {
    display: none;
  }
  /* line 2974, app/assets/stylesheets/style.scss */
  .widgettitle,
  .sidebar-block .widget-title h3 {
    font-size: 24px;
  }
  /* line 2979, app/assets/stylesheets/style.scss */
  .sidebar-block {
    margin-top: 50px;
  }
  /* line 2983, app/assets/stylesheets/style.scss */
  .boxed .body {
    margin-top: 0;
  }
  /* line 2987, app/assets/stylesheets/style.scss */
  .cta-fw h5 {
    margin-top: 0;
  }
  /* line 2991, app/assets/stylesheets/style.scss */
  #stories-slider {
    height: auto;
  }
  /* line 2995, app/assets/stylesheets/style.scss */
  .half-bg-right {
    display: none;
  }
  /* line 2999, app/assets/stylesheets/style.scss */
  .gallery-updates {
    margin: 70px 0 0;
    padding-top: 30px;
  }
  /* line 3004, app/assets/stylesheets/style.scss */
  .gallery-updates-overlay {
    top: -15px;
    transform: none;
    left: 50%;
    margin-left: -136px;
  }
  /* line 3011, app/assets/stylesheets/style.scss */
  .gallery-updates.cols5 > ul > li,
  .gallery-updates.cols4 ul > li,
  .gallery-updates.cols3 > ul > li,
  .gallery-updates.cols2 > ul > li {
    width: 33.333333%;
  }
  /* line 3018, app/assets/stylesheets/style.scss */
  #stories-slider .story-slider-content {
    max-width: none;
  }
  /* line 3022, app/assets/stylesheets/style.scss */
  #stories-slider .story-slider-cell {
    height: auto;
  }
  /* line 3026, app/assets/stylesheets/style.scss */
  #DonateModal .modal-dialog {
    width: 97%;
  }
  /* line 3030, app/assets/stylesheets/style.scss */
  .partner-carousel .push-top {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  /* line 3036, app/assets/stylesheets/style.scss */
  .masjid-detail-container .content-section img {
    width: 100% !important;
  }
  /* line 3040, app/assets/stylesheets/style.scss */
  .ad-tile img {
    width: 80%;
    height: 100%;
  }
  /* line 3045, app/assets/stylesheets/style.scss */
  .recently-at-container {
    margin: 10px;
    justify-content: center;
  }
  /* Isotope */
  /* line 3051, app/assets/stylesheets/style.scss */
  .isotope {
    overflow: visible !important;
    height: auto !important;
  }
  /* line 3056, app/assets/stylesheets/style.scss */
  .isotope-item {
    position: static !important;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    float: none;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
  }
  /* line 3069, app/assets/stylesheets/style.scss */
  .isotope-hidden {
    display: none !important;
  }
  /* line 3073, app/assets/stylesheets/style.scss */
  .content {
    padding: 50px 0;
  }
  /* line 3077, app/assets/stylesheets/style.scss */
  .page-banner {
    min-height: 200px;
  }
  /* line 3081, app/assets/stylesheets/style.scss */
  .page-banner h1 {
    font-size: 30px;
    margin-bottom: 0;
  }
  /* line 3086, app/assets/stylesheets/style.scss */
  .page-banner h1:before,
  .page-banner h1:after {
    display: none;
  }
  /* line 3091, app/assets/stylesheets/style.scss */
  .page-banner-text {
    bottom: 20px;
    text-align: center;
    width: 100%;
    left: 0;
  }
  /* line 3098, app/assets/stylesheets/style.scss */
  .header-info-col {
    display: none;
  }
  /* line 3102, app/assets/stylesheets/style.scss */
  .featured-text {
    border-bottom: 1px solid #e6e6e6;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  /* line 3108, app/assets/stylesheets/style.scss */
  .parallax-text-block {
    float: none !important;
    width: 100%;
  }
  /* line 3113, app/assets/stylesheets/style.scss */
  .parallax br {
    content: '';
  }
  /* line 3117, app/assets/stylesheets/style.scss */
  .parallax br:after {
    content: ' ';
  }
  /* line 3121, app/assets/stylesheets/style.scss */
  .footer_widget {
    margin-bottom: 40px;
  }
  /* line 3125, app/assets/stylesheets/style.scss */
  .padding-tb75 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  /* line 3130, app/assets/stylesheets/style.scss */
  .cta,
  .fw-cta,
  .cta-fw {
    text-align: center;
  }
  /* line 3136, app/assets/stylesheets/style.scss */
  .cta .btn,
  .fw-cta .btn,
  .cta-fw .btn {
    float: none !important;
    margin-bottom: 20px;
  }
  /* line 3143, app/assets/stylesheets/style.scss */
  .widget_donations h4 {
    font-size: 22px;
  }
  /* line 3147, app/assets/stylesheets/style.scss */
  .fact-ico {
    margin-top: 20px;
  }
  /* line 3151, app/assets/stylesheets/style.scss */
  .fact {
    margin-bottom: 20px;
  }
  /* line 3155, app/assets/stylesheets/style.scss */
  p.lead br {
    display: none;
  }
  /* line 3159, app/assets/stylesheets/style.scss */
  p.lead br:after {
    content: ' ';
  }
  /* line 3163, app/assets/stylesheets/style.scss */
  .widget_volunteer_form {
    margin-top: 40px;
  }
  /* line 3167, app/assets/stylesheets/style.scss */
  .spacer-75 {
    height: 50px;
  }
  /* line 3171, app/assets/stylesheets/style.scss */
  .cause-list-item-cont {
    padding-left: 20px;
    padding-top: 60px;
  }
  /* line 3176, app/assets/stylesheets/style.scss */
  .causes-list-item .cause-progress {
    right: 50%;
    top: auto;
    margin-top: -30px;
    margin-right: -50px;
  }
  /* line 3183, app/assets/stylesheets/style.scss */
  .events-list .event-list-item .event-date {
    width: 14%;
    margin-right: 4%;
  }
  /* line 3188, app/assets/stylesheets/style.scss */
  .events-list .event-list-cont {
    width: 82%;
  }
  /* line 3192, app/assets/stylesheets/style.scss */
  .contact address {
    margin-bottom: 30px;
  }
  /* line 3196, app/assets/stylesheets/style.scss */
  .hero-slider,
  .hero-slider.flexslider ul.slides li,
  .flex-caption-cell {
    height: 350px;
  }
  /* line 3202, app/assets/stylesheets/style.scss */
  .header-style2 .hero-slider,
  .header-style3 .hero-slider,
  .header-style2 .hero-slider.flexslider ul.slides li,
  .header-style3 .hero-slider.flexslider ul.slides li,
  .header-style2 .flex-caption-cell,
  .header-style3 .flex-caption-cell {
    height: 250px;
  }
  /* line 3211, app/assets/stylesheets/style.scss */
  .flex-caption {
    display: none;
  }
  /* line 3215, app/assets/stylesheets/style.scss */
  .copyrights-col-left {
    margin-bottom: 15px;
  }
  /* line 3219, app/assets/stylesheets/style.scss */
  .copyrights-col-left,
  .copyrights-col-right {
    text-align: center;
  }
  /* line 3224, app/assets/stylesheets/style.scss */
  .footer-menu {
    float: none;
  }
  /* line 3228, app/assets/stylesheets/style.scss */
  .site-footer .sp-links {
    margin: 22px 0;
  }
  /* line 3232, app/assets/stylesheets/style.scss */
  .donation-choice-breaker {
    display: none;
  }
  /* line 3236, app/assets/stylesheets/style.scss */
  .single-event .content-block .list-group {
    margin-top: 50px;
  }
  /* line 3240, app/assets/stylesheets/style.scss */
  .blog-list-item .grid-featured-img {
    margin-bottom: 20px;
  }
  /* line 3244, app/assets/stylesheets/style.scss */
  #causes-slider .owl-item {
    height: auto !important;
  }
  /* line 3248, app/assets/stylesheets/style.scss */
  .counter {
    text-align: center;
  }
  /* line 3252, app/assets/stylesheets/style.scss */
  .featured-block {
    margin-bottom: 40px;
  }
  /* line 3256, app/assets/stylesheets/style.scss */
  .partner-carousel .owl-item {
    width: 380px !important;
  }
  /* line 3260, app/assets/stylesheets/style.scss */
  h1 {
    line-height: 1.2em;
    letter-spacing: -1px;
  }
  /* line 3265, app/assets/stylesheets/style.scss */
  h2 {
    line-height: 1.2em;
  }
  /* line 3269, app/assets/stylesheets/style.scss */
  h3 {
    line-height: 1.2em;
  }
}

/* line 3274, app/assets/stylesheets/style.scss */
.masjid-donate-box {
  border-radius: 30px;
  padding: 25px;
}

/* line 3279, app/assets/stylesheets/style.scss */
.masjid-donate-box h3 {
  color: #fff;
  margin-bottom: 10px;
}

/* line 3284, app/assets/stylesheets/style.scss */
.donation-pitch-message {
  font-size: 1.2em !important;
}

/* line 3288, app/assets/stylesheets/style.scss */
.no-underline {
  text-decoration: none !important;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* line 3293, app/assets/stylesheets/style.scss */
  .partner-carousel .owl-item {
    width: 380px !important;
  }
}

@media only screen and (max-width: 480px) {
  /* line 3302, app/assets/stylesheets/style.scss */
  .salah-name h3 {
    color: #eeee6b;
    font-size: 20px;
    font-weight: bold;
  }
  /* line 3308, app/assets/stylesheets/style.scss */
  .site-logo h1 {
    font-size: 24px;
  }
  /* line 3312, app/assets/stylesheets/style.scss */
  .carousel-slide-content h4 {
    font-size: 16px;
    margin-bottom: 20px;
    letter-spacing: 4px;
  }
  /* line 3318, app/assets/stylesheets/style.scss */
  .carousel-slide-content h3 {
    line-height: 30px;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
  /* line 3324, app/assets/stylesheets/style.scss */
  .carousel-slide-content h3 a {
    border-bottom: 1px dotted #c1c1c1;
  }
  /* line 3328, app/assets/stylesheets/style.scss */
  .carousel-slide-content a.btn {
    margin-top: 5px;
  }
  /* line 3332, app/assets/stylesheets/style.scss */
  .carousel-slide-content-col {
    margin-top: 60px;
  }
  /* line 3336, app/assets/stylesheets/style.scss */
  .carousel-slide-content-col p {
    letter-spacing: -1px;
  }
  /* line 3340, app/assets/stylesheets/style.scss */
  .carousel-slide-content-col strong {
    font-weight: 400;
  }
  /* line 3344, app/assets/stylesheets/style.scss */
  .featured-text {
    padding: 10px;
  }
  /* line 3348, app/assets/stylesheets/style.scss */
  .featured-text .salah-name {
    display: block;
    font-weight: 600;
    background: #fbfbe0d1;
    padding: 5px 0px;
    border-radius: 10px;
    margin-bottom: 5px;
  }
  /* line 3357, app/assets/stylesheets/style.scss */
  .featured-text .athan-time {
    color: rgba(255, 255, 255, 0.61);
    display: inline;
    font-size: 16px;
  }
  /* line 3363, app/assets/stylesheets/style.scss */
  .featured-text strong {
    color: #ffffff;
    font-size: 16px;
  }
  /* line 3368, app/assets/stylesheets/style.scss */
  .featured-text .athan-time hr {
    display: none;
  }
  /* line 3372, app/assets/stylesheets/style.scss */
  .featured-text div.jumuah-salah-name {
    font-weight: normal;
    font-size: 18px;
  }
  /* line 3377, app/assets/stylesheets/style.scss */
  .jumuah-salah-col strong {
    color: #637164 !important;
    margin-right: 15px;
    content: ', ';
  }
  /* line 3383, app/assets/stylesheets/style.scss */
  .parallax br {
    content: none;
  }
  /* line 3387, app/assets/stylesheets/style.scss */
  .topbar .topmenu a {
    padding: 10px 18px;
  }
  /* line 3391, app/assets/stylesheets/style.scss */
  .recently-at-item {
    margin-bottom: 10px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  /* line 3402, app/assets/stylesheets/style.scss */
  .default-retina-logo {
    display: block;
  }
  /* line 3406, app/assets/stylesheets/style.scss */
  .default-logo,
  .sticky .default-retina-logo,
  .sticky .default-logo,
  .sticky .default-retina-logo,
  .sticky .sticky-logo {
    display: none;
  }
  /* line 3414, app/assets/stylesheets/style.scss */
  .sticky .sticky-retina-logo {
    display: block;
  }
}