/* Swansea Mosque presentation rules extracted from the legacy bundle. */
/* Canonical Bootstrap 3 and bundled Font Awesome rules are intentionally excluded. */

@font-face {
font-family: 'Playfair Display';font-style: normal;font-weight: 400;src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYhQ.ttf) format('truetype');
}

@font-face {
font-family: 'Playfair Display';font-style: normal;font-weight: 700;src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'), url(https://fonts.gstatic.com/s/playfairdisplay/v15/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lW4e4w.ttf) format('truetype');
}

header .nav > li.active > a::before {
background-color: #f16667 !important;
}

.aAbsolute {
position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 200
}

#skype_pnh_container, #skype_plugin_object, #skype_highlighting_settings {
display: none !important
}

.right {
float: right !important
}

.left {
float: left !important
}

.clear {
clear: both !important
}

.none {
display: none !important
}

.directionR {
direction: rtl;display: inline-block
}

.directionL {
direction: ltr;display: inline-block
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
font-style: italic;font-size: 14px;color: #777
}

.tableResponsiveWrap {
overflow-x: auto
}

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

.tableResponsiveWrap>.tableResponsive th {
white-space: nowrap
}
}

.alert.success {
color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6
}

.alert.info {
color: #31708f;background-color: #d9edf7;border-color: #bce8f1
}

.alert.warning {
color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc
}

.alert.danger {
color: #a94442;background-color: #f2dede;border-color: #ebccd1
}

@media (max-width: 480px) {
.g-recaptcha {
-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8)
}
}

.carousel.carousel-fade .item {
-webkit-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;opacity: 0
}

.carousel.carousel-fade .active.item {
opacity: 1
}

.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {
left: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0)
}

.carousel.carousel-fade .next, .carousel.carousel-fade .prev {
left: 0;z-index: 1
}

.carousel.carousel-fade .carousel-control {
z-index: 3
}

body, p, a, em, td, th, input, select, textarea, div, span, li, label {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 400
}

p a {
color: #333;text-decoration: underline
}

p a:hover {
color: #333;text-decoration: none
}

blockquote:before {
content: open-quote;color: #000;font-size: 100px;line-height: .2;position: absolute;top: 20px
}

blockquote:after {
content: close-quote;visibility: hidden;position: absolute
}

blockquote strong {
display: block;padding: 15px 0 0;font-weight: bold;color: #000;font-size: 14px
}

blockquote strong:before {
content: "\2014 \2009";font-size: 20px;padding-right: 5px
}

p a img {
max-width: 100%
}

article h2 {
font-family: "Playfair Display", serif;line-height: 1;font-size: 26px;margin-bottom: 15px;color: #354b5d;font-weight: 300
}

article h3 {
font-family: "Playfair Display", serif;line-height: 1;font-size: 24px;margin-bottom: 15px;color: #31AB99;font-weight: 300
}

article h4 {
font-family: "Playfair Display", serif;line-height: 1;font-size: 20px;margin-bottom: 15px;color: #f6a641
}

article ul, article ol {
padding-left: 30px;margin-bottom: 15px
}

article li {
font-size: 15px;line-height: 1.428571429;color: #333;padding: 0;margin: 0
}

article p {
margin-bottom: 15px
}

article p a {
color: #ec7d23
}

article img {
max-width: 100%
}

@media (max-width: 767px) {
article ul, article ol {
padding-left: 15px
}

article img {
float: none !important;display: block;max-width: 100%;height: auto
}
}

.changeDirection {
display: block;direction: rtl;text-align: right
}

.tableStyle {
width: 100%;border-top: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5
}

.tableStyle td {
padding: 5px;font-size: 14px;line-height: 25px;color: #333;border-bottom: 1px solid #f5f5f5;border-left: 1px solid #f5f5f5
}

.tableStyle tr:nth-child(even) {
background-color: #f8f8f8
}

.imgTable {
table-layout: fixed;width: 100%
}

.imgTable td {
padding: 15px 5px;vertical-align: top;line-height: 1
}

.imgTable td img {
max-width: 100%;height: auto;margin-bottom: 5px
}

@media (max-width: 480px) {
.imgTable td {
width: 100%;float: left
}
}

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

header .nav > li.active > a::before {
background-color: #f16667;
}

#insideMain .side-bar1 {
float: left;position: relative;padding: 4rem 2rem;
}

@media (max-width: 767px) {
.hidden-xs1 {
display: table-row !important;width: 100%;
}
}

article h4 {
font-family: "Playfair Display", serif;line-height: 1;font-size: 20px;margin-bottom: 15px;color: #56389b
}

.royalSlider {
width: 600px;height: 400px;position: relative;direction: ltr
}

.royalSlider>* {
float: left
}

.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl {
-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0)
}

.rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer {
-webkit-transform: none
}

.rsOverflow {
width: 100%;height: 100%;position: relative;overflow: hidden;float: left;-webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap {
width: 100%;height: 100%;position: relative;overflow: hidden;left: 0;top: 0;-webkit-tap-highlight-color: transparent
}

.rsVisibleNearbyWrap .rsOverflow {
position: absolute;left: 0;top: 0
}

.rsContainer {
position: relative;width: 100%;height: 100%;-webkit-tap-highlight-color: transparent
}

.rsArrow, .rsThumbsArrow {
cursor: pointer
}

.rsThumb {
float: left;position: relative
}

.rsArrow, .rsNav, .rsThumbsArrow {
opacity: 1;-webkit-transition: opacity 0.3s linear;transition: opacity 0.3s linear
}

.rsHidden {
opacity: 0;visibility: hidden;-webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;transition: visibility 0s linear 0.3s, opacity 0.3s linear
}

.rsGCaption {
width: 100%;float: left;text-align: center
}

.royalSlider.rsFullscreen {
position: fixed !important;height: auto !important;width: auto !important;margin: 0 !important;padding: 0 !important;z-index: 2147483647 !important;top: 0 !important;left: 0 !important;bottom: 0 !important;right: 0 !important
}

.royalSlider .rsSlide.rsFakePreloader {
opacity: 1 !important;-webkit-transition: 0s;transition: 0s;display: none
}

.rsSlide {
position: absolute;left: 0;top: 0;display: block;overflow: hidden;height: 100%;width: 100%
}

.royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide {
height: auto
}

.rsContent {
width: 100%;height: 100%;position: relative
}

.rsPreloader {
position: absolute;z-index: 0
}

.rsNav {
-moz-user-select: -moz-none;-webkit-user-select: none;-ms-user-select: none;user-select: none
}

.rsNavItem {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.25)
}

.rsThumbs {
cursor: pointer;position: relative;overflow: hidden;float: left;z-index: 22
}

.rsTabs {
float: left;background: none !important
}

.rsTabs, .rsThumbs {
-webkit-tap-highlight-color: transparent;-webkit-tap-highlight-color: transparent
}

.rsVideoContainer {
width: auto;height: auto;line-height: 0;position: relative
}

.rsVideoFrameHolder {
position: absolute;left: 0;top: 0;background: #141414;opacity: 0;-webkit-transition: .3s
}

.rsVideoFrameHolder.rsVideoActive {
opacity: 1
}

.rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj {
position: absolute;z-index: 50;left: 0;top: 0;width: 100%;height: 100%
}

.rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed {
box-sizing: border-box;padding-right: 44px
}

.rsABlock {
left: 0;top: 0;position: absolute;z-index: 15;-webkit-backface-visibility: hidden
}

.grab-cursor {
cursor: url(../royalslider/grab.png) 8 8, move
}

.grabbing-cursor {
cursor: url(../royalslider/grabbing.png) 8 8, move
}

.rsNoDrag {
cursor: auto
}

.rsLink {
left: 0;top: 0;position: absolute;width: 100%;height: 100%;display: block;z-index: 20;background: url(../royalslider/blank.gif);-webkit-backface-visibility: hidden
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
background: #000;color: #FFF
}

.rsMinW .rsArrow {
height: 32px;width: 32px;position: absolute;display: block;cursor: pointer;z-index: 21
}

.rsMinW .rsArrowLeft {
right: 37px;bottom: 7px
}

.rsMinW .rsArrowRight {
right: 7px;bottom: 7px
}

.rsMinW .rsArrowIcn {
width: 24px;height: 24px;margin-top: 3px;margin-left: 3px;position: absolute;cursor: pointer;background: url("rs-minimal-white.png") transparent;border-radius: 2px
}

.rsMinW.rsHor .rsArrowLeft .rsArrowIcn {
background-position: -68px -36px
}

.rsMinW.rsHor .rsArrowRight .rsArrowIcn {
background-position: -68px -68px
}

.rsMinW.rsVer .rsArrowLeft .rsArrowIcn {
background-position: -100px -36px
}

.rsMinW.rsVer .rsArrowRight .rsArrowIcn {
background-position: -100px -68px
}

.rsMinW .rsArrowDisabled .rsArrowIcn {
opacity: .3 !important;filter: alpha(opacity=30);*display: none
}

.rsMinW .rsBullets {
position: absolute;bottom: 15px;right: 73px;z-index: 35;padding-top: 4px;height: auto;text-align: center;line-height: 6px;overflow: hidden
}

.rsMinW .rsBullet {
width: 6px;height: 6px;display: inline-block;*display: inline;*zoom: 1;padding: 6px 5px 6px 4px
}

.rsMinW .rsBullet span {
display: block;width: 6px;height: 6px;border-radius: 50%;background: #CCC;background: rgba(255, 255, 255, 0.5);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1)
}

.rsMinW .rsBullet.rsNavSelected span {
background: #FFF
}

.rsMinW .rsThumbsHor {
width: 100%;height: auto
}

.rsMinW .rsThumbsVer {
width: 96px;height: 100%;position: absolute;top: 0;right: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsContainer {
position: relative;height: 100%
}

.rsMinW.rsWithThumbsVer .rsThumbsContainer {
position: relative;width: 100%
}

.rsMinW .rsThumb {
float: left;overflow: hidden;width: 96px;height: 72px
}

.rsMinW .rsThumb img {
width: 100%;height: 100%
}

.rsMinW .rsThumb.rsNavSelected {
background: #333
}

.rsMinW .rsThumb.rsNavSelected img {
filter: alpha(opacity=40);opacity: 0.7
}

.rsMinW .rsThumb.rsNavSelected span.thumbIco {
position: absolute;top: 0;bottom: 0;left: 0;right: 0;border: 2px solid #FFF;border: 2px solid rgba(255, 255, 255, 0.9);-webkit-backface-visibility: hidden
}

.rsMinW .rsTmb {
display: block
}

.rsMinW .rsThumbsArrow {
height: 100%;width: 20px;position: absolute;display: block;cursor: pointer;z-index: 21
}

.rsMinW.rsWithThumbsVer .rsThumbsArrow {
width: 100%;height: 20px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft {
top: 0;left: 0
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight {
bottom: 0;left: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft {
left: 0;top: 0
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight {
right: 0;top: 0
}

.rsMinW .rsThumbsArrowIcn {
width: 16px;height: 16px;top: 50%;left: 50%;margin-top: -8px;margin-left: -8px;position: absolute;cursor: pointer;background: url("rs-minimal-white.png")
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
background-position: -128px -32px
}

.rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
background-position: -128px -48px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
background-position: -144px -32px
}

.rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
background-position: -144px -48px
}

.rsMinW .rsThumbsArrowDisabled {
display: none !important
}

@media screen and (min-width: 0px) and (max-width: 800px) {
.rsMinW .rsThumb {
width: 59px;height: 44px
}

.rsMinW .rsThumbsHor {
height: 44px
}

.rsMinW .rsThumbsVer {
width: 59px
}
}

.rsMinW .rsTabs {
width: 100%;height: auto;margin: 0 auto;text-align: center;overflow: hidden;padding-top: 12px;position: relative
}

.rsMinW .rsTab {
display: inline-block;cursor: pointer;text-align: center;height: auto;width: auto;color: #333;padding: 5px 13px 6px;min-width: 72px;border: 1px solid #D9D9DD;border-right: 1px solid #f5f5f5;text-decoration: none;background-color: #000;background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);*display: inline;*zoom: 1
}

.rsMinW .rsTab:first-child {
border-top-left-radius: 4px;border-bottom-left-radius: 4px
}

.rsMinW .rsTab:last-child {
border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-right: 1px solid #cfcfcf
}

.rsMinW .rsTab:active {
border: 1px solid #D9D9DD;background-color: #f4f4f4;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset
}

.rsMinW .rsTab.rsNavSelected {
color: #000;border: 1px solid #999;text-shadow: 1px 1px #838383;box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;background: #ACACAC;background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);background-image: linear-gradient(to bottom, #ACACAC, #BBB)
}

.rsMinW .rsFullscreenBtn {
right: 0;top: 0;width: 44px;height: 44px;z-index: 22;display: block;position: absolute;cursor: pointer
}

.rsMinW .rsFullscreenIcn {
display: block;margin: 6px;width: 32px;height: 32px;background: url("rs-minimal-white.png") 0 0 transparent
}

.rsMinW .rsFullscreenIcn:hover {
opacity: 0.8
}

.rsMinW.rsFullscreen .rsFullscreenIcn {
background-position: -32px 0
}

.rsMinW .rsPlayBtn {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);width: 64px;height: 64px;margin-left: -32px;margin-top: -32px;cursor: pointer
}

.rsMinW .rsPlayBtnIcon {
width: 64px;display: block;height: 64px;border-radius: 4px;-webkit-transition: .3s;transition: .3s;background: url(rs-minimal-white.png) no-repeat 0 -32px;background-color: #000;background-color: rgba(0, 0, 0, 0.75);*background-color: #000
}

.rsMinW .rsPlayBtn:hover .rsPlayBtnIcon {
background-color: rgba(0, 0, 0, 0.9)
}

.rsMinW .rsBtnCenterer {
position: absolute;left: 50%;top: 50%;width: 20px;height: 20px
}

.rsMinW .rsCloseVideoBtn {
right: 0;top: 0;width: 44px;height: 44px;z-index: 500;position: absolute;cursor: pointer;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0)
}

.rsMinW .rsCloseVideoBtn.rsiOSBtn {
top: -38px;right: -6px
}

.rsMinW .rsCloseVideoIcn {
margin: 6px;width: 32px;height: 32px;background: url("rs-minimal-white.png") -64px 0;background-color: #000;background-color: rgba(0, 0, 0, 0.75);*background-color: #000
}

.rsMinW .rsCloseVideoIcn:hover {
background-color: rgba(0, 0, 0, 0.9)
}

.rsMinW .rsPreloader {
width: 20px;height: 20px;background-image: url(../preloaders/preloader-white.gif);left: 50%;top: 50%;margin-left: -10px;margin-top: -10px
}

.rsMinW .rsGCaption {
position: absolute;float: none;bottom: 6px;left: 6px;text-align: left;background: #000;background: rgba(0, 0, 0, 0.75);color: #FFF;padding: 2px 8px;width: auto;font-size: 12px;border-radius: 2px
}

.rsWebkit3d .rsSlide {
-webkit-transform: translateZ(0)
}

.rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink {
-webkit-backface-visibility: hidden
}

.rsABlock {
left: 0;top: 0;position: absolute;z-index: 15
}

img.rsImg {
max-width: none
}

.grab-cursor {
cursor: url(grab.png) 8 8, move
}

.grabbing-cursor {
cursor: url(grabbing.png) 8 8, move
}

.rsLink {
left: 0;top: 0;position: absolute;width: 100%;height: 100%;display: block;z-index: 20;background: url(blank.gif)
}

.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs {
background: #fff;color: #FFF
}

.rsMinW .rsArrowIcn {
width: 24px;height: 24px;margin-top: 3px;margin-left: 3px;position: absolute;cursor: pointer;background: url(../royalslider/skins/minimal-white/rs-minimal-white.png) transparent;border-radius: 2px
}

.rsMinW .rsThumbsHor {
width: 100%;height: 72px
}

.rsMinW .rsThumbsArrowIcn {
width: 16px;height: 16px;top: 50%;left: 50%;margin-top: -8px;margin-left: -8px;position: absolute;cursor: pointer;background: url(../royalslider/skins/minimal-white/rs-minimal-white.png)
}

.rsMinW .rsTab {
display: inline-block;cursor: pointer;text-align: center;height: auto;width: auto;color: #333;padding: 5px 13px 6px;min-width: 72px;border: 1px solid #D9D9DD;border-right: 1px solid #f5f5f5;text-decoration: none;background-color: #000;background-image: -webkit-linear-gradient(to bottom, #fefefe, #f4f4f4);background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);*display: inline;*zoom: 1
}

.rsMinW .rsTab.rsNavSelected {
color: #000;border: 1px solid #999;text-shadow: 1px 1px #838383;box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;background: #ACACAC;background-image: -webkit-linear-gradient(to bottom, #ACACAC, #BBB);background-image: -moz-llinear-gradient(to bottom, #ACACAC, #BBB);background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);background-image: linear-gradient(to bottom, #ACACAC, #BBB)
}

.rsMinW .rsFullscreenIcn {
display: block;margin: 6px;width: 32px;height: 32px;background: url(../royalslider/skins/minimal-white/rs-minimal-white.png) 0 0 transparent
}

.rsMinW .rsPlayBtnIcon {
width: 64px;display: block;height: 64px;border-radius: 4px;-webkit-transition: .3s;transition: .3s;background: url(../royalslider/skins/minimal-white/rs-minimal-white.png) no-repeat 0 -32px;background-color: #000;background-color: rgba(0, 0, 0, 0.75);*background-color: #000
}

.rsMinW .rsCloseVideoIcn {
margin: 6px;width: 32px;height: 32px;background: url(../royalslider/skins/minimal-white/rs-minimal-white.png) -64px 0;background-color: #000;background-color: rgba(0, 0, 0, 0.75);*background-color: #000
}

.rsMinW .rsPreloader {
width: 20px;height: 20px;background-image: url(../royalslider/skins/preloaders/preloader-white.gif);left: 50%;top: 50%;margin-left: -10px;margin-top: -10px
}

.royalSlider.heroSlider {
height: 100%
}

.royalSlider.heroSlider .rsContent {
display: none
}

.royalSlider.heroSlider .rsContent img {
visibility: hidden;width: 100%
}

.royalSlider.heroSlider .rsContent:first-of-type {
display: block;background: transparent url(../royalslider/skins/preloaders/preloader.gif) center center no-repeat
}

.royalSlider.heroSlider .rsOverflow .rsContent {
background: none;display: block
}

.royalSlider.heroSlider .rsOverflow .rsContent img {
visibility: visible;width: auto
}

.owl-carousel {
display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1
}

.owl-carousel .owl-stage {
position: relative;-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0
}

.owl-carousel .owl-stage-outer {
position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-item {
position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none
}

.owl-carousel .owl-item img {
display: block;width: 100%;-webkit-transform-style: preserve-3d
}

.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {
display: none
}

.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {
cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none
}

.owl-carousel.owl-loaded {
display: block
}

.owl-carousel.owl-loading {
opacity: 0;display: block
}

.owl-carousel.owl-hidden {
opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
display: none
}

.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none
}

.owl-carousel.owl-grab {
cursor: move;cursor: -webkit-grab;cursor: grab
}

.owl-carousel.owl-rtl {
direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
float: right
}

.no-js .owl-carousel {
display: block
}

.mfp-bg {
top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8
}

.mfp-wrap {
top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden
}

.mfp-container {
text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box
}

.mfp-container:before {
content: '';display: inline-block;height: 100%;vertical-align: middle
}

.mfp-align-top .mfp-container:before {
display: none
}

.mfp-content {
position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;cursor: auto
}

.mfp-ajax-cur {
cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;cursor: zoom-out
}

.mfp-zoom {
cursor: pointer;cursor: -webkit-zoom-in;cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none
}

.mfp-loading.mfp-figure {
display: none
}

.mfp-hide {
display: none !important
}

.mfp-preloader {
color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044
}

.mfp-preloader a {
color: #CCC
}

.mfp-preloader a:hover {
color: #FFF
}

.mfp-s-ready .mfp-preloader {
display: none
}

.mfp-s-error .mfp-content {
display: none
}

button.mfp-close, button.mfp-arrow {
overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;-ms-touch-action: manipulation;touch-action: manipulation
}

.mfp-close {
width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
opacity: 1
}

.mfp-close:active {
top: 1px
}

.mfp-close-btn-in .mfp-close {
color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%
}

.mfp-counter {
position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap
}

.mfp-arrow {
position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1
}

.mfp-arrow:before, .mfp-arrow:after {
content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent
}

.mfp-arrow:after {
border-top-width: 13px;border-bottom-width: 13px;top: 8px
}

.mfp-arrow:before {
border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7
}

.mfp-arrow-left {
left: 0
}

.mfp-arrow-left:after {
border-right: 17px solid #FFF;margin-left: 31px
}

.mfp-arrow-left:before {
margin-left: 25px;border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
right: 0
}

.mfp-arrow-right:after {
border-left: 17px solid #FFF;margin-left: 39px
}

.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
padding-top: 40px;padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
line-height: 0;width: 100%;max-width: 900px
}

.mfp-iframe-holder .mfp-close {
top: -40px
}

.mfp-iframe-scaler {
width: 100%;height: 0;overflow: hidden;padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000
}

img.mfp-img {
width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto
}

.mfp-figure {
line-height: 0
}

.mfp-figure:after {
content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444
}

.mfp-figure small {
color: #BDBDBD;display: block;font-size: 12px;line-height: 14px
}

.mfp-figure figure {
margin: 0
}

.mfp-bottom-bar {
margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto
}

.mfp-title {
text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px
}

.mfp-image-holder .mfp-content {
max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;padding-right: 0
}

.mfp-img-mobile img.mfp-img {
padding: 0
}

.mfp-img-mobile .mfp-figure:after {
top: 0;bottom: 0
}

.mfp-img-mobile .mfp-figure small {
display: inline;margin-left: 5px
}

.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box
}

.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}

.mfp-img-mobile .mfp-counter {
right: 5px;top: 3px
}

.mfp-img-mobile .mfp-close {
top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0
}
}

@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);-ms-transform: scale(0.75);transform: scale(0.75)
}

.mfp-arrow-left {
-webkit-transform-origin: 0;-ms-transform-origin: 0;transform-origin: 0
}

.mfp-arrow-right {
-webkit-transform-origin: 100%;-ms-transform-origin: 100%;transform-origin: 100%
}

.mfp-container {
padding-left: 6px;padding-right: 6px
}
}

.bttn {
display: inline-block;text-decoration: none;padding: 10px 30px;background: #ec7d23;color: #fff;border-radius: 5px;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 15px;border: 1px solid transparent
}

.bttn:hover {
color: #ec7d23;background-color: transparent;border: 1px solid #ec7d23
}

header #homeMenu {
position: relative
}

header .navbar-header {
position: relative;z-index: 2;width: 25%;padding: 15px 0
}

header .navbar-header .logo {
display: inline-block;width: 100%
}

header .navbar-header .logo img {
margin-left: 0;max-width: 100%
}

header .search-xs {
position: absolute;top: 22px;right: 50px
}

header .search-xs .search-container-xs {
display: none
}

header .search-xs input {
width: 130px;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s;background-color: #0c273d;border-radius: 0 25px 25px 0;color: #fff;border: none;height: 100%;font-size: 13px;padding: 7px 10px
}

header .search-xs input::-webkit-input-placeholder {
font-style: inherit;font-size: inherit;color: inherit
}

header .search-xs input:-moz-placeholder {
opacity: 1;font-style: inherit;font-size: inherit;color: inherit
}

header .search-xs input::-moz-placeholder {
opacity: 1;font-style: inherit;font-size: inherit;color: inherit
}

header .search-xs input:-ms-input-placeholder {
font-style: inherit;font-size: inherit;color: inherit
}

header .search-xs .collapse-search-xs {
background-color: #0c273d;border-radius: 25px 0 0 25px;padding: 5px 10px;color: #fff;border: none;height: 100%;font-size: 18px;cursor: pointer;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s
}

header .search-xs .searchButton-xs {
padding: 7px 17px 7px 10px;color: #fff;font-size: 18px;line-height: 1;text-transform: uppercase;border-radius: 25px;border: none;text-decoration: none;background: #0c273d url(../images/shared/right-angle.png) no-repeat right center;background-size: auto 100%;cursor: pointer;height: 100%;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s
}

header .search-xs .searchButton-xs:hover {
background-color: #31ab9a
}

header .header-links {
width: 75%;margin-top: 5px;float: right;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end
}

header .header-links .search {
display: block;position: relative
}

header .header-links .search .search-container {
display: none
}

header .header-links .search input {
position: absolute;top: 0;right: 43px;display: block;width: 178px;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s;background-color: #0c273d;color: #fff;border: none;height: 100%;padding: 5px 10px
}

header .header-links .search input::-webkit-input-placeholder {
font-style: inherit;font-size: inherit;color: inherit
}

header .header-links .search input:-moz-placeholder {
opacity: 1;font-style: inherit;font-size: inherit;color: inherit
}

header .header-links .search input::-moz-placeholder {
opacity: 1;font-style: inherit;font-size: inherit;color: inherit
}

header .header-links .search input:-ms-input-placeholder {
font-style: inherit;font-size: inherit;color: inherit
}

header .header-links .search .collapse-search {
position: absolute;top: 0;left: -189px;background-color: #0c273d;border-radius: 25px 0 0 25px;padding: 5px 12px;color: #fff;border: none;border-right: 1px solid #fff;height: 100%;font-size: 14px;cursor: pointer;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s
}

header .header-links .search .searchButton {
display: block;padding: 0 30px 0 10px;color: #fff;font-size: 20px;line-height: 1;text-transform: uppercase;border-radius: 25px;border: none;text-decoration: none;background: #0c273d url("../images/shared/right-angle.png") no-repeat right center;background-size: auto 100%;margin: 0 2px;cursor: pointer;height: 100%;position: relative;z-index: 200;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s
}

header .header-links .search .searchButton:hover {
background-color: #31ab9a
}

header .header-links .full-date {
display: block;padding: 14px 20px 14px 30px;color: #fff;font-size: 14px;line-height: 1;border-radius: 25px;text-decoration: none;background: #31ab9a url("../images/shared/left-angle.png") no-repeat left center;background-size: auto 100%;margin: 0
}

@media (min-width: 1200px) {
header .header-links .full-date {
text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;white-space: nowrap
}
}

header .header-links .full-date span {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: normal
}

header .header-links .full-date span:first-of-type:after {
content: "|";padding: 0 5px;display: inline-block
}

header .header-links .donate {
display: block;background-color: #559b61;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;padding: 14px 25px 12px;color: #fff;font-size: 15px;font-weight: 400;line-height: 1;text-transform: uppercase;border-radius: 25px;text-decoration: none;margin: 0 2px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s
}

header .header-links .donate:hover {
background-color: #f16667
}

header .header-links .social-media {
border-radius: 25px;background-color: #f6a641;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 10px
}

header .header-links .social-media li {
list-style: none;display: inline-block;border-right: 1px solid #fff
}

header .header-links .social-media li:last-child {
border-right: none
}

header .header-links .social-media li a {
display: block;padding: 2px 5px 0;color: #fff;text-decoration: none;font-size: 20px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out
}

header .nav {
margin-top: 30px;width: 75%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;float: right
}

header .navbar {
margin-bottom: 0
}

header .nav>li {
border-left: 1px solid #d4d4d4;padding: 0 1px
}

header .nav>li:nth-child(1) {
border-left: none
}

header .nav>li:last-child {
border-left: none
}

header .nav>li>a {
display: block;text-decoration: none;font-size: 14px;line-height: 1;text-transform: uppercase;color: #333;padding: 25px 9px;-webkit-transition: all 0s ease-in-out;transition: all 0s ease-in-out;z-index: 100
}

header .nav>li>a:before {
display: block;content: "";background-color: transparent;position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: -30px;border-radius: 5px 5px 0 0
}

header .nav>li.open>a, header .nav>li.open>a:hover, header .nav>li.open>a:focus {
background-color: #f16667;color: #fff;border-radius: 5px 5px 0 0
}

header .nav>li.open>a:before, header .nav>li.open>a:hover:before, header .nav>li.open>a:focus:before {
background-color: #f16667
}

@media (max-width: 767px) {
header .nav>li.open>a:before, header .nav>li.open>a:hover:before, header .nav>li.open>a:focus:before {
background-color: transparent
}
}

header .nav>li:nth-child(n+5)>.dropdown-menu {
left: auto !important;right: 1px !important;border-radius: 5px 0 5px 5px
}

header .nav .dropdown-menu {
background-color: #707070;border: none;border-radius: 0 5px 5px 5px;left: 1px;padding: 20px 5px;min-width: 195px
}

header .nav .dropdown-menu>ul {
min-width: 175px;float: left;padding: 0 10px
}

header .nav .dropdown-menu>ul:nth-child(2n+2) {
border-right: none
}

header .nav .dropdown-menu li {
list-style: none
}

header .nav .dropdown-menu li a {
color: #fff;text-decoration: none;font-size: 13px;text-transform: uppercase;padding: 7px 5px;display: block;width: 175px;margin-left: 0
}

header .nav .dropdown-menu li.open {
width: 380px
}

header .nav .dropdown-menu li.open:before {
display: block;content: "";width: 1px;position: absolute;top: 0;bottom: 0;right: 50%;background-color: rgba(255, 255, 255, 0.1)
}

header .nav .dropdown-menu li.open>a {
border-radius: 0;background-color: rgba(255, 255, 255, 0.1)
}

header .nav .dropdown-menu li.active a, header .nav .dropdown-menu li a:hover, header .nav .dropdown-menu li a:focus {
color: #f5a641 !important;background-color: transparent
}

header .nav .dropdown-menu li li {
margin-left: 20px;border-right: none;color: #fff;list-style: disc
}

header .nav .dropdown-menu li li a {
display: block;padding: 2px 2px;font-size: 14px;text-transform: none;white-space: normal
}

header .nav ul .dropdown-menu {
position: absolute;width: 50%;top: 0;right: 0;left: auto;box-shadow: none
}

@media (max-width: 490px) {
header .search-xs {
text-align: right;right: 50px
}

header .search-xs input {
width: 50%;padding: 5px
}

header .search-xs .searchButton-xs {
padding: 5px 20px 5px 8px
}

header .search-xs .collapse-search-xs {
font-size: 16px
}
}

@media (max-width: 1199px) and (min-width: 992px) {
header .header-links {
margin-bottom: 10px
}

header .header-links .search input {
width: 173px;right: 38px
}

header .header-links .search .searchButton {
padding: 8px 25px 8px 10px;font-size: 16px
}

header .header-links .full-date {
padding: 10px 20px 10px 30px
}

header .header-links .donate {
padding: 10px 20px;font-size: 11px
}

header .header-links .social-media {
padding: 6px 10px
}

header .navbar-header {
width: 20%
}

header .nav {
margin-top: 8px;width: 80%
}

header .nav>li>a {
font-size: 14px
}
}

@media (max-width: 991px) and (min-width: 768px) {
header .header-links .search input {
right: 40px;width: 135px
}

header .header-links .search .collapse-search {
left: -152px
}

header .header-links .search .searchButton {
padding: 5px 25px 5px 10px;font-size: 16px
}

header .header-links .full-date {
padding: 9px 15px 5px 20px;font-size: 11px
}

header .header-links .donate {
padding: 9px 10px;font-size: 11px
}

header .header-links .social-media li a {
font-size: 15px
}

header .navbar-header {
width: 23%
}

header .nav {
margin-top: 2px;width: 78%
}

header .nav>li>a {
font-size: 11px;padding: 20px 4px
}

header .nav>li>a:before {
bottom: -10px
}

header .nav ul .dropdown-menu {
display: block;position: static;padding: 0;margin-bottom: 15px
}
}

@media (max-width: 767px) {
header .navbar-header {
margin-top: 0;margin-right: 0 !important;margin-left: 0 !important;width: 100%;padding: 0
}

header .navbar-header .logo {
width: 50%
}

header .navbar-header .logo img {
margin-left: 0;max-height: 80px
}

header .navbar-header .navbar-toggle {
margin: 20px 0;background-color: #f6a641;padding: 10px
}

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

header .donate.visible-xs {
display: block;width: 75px;background-color: #559b61;font-family: "Ubuntu";padding: 12px 11px;color: #fff;font-size: 12px;font-weight: 700;line-height: 1;text-transform: uppercase;border-radius: 25px;text-decoration: none;margin: 0 2px;-webkit-transition: all ease-in-out 0.3s;transition: all ease-in-out 0.3s;position: absolute;top: 21px;right: 55px
}

header .searchXs {
padding: 7px 0;background-color: #f7f7f7
}

header .searchXs input {
width: 60%;height: 35px;border: 1px solid #b5b5b5;padding: 5px
}

header .searchXs button {
width: 12%;height: 35px;border: 1px solid #b5b5b5;padding: 5px;background: #e0e0e0
}

header #homeMenu {
position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: #fff;border-top: 5px solid #f6a641;border-bottom: 5px solid #f6a641;z-index: 10000;margin: 0
}

header #homeMenu .nav {
width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0;padding-bottom: 20px;padding-top: 10px
}

header #homeMenu .nav li {
border-left: none
}

header #homeMenu .nav .active a {
background-color: #f16667;color: #fff
}

header #homeMenu .nav .active a:before {
display: none
}

header #homeMenu .nav .back {
padding-top: 25px
}

header #homeMenu .nav li {
width: 100%;text-align: center
}

header #homeMenu .nav li:before, header #homeMenu .nav li:after {
display: none
}

header #homeMenu .nav li a {
font-size: 18px;padding: 10px;color: #0c273d;letter-spacing: 0
}

header #homeMenu .nav li.open a {
color: #f6a641 !important;
}

header #homeMenu .nav li .dropdown-menu li a {
font-size: 16px
}

header #homeMenu .nav .social-li ul {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center
}

header #homeMenu .nav .social-li ul li {
width: 20.333333%;list-style: none
}

header #homeMenu .nav .social-li ul li a {
text-decoration: none
}

header #homeMenu .nav ul .dropdown-menu {
display: block;position: static;padding: 0;margin-bottom: 15px
}

header #homeMenu .nav .dropdown-submenu .dropdown-menu {
background-color: #505050;border-radius: 0
}

header #homeMenu .nav .dropdown-submenu .dropdown-menu>ul {
width: 100%;float: none;border-right: none
}

header #homeMenu .nav .dropdown-submenu .dropdown-menu>ul li {
text-align: left
}

header #homeMenu .nav .dropdown-submenu .dropdown-menu>ul li a {
font-size: 15px;padding: 5px;color: #fff !important;background-color: transparent
}

header #homeMenu .nav .dropdown-submenu .dropdown-menu>ul .active a {
color: #f16667 !important
}

header #homeMenu .nav .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu {
background-color: #e9e9e9
}
}

.inside-banner {
height: 185px;overflow: hidden;position: relative;width: 100%
}

.inside-banner img {
position: absolute;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);height: 100%;width: auto;max-width: none
}

#full-width-slider {
width: 100%
}

#full-width-slider .rsBullets {
position: absolute;bottom: 30px;left: 20%;z-index: 35;padding-top: 4px;height: auto;right: auto;text-align: center;line-height: 6px;overflow: hidden
}

#full-width-slider .rsBullets .rsBullet {
cursor: pointer;width: 20px;height: 20px;display: inline-block;padding: 6px 5px;border: 2px solid #fff;border-radius: 50%;margin-right: 15px;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out
}

#full-width-slider .rsBullets .rsBullet:hover {
border: 3px solid #fff
}

#full-width-slider .rsBullets .rsBullet span {
display: none
}

#full-width-slider .rsBullets .rsNavSelected {
border: none;background: #f6a641
}

#full-width-slider .rsBullets .rsNavSelected:hover {
border: none
}

#full-width-slider .rsArrow {
display: block !important;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%)
}

#full-width-slider .rsArrowLeft {
left: 3%;height: auto;width: auto;right: auto;bottom: auto
}

#full-width-slider .rsArrowLeft:before {
content: "";display: inline-block;width: 30px;height: 30px;border-right: 4px solid #fff;border-top: 4px solid #fff;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)
}

#full-width-slider .rsArrowLeft .rsArrowIcn {
display: none
}

#full-width-slider .rsArrowRight {
right: 3%;height: auto;width: auto;left: auto;bottom: auto
}

#full-width-slider .rsArrowRight:before {
content: "";display: inline-block;width: 30px;height: 30px;border-left: 4px solid #fff;border-bottom: 4px solid #fff;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)
}

#full-width-slider .rsArrowRight .rsArrowIcn {
display: none
}

#full-width-slider .rsABlock {
width: 1200px;top: 50%;left: 50%;padding: 0 15px;-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important
}

#full-width-slider .infoBlock p {
max-width: 65%;font-size: 35px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;text-shadow: #5d5b5a 1px 1px 1px;font-weight: 500;text-transform: uppercase;color: #fff;line-height: 1.3
}

@media (min-width: 992px) and (max-width: 1199px) {
#full-width-slider .rsABlock {
width: 900px
}

#full-width-slider .rsArrowLeft {
left: 5%
}

#full-width-slider .rsArrowRight {
right: 5%
}
}

@media (min-width: 768px) and (max-width: 991px) {
#full-width-slider .rsABlock {
width: 750px
}
}

@media (max-width: 767px) {
#full-width-slider .rsABlock {
width: 100%
}
}

.separator {
background: #fff url(../images/shared/separator-img.jpg) 100% 100% repeat-x;height: 35px
}

@media (min-width: 1600px) {
.inside-banner img {
height: auto;width: 100%
}
}

@media (max-width: 1199px) and (min-width: 992px) {
#full-width-slider {
min-height: 350px
}

.separator {
height: 35px
}
}

@media (max-width: 991px) and (min-width: 768px) {
#full-width-slider {
min-height: 300px
}

#full-width-slider .infoBlock p {
font-size: 28px
}
}

@media (max-width: 767px) {
#full-width-slider {
min-height: 250px
}

#full-width-slider .rsArrowLeft:before, #full-width-slider .rsArrowRight:before {
width: 20px;height: 20px
}

#full-width-slider .rsBullets {
display: none
}

#full-width-slider .infoBlock {
width: 90%
}

#full-width-slider .infoBlock p {
font-size: 22px;max-width: 100%
}

#full-width-slider .rsABlock {
width: 100%;left: 50%;-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;text-align: center
}

.separator {
height: 30px
}
}

.section-title {
padding-left: 15px;padding-right: 15px;font-family: "Playfair Display", serif;font-size: 40px;line-height: 1.5;text-align: center;font-weight: 700
}

.welcome {
margin-top: 50px;padding-bottom: 75px;background: #fff url(../images/shared/welcome-background.png) repeat 25% bottom
}

.welcome .welcome-content {
padding-left: 15px
}

.welcome .welcome-content .section-title {
text-align: left;color: #354b5d;margin-top: 16px;margin-bottom: 32px;line-height: 1.1;padding-left: 0;padding-right: 0;font-weight: 700
}

.welcome .welcome-content .section-title em {
font-family: "Playfair Display", serif;display: block;font-style: normal;font-weight: 700
}

.welcome .welcome-content .description {
padding-left: 0;padding-right: 0;font-size: 17px;color: #444;line-height: 1.5;font-weight: 300;display: block;margin-bottom: 45px
}

.welcome .welcome-content .read-more {
text-decoration: none;text-transform: uppercase;font-size: 16px;padding: 7px 10px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;color: #fff;background-color: #56389c;border-radius: 10px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out
}

.welcome .welcome-content .read-more:hover {
background-color: #ec7d23
}

.welcome .welcome-img img {
max-width: 100%
}

@media (max-width: 768px) {
.welcome .welcome-img {
display: none
}
}

.latest-news {
background-color: #f7f7f7
}

.latest-news .section-title {
text-align: left;color: #354b5d;margin-top: 50px;margin-bottom: 30px
}

.latest-news .owl-carousel {
padding-left: 15px;padding-right: 15px;margin-bottom: 50px
}

.latest-news .owl-carousel .owl-prev {
display: block !important;position: absolute;top: 40%;left: -30px;-webkit-transform: translate(0, -40%);-ms-transform: translate(0, -40%);transform: translate(0, -40%)
}

.latest-news .owl-carousel .owl-prev:before {
content: "";display: inline-block;width: 30px;height: 30px;border-right: 8px solid #ec7d23;border-top: 8px solid #ec7d23;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)
}

@media (max-width: 767px) {
.latest-news .owl-carousel .owl-prev:before {
border-right: 4px solid #ec7d23;border-top: 4px solid #ec7d23
}
}

.latest-news .owl-carousel .owl-next {
display: block !important;position: absolute;top: 40%;right: -30px;-webkit-transform: translate(0, -40%);-ms-transform: translate(0, -40%);transform: translate(0, -40%)
}

.latest-news .owl-carousel .owl-next:before {
content: "";display: inline-block;width: 30px;height: 30px;border-left: 8px solid #ec7d23;border-bottom: 8px solid #ec7d23;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)
}

@media (max-width: 767px) {
.latest-news .owl-carousel .owl-next:before {
border-left: 4px solid #ec7d23;border-bottom: 4px solid #ec7d23
}
}

.latest-news .owl-carousel .item {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;border-bottom: 3px solid #c6c6c6;margin-right: 10px;padding-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex
}

@media (max-width: 767px) {
.latest-news .owl-carousel .item {
margin-right: 25px;margin-left: 25px
}
}

.latest-news .owl-carousel .item span {
display: block
}

.latest-news .owl-carousel .item .date {
padding: 10px 20px 30px 20px;color: #fff;font-size: 18px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;text-transform: capitalize;text-align: center
}

.latest-news .owl-carousel .item .date em {
font-style: normal;color: inherit;font-size: inherit;display: block
}

.latest-news .owl-carousel .item .left-date {
background: url(../images/shared/news-list-date-left.png) no-repeat center top;background-size: 100% 100%
}

.latest-news .owl-carousel .item .center-date {
background: url(../images/shared/news-list-date-center.png) no-repeat center top;background-size: 100% 100%
}

.latest-news .owl-carousel .item .right-date {
background: url(../images/shared/news-list-date-right.png) no-repeat center top;background-size: 100% 100%
}

.latest-news .owl-carousel .item .title {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 17px;line-height: 1.35;color: #000;text-transform: uppercase;padding: 10px 0 0 10px;min-height: 85px;width: 80%
}

.latest-news .owl-carousel .left-item:hover {
border-bottom: 3px solid #0b4a7c
}

.latest-news .owl-carousel .left-item:hover .title {
color: #000
}

.latest-news .owl-carousel .center-item:hover {
border-bottom: 3px solid #ec7d23
}

.latest-news .owl-carousel .center-item:hover .title {
color: #000
}

.latest-news .owl-carousel .right-item:hover {
border-bottom: 3px solid #529c62
}

.latest-news .owl-carousel .right-item:hover .title {
color: #000
}

.prayers {
background: url("../images/shared/prayers-times-background.jpg") no-repeat center top;background-size: 100% 100%;margin-bottom: 25px
}

.prayers .section-title {
margin-top: 30px;margin-bottom: 35px;color: #fff
}

.prayers .prayers-list {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-bottom: 58px
}

.prayers .prayers-list li {
min-height: 265px;position: relative;list-style: none;background: url(../images/shared/prayer-list.png) no-repeat center top;width: 16.666666%;padding-top: 55px
}

.prayers .prayers-list li span {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;display: block;line-height: 1.5;color: #fff;text-align: center
}

.prayers .prayers-list li .prayer-name {
font-weight: 500;text-transform: capitalize;font-size: 25px;margin-bottom: 4px
}

.prayers .prayers-list li .date {
font-size: 20px;margin-bottom: 15px
}

.prayers .prayers-list li .jammah {
text-transform: capitalize;font-size: 15px;margin-bottom: 4px
}

.prayers .prayers-list li .jammah-date {
font-size: 20px;margin-bottom: 10px
}

.prayers .jumuah {
float: left;margin-bottom: 15px
}

.prayers .jumuah span {
text-transform: uppercase;color: #fff;font-size: 14px;line-height: 1
}

.prayers .download-prayer-times {
float: right;text-decoration: none;color: #fff;text-transform: uppercase;font-size: 14px;line-height: 1;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out
}

.prayers .download-prayer-times:hover {
color: #ec7d23
}

.events .section-title {
color: #354b5d;text-align: left;margin-bottom: 45px;margin-top: 27px;padding-left: 0;font-size: 34px;line-height: 1
}

.events .upcoming-events .event-title {
display: block;font-size: 21.5px;color: #114e7f;min-height: 55px
}

.events .upcoming-events #events {
width: 100%;margin-bottom: 50px
}

.events .upcoming-events #events img {
max-width: 100%;margin-bottom: 5px
}

.events .upcoming-events #events .rsArrow {
position: absolute;top: 43%;-webkit-transform: translate(0, -43%);-ms-transform: translate(0, -43%);transform: translate(0, -43%)
}

.events .upcoming-events #events .rsArrowLeft {
padding: 20px 20px;left: 0
}

.events .upcoming-events #events .rsArrowLeft:before {
content: '';position: absolute;top: 50%;left: 20px;display: inline-block;width: 20px;height: 20px;border-left: 5px solid #fff;border-bottom: 5px solid #fff;-webkit-transform: rotate(45deg) translate(0, -50%);-ms-transform: rotate(45deg) translate(0, -50%);transform: rotate(45deg) translate(0, -50%)
}

.events .upcoming-events #events .rsArrowRight {
padding: 20px 20px;right: 0
}

.events .upcoming-events #events .rsArrowRight:before {
content: '';position: absolute;top: 50%;right: 20px;display: inline-block;width: 20px;height: 20px;border-left: 5px solid #fff;border-bottom: 5px solid #fff;-webkit-transform: rotateY(180deg) rotate(45deg) translate(0, -50%);transform: rotateY(180deg) rotate(45deg) translate(0, -50%)
}

.events .upcoming-events #events .content {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

.events .upcoming-events #events .content li {
list-style: none;width: 33.333333%;border-right: 1px solid #b2b2b2;padding: 10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex
}

.events .upcoming-events #events .content li:last-child {
border-right: none
}

.events .upcoming-events #events .content li span {
display: block;color: #2d2d2d;font-size: 12px;line-height: 1.5
}

.events .upcoming-events #events .content li i {
font-size: 19px;color: #c7c7c7;margin-right: 10px
}

.events .upcoming-events #events .check-event {
display: block;float: right;background: #31ab9a;text-decoration: none;color: #fff;padding: 10px 15px;margin-top: 30px;margin-left: 5px;font-size: 12.9px;line-height: 1;border-radius: 20px/20px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out
}

.events .upcoming-events #events .check-event:first-letter {
text-transform: capitalize
}

.events .upcoming-events #events .check-event:hover {
background-color: #ec7d23
}

.events .activities {
margin-bottom: 40px
}

.events .activities #activities-nav li a {
text-decoration: none;text-align: center;font-size: 17px;color: #fff;border-radius: 15px 15px 0 0;padding: 7px 13px;margin-right: 0;border: none
}

.events .activities #activities-nav li a:first-letter {
text-transform: uppercase
}

.events .activities #activities-nav li .link-xxs {
display: none
}

.events .activities #activities-nav li .monday {
background: #cc3232 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .monday:focus, .events .activities #activities-nav li .monday:hover {
background: #a32828 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .tuesday {
background: #f2b953 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .tuesday:focus, .events .activities #activities-nav li .tuesday:hover {
background: #eea624 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .wednesday {
background: #225b88 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .wednesday:focus, .events .activities #activities-nav li .wednesday:hover {
background: #18405f url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .thursday {
background: #ec5709 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .thursday:focus, .events .activities #activities-nav li .thursday:hover {
background: #bb4507 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .friday {
background: #31ab9a url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .friday:focus, .events .activities #activities-nav li .friday:hover {
background: #268376 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .saturday {
background: #594e9f url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .saturday:focus, .events .activities #activities-nav li .saturday:hover {
background: #463d7d url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .sunday {
background: #f06667 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav li .sunday:focus, .events .activities #activities-nav li .sunday:hover {
background: #eb3839 url(../images/shared/activities-tabs-background.png) no-repeat center bottom
}

.events .activities #activities-nav .active a {
color: #000;background: #f5f5f5;border: 1px solid #f0f0f0;border-bottom: none;padding-top: 8px;padding-bottom: 15px;margin-top: -10px
}

.events .activities #activities-nav .active a:focus, .events .activities #activities-nav .active a:hover {
color: #000;background: transparent
}

.events .activities .activities-container {
margin-bottom: 20px;margin-top: 40px
}

.events .activities .activities-container .activity-wrapper {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;text-decoration: none
}

.events .activities .activities-container .activity-wrapper .date {
width: 13%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border-right: 1px solid #0c273d;display: block;padding: 10px;float: left;margin-top: 10px
}

.events .activities .activities-container .activity-wrapper .date span {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: block;color: #0c273d;font-weight: bold;font-size: 17.68px
}

.events .activities .activities-container .activity-wrapper .content {
float: left;padding: 10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 85%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center
}

.events .activities .activities-container .activity-wrapper .content span {
display: block
}

.events .activities .activities-container .activity-wrapper .content .title {
width: 100%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #67a3cd;line-height: 1.2;text-transform: capitalize;font-size: 18px
}

.events .activities .activities-container .activity-wrapper .content .brief {
width: 100%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 16px;color: #cbcbcb;line-height: 1.2
}

.events .activities .activities-container .activity-wrapper:hover .date {
border-right-color: #ec7d23
}

.events .activities .activities-container .activity-wrapper:hover .date span {
color: #ec7d23
}

.events .activities .activities-container .activity-wrapper:hover .content .title {
color: #31ab9a
}

.friday-khutbah {
background: url("../images/shared/friday-khutba-background.jpg") no-repeat center top;background-size: 100% 100%
}

.friday-khutbah .section-title {
margin-top: 50px;margin-bottom: 28px;
}

.friday-khutbah .khutbah-list {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 70px;padding-top: 60px
}

.friday-khutbah .khutbah-list li {
position: relative;padding: 15px;width: 33.333333%;list-style: none
}

.friday-khutbah .khutbah-list li:before {
content: '';width: 1px;height: 400px;background: #938982;position: absolute;top: -40px;right: 0
}

.friday-khutbah .khutbah-list li:last-child:before {
display: none
}

.friday-khutbah .khutbah-list li:hover a .title {
border-left-color: #559b61
}

.friday-khutbah .khutbah-list li:hover a .brief-container .read-more {
background: #559b61
}

.friday-khutbah .khutbah-list li a {
display: block;text-decoration: none;color: #fff
}

.friday-khutbah .khutbah-list li a span {
display: block
}

.friday-khutbah .khutbah-list li a .title {
min-height: 60px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 5px 20px 0 10px;border-left: 8px solid #a5a5a5;font-size: 22px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 400;text-transform: uppercase
}

.friday-khutbah .khutbah-list li a .date {
color: #a5a5a5;padding: 7px 10px 14px;letter-spacing: -1px
}

.friday-khutbah .khutbah-list li a .brief-container {
background: rgba(0, 0, 0, 0.4);position: relative;min-height: 170px
}

.friday-khutbah .khutbah-list li a .brief-container .brief {
padding: 10px 5px 50px 10px;font-size: 16px;line-height: 1.3;color: rgba(255, 255, 255, 0.8)
}

.friday-khutbah .khutbah-list li a .brief-container .read-more {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: absolute;bottom: 10px;left: 10px;text-transform: uppercase;background: #737373;padding: 6px 11px;font-size: 14px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 400
}

.friday-khutbah .previous-khutbah {
display: inline-block;float: right;margin-bottom: 60px;text-align: right;text-decoration: none;font-size: 14px;text-transform: uppercase;color: #fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out
}

.friday-khutbah .previous-khutbah:hover {
color: #ec7d23
}

.photogallery {
margin-bottom: 43px
}

.photogallery .section-title {
color: #354b5d;margin-top: 57px;margin-bottom: 38px
}

.photogallery .photogallery-list {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0 7px
}

.photogallery .photogallery-list li {
position: relative;width: 33.333333%;padding: 7px;list-style: none
}

.photogallery .photogallery-list li:last-child {
margin-right: 0
}

.photogallery .photogallery-list li:hover a .img {
-webkit-transform: scale(0.99, 0.99);-ms-transform: scale(0.99, 0.99);transform: scale(0.99, 0.99)
}

.photogallery .photogallery-list li:hover a .title {
color: #559b61
}

.photogallery .photogallery-list li:hover a .read-more {
color: #559b61
}

.photogallery .photogallery-list li a {
display: block;text-decoration: none
}

.photogallery .photogallery-list li a span {
display: block
}

.photogallery .photogallery-list li a .img {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative
}

.photogallery .photogallery-list li a .img img {
max-width: 100%
}

.photogallery .photogallery-list li a .img .date {
position: absolute;bottom: 0;left: 0;background: #f16667;color: #fff;text-transform: uppercase;padding: 7px 0;max-width: 40px;text-align: center
}

.photogallery .photogallery-list li a .title {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #000;font-size: 20px;text-transform: uppercase;padding-top: 22px;padding-bottom: 18px;line-height: 1;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 500
}

.photogallery .photogallery-list li a .brief {
color: #c4c4c4;font-size: 18px;line-height: 1.2;padding-bottom: 10px
}

.photogallery .photogallery-list li a .read-more {
display: none;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 13px;text-transform: uppercase;color: #442525;position: absolute;bottom: 0
}

.back-top {
justify-content: flex-end;
}

.back-top .up-top {
float: right;-webkit-transition: 1s;transition: 1s;content: "";display: inline-block;width: 30px;height: 30px;border-right: 7px solid #f6ab4c;border-top: 7px solid #f6ab4c;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);margin-right: 25px
}

.back-top .up-top:hover {
border-right-color: #559b61;border-top-color: #559b61
}

@media (min-width: 1200px) {
.latest-news .owl-carousel {
padding-left: 70px;padding-right: 70px
}

.latest-news .owl-carousel .owl-prev {
left: 25px
}

.latest-news .owl-carousel .owl-next {
right: 25px
}
}

@media (max-width: 1200px) {
.latest-news .owl-carousel .owl-prev {
left: 10px
}

.latest-news .owl-carousel .owl-next {
right: 10px
}

.prayers .prayers-list li {
background-size: 100%
}
}

@media (max-width: 1199px) and (min-width: 992px) {
.section-title {
font-size: 30px
}

.welcome .welcome-content .description {
font-size: 17px
}

.welcome .welcome-content .read-more {
font-size: 15px
}

.prayers .prayers-list li {
padding-top: 50px
}

.prayers .prayers-list li .prayer-name, .prayers .prayers-list li .jammah {
font-size: 22px
}

.prayers .prayers-list li .date, .prayers .prayers-list li .jammah-date {
font-size: 18px
}

.events .upcoming-events .event-title {
font-size: 18px;min-height: 60px
}

.events .upcoming-events #events .rsArrow {
top: 40%;-webkit-transform: translate(0, -40%);-ms-transform: translate(0, -40%);transform: translate(0, -40%)
}

.events .activities #activities-nav li a {
padding: 5px 10px;font-size: 15px
}

.events .activities .activities-container {
margin-top: 20px
}

.events .activities .activities-container .activity-wrapper .date span {
font-size: 16px
}

.events .activities .activities-container .activity-wrapper .content .title {
font-size: 16px
}

.events .activities .activities-container .activity-wrapper .content .brief {
font-size: 15px
}

.friday-khutbah .khutbah-list li a .title {
font-size: 19px
}

.friday-khutbah .khutbah-list li a .date {
font-size: 15px
}

.friday-khutbah .khutbah-list li a .brief-container .brief {
font-size: 17px
}

.friday-khutbah .khutbah-list li a .brief-container .read-more {
font-size: 13px
}

.photogallery .photogallery-list li {
width: 33.333333%
}

.photogallery .photogallery-list li a .title {
font-size: 19px
}

.photogallery .photogallery-list li a .brief {
font-size: 17px
}
}

@media (max-width: 991px) and (min-width: 768px) {
.section-title {
font-size: 25px
}

.welcome {
padding-bottom: 45px
}

.welcome .welcome-content .description {
font-size: 15px
}

.welcome .welcome-content .read-more {
font-size: 13px
}

.latest-news .section-title {
margin-top: 25px
}

.prayers .section-title {
margin-top: 25px;margin-bottom: 25px
}

.prayers .prayers-list {
margin-bottom: 30px
}

.prayers .prayers-list li {
padding-top: 30px;min-height: 190px
}

.prayers .prayers-list li .prayer-name, .prayers .prayers-list li .jammah {
margin-bottom: 2px
}

.prayers .prayers-list li .date {
font-size: 16px;margin-bottom: 15px
}

.prayers .prayers-list li .jammah-date {
font-size: 16px;margin-bottom: 0
}

.events .section-title {
margin-top: 25px;margin-bottom: 25px
}

.friday-khutbah .section-title {
margin-top: 25px;margin-bottom: 10px
}

.friday-khutbah .khutbah-list li:before {
top: -25px
}

.friday-khutbah .khutbah-list li a .title {
font-size: 18px;padding: 5px 0 0 10px;min-height: 70px
}

.friday-khutbah .khutbah-list li a .date {
font-size: 14px
}

.friday-khutbah .khutbah-list li a .brief-container .brief {
font-size: 16px
}

.photogallery .section-title {
margin-top: 25px;margin-bottom: 25px
}

.photogallery .photogallery-list li a .title {
font-size: 18px
}

.photogallery .photogallery-list li a .brief {
font-size: 16px
}

.photogallery .photogallery-list li a .img .date {
max-width: 30px;font-size: 13px;padding: 5px 0
}
}

@media (max-width: 991px) and (min-width: 540px) {
.events .upcoming-events .rsSlide>div {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

.events .upcoming-events .rsSlide>div .event-title {
width: 100%
}

.events .upcoming-events .rsSlide>div img {
width: 70%
}

.events .upcoming-events #events .content {
width: 30%;margin-bottom: 10px
}

.events .upcoming-events #events .content li {
width: 100%;border-right: none
}

.events .upcoming-events #events .content li i {
padding-right: 20px;margin-right: 0;margin-left: 0
}

.events .upcoming-events #events .content li span {
margin-left: 0;font-size: 12px
}

.events .upcoming-events #events .rsArrow {
top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%)
}

.events .upcoming-events #events .rsArrowRight {
right: 30%
}
}

@media (max-width: 767px) {
.section-title {
font-size: 26px !important;margin-bottom: 20px !important;line-height: 1 !important
}

.welcome {
padding-bottom: 35px;margin-top: 25px
}

.welcome .container .row {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: reverse;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse
}

.welcome .container .row .welcome-content {
width: 100%
}

.welcome .container .row .welcome-content .description {
font-size: 16px
}

.welcome .container .row .welcome-content .read-more {
font-size: 13px
}

.welcome .container .row .welcome-img {
width: 100%
}

.latest-news .section-title {
padding-left: 10px;margin-top: 20px
}

.latest-news .owl-carousel {
padding-left: 15px;padding-right: 15px;margin-bottom: 30px
}

.latest-news .owl-carousel .owl-item {
padding: 0 25px
}

.prayers {
background-size: auto 100%
}

.prayers .prayers-list {
-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 30px;background: rgba(236, 125, 35, 0.4) url(../images/shared/prayers-list-back-xs.png) repeat
}

.prayers .prayers-list li {
background: none;width: 100%;padding-top: 0;min-height: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;background-color: rgba(246, 166, 65, 0.55);margin-top: 5px
}

.prayers .prayers-list li:first-child {
margin-top: 0
}

.prayers .prayers-list li span {
width: 25%;line-height: 1
}

.prayers .prayers-list li .prayer-name, .prayers .prayers-list li .jammah {
margin-bottom: 0;padding: 15px
}

.prayers .prayers-list li .prayer-name {
font-size: 18px;text-transform: uppercase
}

.prayers .prayers-list li .jammah {
font-size: 13px
}

.prayers .prayers-list li .date {
font-size: 17px;margin-bottom: 0;padding: 15px
}

.prayers .prayers-list li .jammah-date {
font-size: 17px;margin-bottom: 0;padding: 15px
}

.prayers .jumuah {
margin-bottom: 10px;float: none;text-align: center
}

.prayers .download-prayer-times {
float: none;text-align: center;display: block;margin-bottom: 20px
}

.events .section-title {
padding: 0;margin-bottom: 15px
}

.events .activities .activities-container .activity-wrapper .date span {
font-size: 15px
}

.events .activities .activities-container .activity-wrapper .content .title {
font-size: 17px
}

.events .activities #activities-nav {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex
}

.events .activities #activities-nav li {
width: 100%
}

.events .activities #activities-nav li a {
padding: 15px 12px;font-size: 14px;text-transform: uppercase
}

.events .activities #activities-nav li .link-xs {
display: none
}

.events .activities #activities-nav li .link-xxs {
display: block
}

.friday-khutbah {
background: url("../images/shared/friday-khutba-background.jpg") no-repeat top right;background-size: auto 100%
}

.friday-khutbah .section-title {
margin-top: 25px;margin-bottom: 15px
}

.friday-khutbah .previous-khutbah {
margin-right: 20px
}

.friday-khutbah .khutbah-list {
margin-bottom: 20px;padding-top: 40px
}

.friday-khutbah .khutbah-list li {
background: rgba(0, 0, 0, 0.5);padding: 10px 15px;width: 100%;margin-bottom: 10px
}

.friday-khutbah .khutbah-list li:before {
display: none
}

.friday-khutbah .khutbah-list li a .title {
font-size: 16px;min-height: inherit
}

.friday-khutbah .khutbah-list li a .date {
font-size: 14px;text-align: right
}

.friday-khutbah .khutbah-list li a .brief-container {
min-height: 0;display: none
}

.friday-khutbah .khutbah-list li a .brief-container .brief {
display: none
}

.friday-khutbah .khutbah-list li a .brief-container .read-more {
font-size: 12px;position: relative;width: auto;float: left;left: 15px;bottom: 0
}

.photogallery {
margin-bottom: 0
}

.photogallery .section-title {
margin-top: 30px
}

.photogallery .photogallery-list li {
width: 50%
}

.photogallery .photogallery-list li:last-child {
display: none
}

.photogallery .photogallery-list li a .title {
font-size: 16px;padding-bottom: 38px
}

.photogallery .photogallery-list li a .brief {
display: none
}

.photogallery .photogallery-list li a .img .date {
font-size: 12px;max-width: 30px
}
}

@media (max-width: 414px) {
.latest-news .owl-carousel .item .title {
font-size: 13px
}

.latest-news .owl-carousel .item .date {
font-size: 14px;padding: 10px 15px 10px 15px
}

.prayers .prayers-list li .prayer-name {
font-size: 16px
}

.prayers .prayers-list li .date {
font-size: 14px
}

.prayers .prayers-list li .jammah-date {
font-size: 14px
}

.events .activities .activities-container .activity-wrapper .date {
width: 20%
}

.events .activities .activities-container .activity-wrapper .date span {
font-size: 13px
}

.events .activities .activities-container .activity-wrapper .content {
width: 80%
}

.events .activities .activities-container .activity-wrapper .content .brief {
display: none
}

.events .activities .activities-container .activity-wrapper .content .title {
font-size: 15px
}

.events .activities #activities-nav li a {
padding: 15px 7px;font-size: 12px;text-transform: uppercase
}

.photogallery .photogallery-list li {
width: 100%;margin-bottom: 0
}

.photogallery .photogallery-list li:last-child {
display: block
}

.photogallery .photogallery-list li a .title {
font-size: 14px;padding-bottom: 38px
}

.photogallery .photogallery-list li a .img img {
width: 100%
}
}

@media (max-width: 300px) {
.prayers .prayers-list li {
-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

.prayers .prayers-list li span {
width: 50%
}
}

#inside .separator {
height: 35px;margin-bottom: 30px
}

#insideMain {
display: flow-root;margin-bottom: 35px
}

#insideMain .breadCrumb {
position: relative;top: -5px;padding-left: 17px;padding-right: 25px;font-size: 13px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: normal
}

#insideMain .breadCrumb a {
text-decoration: none;color: #a8a89d;font-size: inherit;text-transform: capitalize
}

#insideMain .breadCrumb span {
color: #333;font-size: inherit;font-weight: bold;text-transform: capitalize
}

#insideMain .side-bar {
float: left;width: 28%;position: relative;
}

#insideMain .side-bar .sidebar-content {
background-color: #f5f5f5
}

#insideMain .side-bar .sideMenu {
border-bottom: 15px solid #fff;padding-bottom: 10px;background-color: #fff
}

#insideMain .side-bar .sideMenu .title {
font-family: "Playfair Display", serif;font-size: 22px;padding: 32px 15px 11px;background: #fff;width: 100%;display: block;font-weight: 700;margin-bottom: 7px;color: #31ab9a;border-bottom: 2px solid #31ab9a
}

#insideMain .side-bar .sideMenu>ul {
padding: 0 15px
}

#insideMain .side-bar .sideMenu>ul>li {
list-style: none;width: 100%;border-bottom: 1px dashed #e0e0e0;padding: 10px 0
}

#insideMain .side-bar .sideMenu>ul>li>a {
display: block;padding: 0 0;font-size: 16px;color: #333;text-decoration: none;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s
}

#insideMain .side-bar .sideMenu>ul>li>a:before {
display: inline-block;content: url("../images/shared/leafe.png");float: left;margin-right: 10px;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s
}

#insideMain .side-bar .sideMenu>ul>li.active>a, #insideMain .side-bar .sideMenu>ul>li>a:hover, #insideMain .side-bar .sideMenu>ul>li>a:focus {
color: #e37838
}

#insideMain .side-bar .sideMenu>ul>li.active>a:before, #insideMain .side-bar .sideMenu>ul>li>a:hover:before, #insideMain .side-bar .sideMenu>ul>li>a:focus:before {
content: url("../images/shared/leafe-hover.png")
}

#insideMain .side-bar .sideMenu>ul>li ul {
padding: 0 15px 0 8px
}

#insideMain .side-bar .sideMenu>ul>li ul li {
list-style: none
}

#insideMain .side-bar .sideMenu>ul>li ul a {
display: block;padding: 5px 30px;font-size: 13px;color: #999;text-decoration: none;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s
}

#insideMain .side-bar .sideMenu>ul>li ul a:before {
display: inline-block;content: "-";float: left;margin-right: 10px;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s
}

#insideMain .side-bar .sideMenu>ul>li ul li.active>a, #insideMain .side-bar .sideMenu>ul>li ul a:hover, #insideMain .side-bar .sideMenu>ul>li ul a:focus {
color: #31aa99
}

#insideMain .side-bar .side-activities {
margin-bottom: 15px
}

#insideMain .side-bar .side-activities .title {
font-family: "Playfair Display", serif;font-size: 19px;padding: 10px 5px;background: #ec7d23;width: 100%;text-align: center;display: block;font-weight: 300;margin-bottom: 7px;color: #fff
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper {
text-decoration: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 15px;border-bottom: 1px solid #d5d5d5
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper:last-of-type {
border-bottom: none
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .date {
width: 20%;display: inline-block;color: #0c273d;position: relative
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .date:after {
content: '';width: 1px;background-color: #0c273d;height: 50px;position: absolute;right: 0;top: 0
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .date span {
display: block;color: inherit;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 300;font-size: 17px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .content {
width: 80%;display: inline-block;padding-left: 5px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .content .activity-title {
display: block;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;color: #67a3cd;line-height: 1.2;font-size: 15px;letter-spacing: 1px;padding-bottom: 5px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .content .activity-brief {
display: block;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 14px;color: #000;line-height: 1.2
}

#insideMain .side-bar .side-prayers .title {
display: none;font-size: 20px;text-transform: uppercase;padding: 10px 5px;background: #f6a641;width: 100%;text-align: center;font-weight: bold;margin-bottom: 15px
}

#insideMain .side-bar .side-prayers #side-prayers-slider {
width: 100%;background: url("../images/shared/prayers-times-background.jpg") no-repeat 40% top;background-size: auto 100%;padding: 30px 15px;margin-bottom: 20px
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsContent {
min-height: 290px;position: relative;list-style: none;background: url(../images/shared/prayer-list.png) no-repeat center top;width: 100%;padding-top: 70px
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsContent span {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;display: block;line-height: 1.5;color: #fff;text-align: center
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsContent .prayer-name {
font-weight: 500;text-transform: capitalize;font-size: 25px;margin-bottom: 4px
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsContent .date {
font-size: 20px;margin-bottom: 15px
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsContent .jammah {
text-transform: capitalize;font-size: 15px;margin-bottom: 4px
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsContent .jammah-date {
font-size: 20px;margin-bottom: 10px
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsArrow {
display: block !important;position: absolute;top: 50%;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%)
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsArrowLeft {
left: 2%
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsArrowLeft:before {
content: "";display: inline-block;width: 20px;height: 20px;border-right: 6px solid #f6a641;border-top: 6px solid #f6a641;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsArrowRight {
right: 2%
}

#insideMain .side-bar .side-prayers #side-prayers-slider .rsArrowRight:before {
content: "";display: inline-block;width: 20px;height: 20px;border-left: 6px solid #f6a641;border-bottom: 6px solid #f6a641;-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg)
}

#insideMain .inside-content {
float: left;width: 72%;padding-right: 50px;padding-left: 15px;padding-top: 15px
}

#insideMain .inside-content .news-container {
width: 100%
}

#insideMain .inside-content .news-container .news-title {
font-size: 30px;color: #000;line-height: 1.1666;display: block;margin-bottom: 12px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 500
}

#insideMain .inside-content .news-container .news-date {
font-size: 15px;color: #f6a641;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;text-transform: uppercase;display: block;margin-bottom: 35px;font-weight: 300
}

#insideMain .inside-content .news-container #newsGallery {
width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 30px
}

#insideMain .inside-content .news-container #newsGallery .rsOverflow {
width: 100% !important
}

#insideMain .inside-content .news-container #newsGallery .rsImg {
width: auto !important;height: auto !important;margin-left: 0 !important;margin-top: 0 !important;position: absolute !important;top: 50% !important;left: 50% !important;-webkit-transform: translate(-50%, -50%) !important;-ms-transform: translate(-50%, -50%) !important;transform: translate(-50%, -50%) !important;max-width: 100%;max-height: 100%
}

#insideMain .inside-content .news-container #newsGallery .rsThumb {
float: left;overflow: hidden;width: 99.5px;height: 99.5px;padding: 2px
}

#insideMain .inside-content .news-container #newsGallery .rsThumbs {
left: 0;position: relative;width: 100%;height: auto;padding: 1px 0 0 1px;margin-bottom: 30px
}

#insideMain .inside-content .news-container #newsGallery .rsGCaption {
right: 0;line-height: 12px;padding: 1px 7px;font-size: 11px;background: #EEE;position: absolute;width: auto;bottom: 0;float: none;text-align: left
}

#insideMain .inside-content .news-container #newsGallery .rsThumbsContainer {
height: auto !important
}

#insideMain .inside-content .news-container #newsGallery .rsOverflow, #insideMain .inside-content .news-container #newsGallery .rsSlide, #insideMain .inside-content .news-container #newsGallery .rsVideoFrameHolder .rsThumbs {
background: #eee
}

#insideMain .inside-content .news-container .news-brief {
font-size: 20px;color: #000;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;display: block;margin-bottom: 40px;line-height: 1.75
}

#insideMain .inside-content .related-news {
width: auto;padding-top: 30px;margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px
}

#insideMain .inside-content .related-news li {
list-style: none;width: 33.333333%;padding: 15px;position: relative
}

#insideMain .inside-content .related-news li:before {
content: '';height: 1px;background-color: #5e5e5e;position: absolute;bottom: 0;left: 15px;right: 15px
}

#insideMain .inside-content .related-news li a {
text-decoration: none;color: #000
}

#insideMain .inside-content .related-news li a:hover img {
-webkit-transform: scale(0.99, 0.99);-ms-transform: scale(0.99, 0.99);transform: scale(0.99, 0.99)
}

#insideMain .inside-content .related-news li a img {
max-width: 100%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-bottom: 15px
}

#insideMain .inside-content .related-news li a .date {
padding-left: 5px;color: #000;width: 20%;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size: 20px;position: relative;font-weight: bold;float: left
}

#insideMain .inside-content .related-news li a .date em {
font-size: 15px;display: block;font-weight: normal;font-style: normal
}

#insideMain .inside-content .related-news li a .date:after {
content: '';position: absolute;top: 0;right: 15px;width: 1px;height: 50px;background-color: #999
}

#insideMain .inside-content .related-news li a .title {
float: left;padding-right: 5px;color: #000;width: 80%;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size: 15px
}

#insideMain .inside-content .all-news-list {
margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;padding: 0 7px
}

#insideMain .inside-content .all-news-list li {
list-style: none;width: 33.333333%;padding: 7px;margin-bottom: 15px;position: relative
}

#insideMain .inside-content .all-news-list li:before {
content: '';height: 1px;background-color: #5e5e5e;position: absolute;bottom: 0;left: 15px;right: 15px
}

#insideMain .inside-content .all-news-list li a {
text-decoration: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;color: #000;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 100%
}

#insideMain .inside-content .all-news-list li a:hover img {
-webkit-transform: scale(0.99, 0.99);-ms-transform: scale(0.99, 0.99);transform: scale(0.99, 0.99)
}

#insideMain .inside-content .all-news-list li a .img-container {
width: 100%;display: block;text-align: center
}

#insideMain .inside-content .all-news-list li a .img-container img {
max-width: 100%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding-bottom: 15px
}

#insideMain .inside-content .all-news-list li a .date {
padding-left: 5px;color: #000;width: 20%;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size: 20px;position: relative;font-weight: bold
}

#insideMain .inside-content .all-news-list li a .date em {
font-size: 15px;display: block;font-weight: normal;font-style: normal
}

#insideMain .inside-content .all-news-list li a .date:after {
content: '';position: absolute;top: 0;right: 15px;width: 1px;height: 50px;background-color: #999
}

#insideMain .inside-content .all-news-list li a .title {
padding-right: 5px;color: #000;width: 80%;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size: 17px
}

#insideMain .inside-content .events-list {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;padding-top: 5px;margin-bottom: 50px
}

#insideMain .inside-content .events-list>li {
list-style: none;width: 50%;padding: 15px;position: relative
}

#insideMain .inside-content .events-list>li a {
text-decoration: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

#insideMain .inside-content .events-list>li a .img-container {
width: 50%;display: block
}

#insideMain .inside-content .events-list>li a .img-container img {
max-width: 100%;display: block
}

#insideMain .inside-content .events-list>li a .content {
width: 50%
}

#insideMain .inside-content .events-list>li a .content .event-title {
width: 100%;display: block;font-size: 18px;color: #114e7f;padding-bottom: 15px;padding-left: 15px
}

#insideMain .inside-content .events-list>li a .content .event-data {
padding-left: 15px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%
}

#insideMain .inside-content .events-list>li a .content .event-data li {
list-style: none;width: 100%;padding: 5px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex
}

#insideMain .inside-content .events-list>li a .content .event-data li:last-child {
border-right: none
}

#insideMain .inside-content .events-list>li a .content .event-data li span {
display: block;color: #2d2d2d;font-size: 12px;margin-left: 0
}

#insideMain .inside-content .events-list>li a .content .event-data li i {
font-size: 19px;color: #c7c7c7;margin-right: 10px;margin-left: 0;min-width: 20px
}

#insideMain .inside-content .events-list>li a.registerEvent {
position: absolute;z-index: 200;font-size: 12px;margin-bottom: 0
}

#insideMain .inside-content .all-khutbah-list {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 50px;padding-top: 20px
}

#insideMain .inside-content .all-khutbah-list li {
position: relative;padding-right: 30px;padding-bottom: 30px;width: 33.333333%;list-style: none;margin-bottom: 40px
}

#insideMain .inside-content .all-khutbah-list li:before {
content: '';width: 1px;height: 100%;background: #e5e5e5;position: absolute;top: 0;right: 15px
}

#insideMain .inside-content .all-khutbah-list li:nth-child(3n+3):before {
display: none
}

#insideMain .inside-content .all-khutbah-list li:last-child:before {
display: none
}

#insideMain .inside-content .all-khutbah-list li:hover a .title {
border-left-color: #559b61;color: #559b61
}

#insideMain .inside-content .all-khutbah-list li:hover a .read-more {
background: #559b61
}

#insideMain .inside-content .all-khutbah-list li a {
display: block;text-decoration: none;color: #0c273d
}

#insideMain .inside-content .all-khutbah-list li a span {
display: block
}

#insideMain .inside-content .all-khutbah-list li a .title {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 5px 20px 0 10px;border-left: 5px solid #0c273d;font-size: 18px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 400;text-transform: uppercase;color: #0c273d
}

#insideMain .inside-content .all-khutbah-list li a .date {
color: #f6a641;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;padding: 15px;letter-spacing: -1px;font-size: 14px
}

#insideMain .inside-content .all-khutbah-list li a .brief {
color: #555;padding: 0 15px 15px 15px;font-size: 14px;font-weight: 300
}

#insideMain .inside-content .all-khutbah-list li a .read-more {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: absolute;bottom: 0;left: 15px;text-transform: uppercase;background: #f6a641;padding: 5px 10px;font-size: 14px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 300;color: #fff
}

#insideMain .inside-content.full-width {
width: 100%;padding-right: 15px
}

#insideMain .inside-content .our-team {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 15px;margin-bottom: 50px;margin-right: -15px;margin-left: -15px
}

#insideMain .inside-content .our-team li {
list-style: none;width: 33.333333%;padding: 25px;text-align: center;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out
}

#insideMain .inside-content .our-team li:hover a .img-container img {
-webkit-transform: scale(1.02, 1.02);-ms-transform: scale(1.02, 1.02);transform: scale(1.02, 1.02)
}

#insideMain .inside-content .our-team li a {
text-decoration: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

#insideMain .inside-content .our-team li a span {
display: block;width: 100%
}

#insideMain .inside-content .our-team li a .img-container {
text-align: center;margin-bottom: 5px;display: none
}

#insideMain .inside-content .our-team li a .img-container img {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;max-width: 100%
}

#insideMain .inside-content .our-team li a .name {
text-transform: capitalize;color: #f16667;font-size: 18px;line-height: 1.5
}

#insideMain .inside-content .our-team li a .position {
color: #A8A8A8;font-size: 13px;line-height: 1.5
}

#insideMain .inside-content .our-team li a .brief {
padding: 15px 0;font-size: 14px;line-height: 1.5;color: #5e5e5e
}

#insideMain .inside-content .our-team li a .brief em {
padding-top: 15px;font-style: normal;font-size: 12px;color: #0c273d;display: block;text-transform: uppercase
}

#insideMain .inside-content .our-team li a .left-item-name {
color: #f6a641
}

#insideMain .inside-content .our-team li a .center-item-name {
color: #0c273d
}

#insideMain .inside-content .our-team li a .right-item-name {
color: #f16667
}

#insideMain .inside-content .our-team li a .left-item-name-btn {
color: #559b61
}

#insideMain .inside-content .our-team li a .center-item-name-btn {
color: #31ab9a
}

#insideMain .inside-content .our-team li a .right-item-name-btn {
color: #ec7d23
}

#insideMain .inside-content .pages-list {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;padding-top: 5px;margin-bottom: 50px
}

#insideMain .inside-content .pages-list li {
list-style: none;width: 33.333333%;padding: 15px
}

#insideMain .inside-content .pages-list li a {
display: block;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;border-left: 5px solid #0c273d;padding-left: 10px
}

#insideMain .inside-content .pages-list li a .title {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: block;color: #0c273d;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size: 20px;text-transform: capitalize;margin-bottom: 10px
}

#insideMain .inside-content .pages-list li a .brief {
display: block;font-size: 14px;line-height: 1.5;color: #5e5e5e
}

#insideMain .inside-content .pages-list li:hover a {
border-left: 5px solid #ec7d23
}

#insideMain .inside-content .pages-list li:hover a .title {
color: #ec7d23
}

#insideMain .inside-content .search-result {
font-size: 18px;color: #f6a641;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;text-transform: uppercase;display: block;margin-bottom: 35px;font-weight: 500
}

#insideMain .inside-content .search-category-title {
font-size: 30px;color: #000;line-height: 1.1666;display: block;padding-bottom: 10px;margin-bottom: 12px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-weight: 500;border-bottom: 1px solid #555;text-transform: capitalize
}

#insideMain .inside-content .search-category-title .search-result {
display: inline-block;margin-bottom: 0;font-size: 14px
}

a.registerEvent {
padding: 8px 10px;font-size: 12px;background-color: #559b61;color: #fff;text-decoration: none;display: inline-block;border-radius: 0 15px;margin-bottom: 15px;bottom: 17px;right: 17px;-webkit-transition: all ease-in-out 0.2s;transition: all ease-in-out 0.2s
}

a.registerEvent:hover {
background-color: #ec7d23
}

@media (max-width: 1199px) and (min-width: 992px) {
#insideMain .side-bar .side-activities .activities-container .activity-wrapper {
padding: 15px 5px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .date span {
font-size: 15px
}

#insideMain .inside-content {
padding-right: 15px
}

#insideMain .inside-content .related-news li a .date:after {
right: 10px
}

#insideMain .inside-content .all-news-list li a .date:after {
right: 10px
}

#insideMain .inside-content .events-list>li a .content .event-title {
font-size: 14px
}
}

@media (max-width: 991px) and (min-width: 768px) {
#insideMain .side-bar {
width: 35%
}

#insideMain .side-bar .side-activities .title {
font-size: 17px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .date span {
font-size: 14px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .content .activity-title {
font-size: 16px
}

#insideMain .side-bar .side-activities .activities-container .activity-wrapper .content .activity-brief {
font-size: 13px
}

#insideMain .side-bar .side-prayers .title {
font-size: 17px
}

#insideMain .inside-content {
width: 65%;padding-right: 15px
}

#insideMain .inside-content .news-container .news-title {
font-size: 25px
}

#insideMain .inside-content .news-container .news-date {
font-size: 13px
}

#insideMain .inside-content .news-container .news-brief {
font-size: 16px
}

#insideMain .inside-content .news-container #newsGallery .rsThumb {
width: 70px;height: 70px
}

#insideMain .inside-content .related-news li {
width: 50%
}

#insideMain .inside-content .related-news li:last-child {
display: none
}

#insideMain .inside-content .related-news li a .title {
font-size: 15px
}

#insideMain .inside-content .related-news li a .date {
width: 33.333333%;font-size: 17px
}

#insideMain .inside-content .related-news li a .date:after {
right: 10px;height: 40px
}

#insideMain .inside-content .related-news li a .date em {
font-size: 15px
}

#insideMain .inside-content .related-news li a .title {
width: 66.666666%
}

#insideMain .inside-content .all-news-list li a .title {
font-size: 12px
}

#insideMain .inside-content .all-news-list li a .date {
width: 26%;font-size: 17px
}

#insideMain .inside-content .all-news-list li a .date:after {
right: 10px;height: 40px
}

#insideMain .inside-content .all-news-list li a .date em {
font-size: 15px
}

#insideMain .inside-content .all-news-list li a .title {
width: 74%
}

#insideMain .inside-content .events-list>li {
padding-bottom: 40px
}

#insideMain .inside-content .events-list>li a .img-container {
width: 100%;margin-bottom: 10px
}

#insideMain .inside-content .events-list>li a .content {
width: 100%
}

#insideMain .inside-content .events-list>li a .content .event-title {
font-size: 14px;padding-left: 10px
}

#insideMain .inside-content .events-list>li a .content .event-data {
padding-left: 10px
}

#insideMain .inside-content .all-khutbah-list li {
width: 50%
}

#insideMain .inside-content .all-khutbah-list li:nth-child(3n+3):before {
display: block
}

#insideMain .inside-content .all-khutbah-list li:nth-child(2n+2) {
padding-right: 0
}

#insideMain .inside-content .all-khutbah-list li:nth-child(2n+2):before {
display: none
}

#insideMain .inside-content .all-khutbah-list li a .title {
font-size: 16px
}

#insideMain .inside-content .all-khutbah-list li a .date {
font-size: 14px
}

#insideMain .inside-content .all-khutbah-list li a .brief {
font-size: 15px
}

#insideMain .inside-content .all-khutbah-list li a .read-more {
font-size: 14px
}
}

@media (max-width: 767px) {
#inside .separator {
height: 30px;margin-bottom: 0
}

#insideMain .breadCrumb {
top: 0;padding-top: 15px;font-size: 12px
}

#insideMain .inside-content {
width: 100%;padding-right: 15px;padding-top: 0
}

#insideMain .inside-content .news-container .news-title {
font-size: 22px
}

#insideMain .inside-content .news-container .news-date {
font-size: 14px
}

#insideMain .inside-content .related-news li {
width: 33.333333%
}

#insideMain .inside-content .related-news li:last-child {
display: block
}

#insideMain .inside-content .related-news li a .date {
width: 26%;font-size: 17px
}

#insideMain .inside-content .related-news li a .date:after {
right: 20%;height: 40px
}

#insideMain .inside-content .related-news li a .title {
width: 74%
}

#insideMain .inside-content .all-news-list li a .title {
font-size: 14px
}

#insideMain .inside-content .all-news-list li a .date:after {
right: 20%;height: 40px
}

#insideMain .inside-content .events-list>li {
width: 100%;padding-bottom: 20px;border-bottom: 1px solid #999;padding-bottom: 40px
}

#insideMain .inside-content .all-khutbah-list li a .title {
font-size: 15px
}

#insideMain .inside-content .all-khutbah-list li a .date {
font-size: 13px
}

#insideMain .inside-content .all-khutbah-list li a .brief {
font-size: 14px
}

#insideMain .inside-content .all-khutbah-list li a .read-more {
font-size: 13px
}

#insideMain .inside-content .our-team li {
width: 50%
}

#insideMain .inside-content .pages-list li {
width: 50%
}
}

@media (max-width: 600px) {
#insideMain .inside-content .all-news-list li {
width: 50%
}
}

@media (max-width: 414px) {
#insideMain .breadCrumb {
font-size: 11px;line-height: 1.6
}

#insideMain .inside-content .news-container #newsGallery {
overflow: hidden;width: 100%
}

#insideMain .inside-content .news-container .news-title {
font-size: 18px
}

#insideMain .inside-content .news-container .news-brief {
font-size: 14px
}

#insideMain .inside-content .related-news li {
margin-bottom: 10px;width: 100%
}

#insideMain .inside-content .related-news li a img {
position: relative;left: 50%;top: 0;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0)
}

#insideMain .inside-content .all-news-list li {
margin-bottom: 10px;width: 100%
}

#insideMain .inside-content .all-khutbah-list li {
width: 100%;padding-right: 0
}

#insideMain .inside-content .all-khutbah-list li:before {
display: none !important
}

#insideMain .inside-content .all-khutbah-list li a .title {
padding-right: 10px
}

#insideMain .inside-content .our-team li {
width: 100%
}

#insideMain .inside-content .pages-list li {
width: 100%
}
}

.contactMap iframe {
height: 350px !important;width: 100% !important;margin-bottom: 30px
}

.contactus {
padding-bottom: 30px;border-bottom: 1px solid #f0f0f0;margin-bottom: 30px;float: left;width: 100%
}

.contactus h3 {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;line-height: 1;font-size: 24px;padding: 0 15px 15px;color: #31AB99;font-weight: 300;margin-bottom: 20px
}

.contactus .form-control {
height: 40px;border-radius: 0
}

.contactus textarea.form-control {
height: 145px
}

.contactus .g-recaptcha {
display: inline-block
}

@media (max-width: 767px) {
.contactMap iframe {
height: 250px !important
}
}

.subscribe_popup {
background-color: rgba(0, 0, 0, 0.5)
}

.subscribe_popup .modal-content {
padding: 15px;border: 5px solid #f6a641
}

.subscribe_popup .close {
position: absolute;top: 5px;right: 5px;background: none;border: none;font-size: 30px;line-height: 0.7
}

.subscribe_popup h4 {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;color: #314d65;text-align: left;font-size: 25px;margin-bottom: 10px;letter-spacing: -1px;padding-left: 0;line-height: 1
}

.subscribe_popup li {
list-style: none;margin-bottom: 5px
}

.subscribe_popup li ol {
padding-left: 15px;margin-bottom: 15px
}

.subscribe_popup li label, .subscribe_popup li span {
display: inline-block;font-size: 15px;line-height: 1.428571429;color: #333
}

.subscribe_popup li .form-control {
height: 40px;margin-bottom: 15px
}

.subscribe_popup li label {
margin-bottom: 10px
}

.subscribe_popup li input[type="checkbox"] {
float: left;margin-right: 5px
}

.subscribe_popup li .btn {
float: right;display: inline-block;text-decoration: none;padding: 5px 15px;background: #ec7d23;color: #fff;border-radius: 5px;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 15px;border: 1px solid transparent
}

footer .footer-list-container {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;text-align: center;margin-bottom: 75px
}

footer .footer-list-container ul {
width: 75%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;text-align: center
}

footer .footer-list-container ul li {
width: 33.333333%;padding: 5.5px;position: relative
}

footer .footer-list-container ul li:nth-child(3n+4), footer .footer-list-container ul li:first-child {
padding-right: 63px
}

footer .footer-list-container ul li:nth-child(3):before, footer .footer-list-container ul li:nth-child(2):before, footer .footer-list-container ul li:nth-child(1):before {
content: '';position: absolute;top: -18px;right: 2px;width: 1px;height: 133px;background-color: rgba(255, 255, 255, 0.7)
}

footer .footer-list-container ul li a {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;text-transform: uppercase;font-size: 12.95px;line-height: 1;color: rgba(255, 255, 255, 0.9)
}

footer .footer-list-container ul li a:hover {
color: #ec7d23
}

footer .footer-list-container .address {
width: 25%;padding-top: 2px;padding-left: 38px
}

footer .footer-list-container .address span {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

footer .footer-list-container .address .label-address {
width: 100%;text-transform: uppercase;color: rgba(255, 255, 255, 0.9);font-size: 12.95px;line-height: 2.2;padding-bottom: 10px
}

footer .footer-list-container .address .address-details {
display: block;width: 100%;color: rgba(255, 255, 255, 0.9);font-size: 13px;line-height: 1.5;text-align: left
}

footer .footer-list-container .address .address-details p {
color: rgba(255, 255, 255, 0.9);font-size: 13px;line-height: 1.5
}

footer .footer-list-container .address .address-details a {
text-decoration: none;color: rgba(255, 255, 255, 0.9)
}

footer .footer-social {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 42px;padding-top: 5px
}

footer .footer-social li {
list-style: none;width: 33.333333%;padding: 0 33.5px
}

footer .footer-social li:last-child {
margin-right: 0;padding-right: 0;padding-top: 15px
}

footer .footer-social li a {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-left: 42px
}

footer .footer-social li a i {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-size: 30px;color: #888888;display: inline-block;padding-top: 10px;margin: 0 16px 0 0
}

footer .footer-social li a span {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;display: block;text-transform: uppercase;font-size: 13px;padding: 10px 0;margin-left: 0;line-height: 1.4
}

footer .footer-social li a span em {
font-style: normal;display: block;font-size: 13px;text-transform: none
}

footer .footer-social li a[title="Newsletter"] {
display: block;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;margin-left: 5px;text-align: center;font-size: 14px;text-transform: uppercase;padding: 10px;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 5px;background: #3d3d3d;color: #ffffff;cursor: pointer
}

footer .footer-social li a[title="Newsletter"]:hover {
background: #ec7d23
}

footer .copyrights {
position: relative;margin-bottom: 13px
}

footer .copyrights img {
padding-left: 78px;padding-bottom: 5px
}

footer .copyrights span {
color: rgba(255, 255, 255, 0.8);top: 50%;right: 0;-webkit-transform: translate(-1px, -50%);-ms-transform: translate(-1px, -50%);transform: translate(-1px, -50%);font-size: 13px;text-transform: uppercase
}

@media (max-width: 1199px) and (min-width: 992px) {
footer .footer-social li .newsLetter button {
width: 27%;font-size: 11px
}
}

@media (max-width: 991px) and (min-width: 768px) {
footer .footer-list-container ul li:nth-child(3n+4), footer .footer-list-container ul li:first-child {
padding-right: 0
}

footer .footer-list-container .address {
padding-left: 15px
}

footer .footer-social li {
padding: 0;width: 30%
}

footer .footer-social li:last-child {
width: 40%
}

footer .footer-social li a {
padding-left: 0
}

footer .footer-social li a span {
padding: 17px 0
}

footer .footer-social li a span em {
display: none
}

footer .copyrights img {
padding-left: 0
}
}

@media (max-width: 767px) {
footer .footer-list-container {
margin-bottom: 10px
}

footer .footer-list-container ul {
width: 100%
}

footer .footer-list-container ul li {
width: 50%
}

footer .footer-list-container ul li:nth-child(3):before, footer .footer-list-container ul li:nth-child(2):before {
display: none
}

footer .footer-list-container ul li:nth-child(1):before {
height: 190px;right: 0
}

footer .footer-list-container .address {
padding-left: 0;padding-top: 40px;padding-bottom: 5px;width: 100%
}

footer .footer-list-container .address .label-address {
-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;font-size: 13px;padding-bottom: 5px
}

footer .footer-list-container .address .address-details {
text-align: center;display: block;white-space: normal;font-size: 13px
}

footer .footer-social {
margin-bottom: 0
}

footer .footer-social li {
padding: 0 23px 25px;width: 15%
}

footer .footer-social li:last-child {
width: 70%;padding: 0 5px 30px
}

footer .footer-social li a i {
padding-top: 0;margin: 0
}

footer .footer-social li a span {
display: none
}

footer .footer-social li .newsLetter {
padding-left: 0
}

footer .footer-social li .newsLetter input {
width: 60%;font-size: 12px;float: left
}

footer .footer-social li .newsLetter button {
height: 30px;width: 35%;font-size: 12px
}

footer .copyrights {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

footer .copyrights img {
padding-left: 0;margin-bottom: 20px
}

footer .copyrights span {
text-align: center;width: 100%;position: relative;font-size: 12px
}
}

.pagination li {
list-style: none
}

.pagination li span, .pagination li a {
display: inline-block;width: 30px;height: 30px;text-align: center;color: #f6a641;font-size: 20px;line-height: 1.4;text-decoration: none
}

.pagination li a {
padding: 2px;text-align: center
}

.pagination li a span {
width: 0;height: 0
}

.pagination li a:hover, .pagination li span:hover {
background-color: #f6a641;color: #fff
}

.pagination .active a {
background-color: #f6a641;color: #fff
}

.gallery-container {
padding: 0 15px;margin-bottom: 25px
}

#gallery-1 {
width: 100%;float: right;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom: 15px;z-index: 999
}

#gallery-1.rsDefault, #gallery-1.rsDefault .rsOverflow, #gallery-1.rsDefault .rsSlide, #gallery-1.rsDefault .rsVideoFrameHolder, #gallery-1.rsDefault .rsThumbs {
background: #fff
}

#gallery-1 .rsGCaption {
background: transparent;width: 100%;left: 0;padding: 0;bottom: 0
}

#gallery-1 .rsCaption {
display: block;width: 100%;left: 0;bottom: 0;background: #fff;background: rgba(255, 255, 255, 0.9);text-align: right;padding: 5px 20px;font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size: 16px;font-weight: bold;color: #ec7d23
}

#gallery-1 .rsFullscreenIcn {
margin: 9px 8px
}

#gallery-1 .rsFullscreenIcn, #gallery-1 .rsArrowIcn, #gallery-1 .rsThumbsArrow {
background-color: rgba(246, 166, 65, 0.75)
}

#gallery-1 .rsThumbsHor {
height: 86px
}

#gallery-1 .rsThumb {
width: 115px;height: 86px
}

@media (max-width: 767px) {
#gallery-1 {
margin-left: -15px;margin-right: -15px;width: calc(100% + 30px);width: -webkit-calc(100% + 30px);width: -moz-calc(100% + 30px)
}

#gallery-1 .rsCaption {
padding: 5px 15px;font-size: 14px;font-weight: normal
}

#gallery-1 .rsThumbsHor {
height: 51px
}

#gallery-1 .rsArrow {
display: none
}

#gallery-1 .rsThumb {
width: 70px;height: 51px
}
}

.room-booking {
margin: 0 -15px
}

.room-booking .submission-date {
margin-left: 0;width: 100%;background-color: #f5f5f5;font-size: 15px;color: #444444;border-left: 4px solid;padding: 7px;line-height: 1.7
}

.room-booking .submission-date span {
font-weight: bold
}

.room-booking .main-activity-data-wrap .form-group {
display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: baseline;-webkit-align-items: baseline;-ms-flex-align: baseline;align-items: baseline
}

.room-booking .main-activity-data-wrap .form-group label {
margin-left: 0;width: 40%;font-size: 15px;color: #444444
}

.room-booking .main-activity-data-wrap .form-group dd {
width: 100%
}

.room-booking .main-activity-data-wrap {
display: inline-block;margin-bottom: 30px
}

.room-booking .section-title {
font-family: "Playfair Display", serif;line-height: 1;font-size: 20px;margin-bottom: 10px;color: #ec7d23;font-weight: 300
}

.room-booking p.description {
font-size: 11px;color: #999;padding: 5px
}

.room-booking .activity-details-wrap, .room-booking .activity-times-wrap {
margin-bottom: 30px;display: inline-block;width: 100%
}

.room-booking .activity-details-wrap .form-group, .room-booking .activity-freq-wrap .form-group, .room-booking .activity-times-wrap .form-group {
margin-bottom: 15px
}

.room-booking .activity-details-wrap .form-group label, .room-booking .activity-freq-wrap .form-group label, .room-booking .activity-times-wrap .form-group label {
display: block;padding: 10px 0;font-size: 14px;color: #444;line-height: 1.4
}

.room-booking .radio-element dd label {
width: 50%;display: inline-block
}

.room-booking .radio-element dd label input {
display: inline-block;margin-right: 10px;margin-top: 0;vertical-align: middle
}

.room-booking .day-wrap {
margin-bottom: 15px;display: inline-block;width: 49.5%
}

.room-booking .day-wrap .form-group {
margin-bottom: 0
}

.room-booking .agree-policy a {
color: #ec7d23
}

.room-booking .agree-policy a:hover {
text-decoration: none
}

.room-booking .agree-policy label {
padding-bottom: 0 !important
}

.room-booking .agree-policy dd input {
display: inline-block;margin-right: 10px;margin-top: 0;vertical-align: middle
}

.room-booking .captcha-wrap {
margin-top: 50px;margin-bottom: 20px;display: inline-block;width: 100%
}

.room-booking .form-error, .room-booking .help-block {
font-size: 12px;list-style: none;padding: 5px;color: #ba0600
}

@media (max-width: 1199px) and (min-width: 992px) {
.room-booking .main-activity-data-wrap .form-group dd {
width: 90%
}
}

@media (max-width: 991px) {
.room-booking .main-activity-data-wrap .form-group {
-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap
}

.room-booking .main-activity-data-wrap .form-group label, .room-booking .main-activity-data-wrap .form-group dd {
width: 100%;padding-bottom: 5px
}
}

@media (max-width: 767px) {
.room-booking .room-booking {
margin: 0
}

.room-booking .radio-element dd label {
width: 100%
}
}

@media (max-width: 500px) {
.room-booking .day-wrap {
width: 49%
}
}

header .nav .dropdown-menu {
background-color: #2d0474 !important;
}

header .nav .dropdown-menu {
background-color: #623c9e !important;
}

}#myImg {
border-radius: 5px;cursor: pointer;transition: 0.3s;
}

#myImg:hover {
opacity: 0.7;
}

#caption {
margin: auto;display: block;width: 80%;max-width: 700px;text-align: center;color: #ccc;padding: 10px 0;height: 150px;
}

.modal-content, #caption {
animation-name: zoom;animation-duration: 0.6s;
}

@keyframes zoom {
from {transform:scale(0)}to {transform:scale(1)}
}

.videoWrapper {
position: relative;padding-top: 25px;
}

.videoWrapper iframe {
display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;border: 0;
}

@media only screen and (max-width: 767px) {
footer .footer-list-container .address {
padding-top: 60px !important;
}
}

header .header-links .social-media {
background-color: #67c5c7 !important;
}

header .header-links .donate {
background-color: #007ea6 !important;
}

header .header-links .full-date {
background: #017cbf url("../images/shared/left-angle.png") no-repeat left center;background-size: auto 100% !important;
}

.prayers {
background: #9b7fe2 !important;
}

#insideMain .breadCrumb {
top: 0 !important;
}

footer .footer-social li a {
-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;text-decoration: none;color: #fff !important;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-left: 0px !important;
}

@media (max-width: 767px) {
#prayer_desktop {
display: none !important;
}
}

@media (min-width: 768px) {
#prayer_mobile {
display: none !important;
}
}

#prayer_mobile {
margin-left: 0px !important;margin-right: 0px !important;text-align: center;
}

footer .footer-social {
margin-bottom: 0px !important;
}

#insideMain .side-bar {
margin-top: 80px;
}

.dptTimetable > tbody:nth-child(1) > tr:nth-child(4) {
display: none !important;
}

@media (max-width: 767px) footer .copyrights span {
display: none;
}

media (max-width: 767px) {
footer .copyrights span {text-align: center;width: 100%;position: relative;font-size: 12px;display: none !important;}
}

media (max-width: 767px) {
.copyrights span {display: none !important;}
}

@media (max-width: 991px) and (min-width: 767px) {
#insideMain .inside-content {
width: auto !important;padding-right: 15px;
}

#insideMain .side-bar {
width: auto!important;
}
}

.royalSlider {
height: 276px !important;
}

.read-more {
text-decoration: none;text-transform: uppercase;font-size: 16px;padding: 7px 10px;font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;color: #fff;background-color: #0c273d;border-radius: 10px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}

.venue-content .read-more {
text-decoration: none;text-transform: uppercase;font-size: 16px;padding: 7px 10px;font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;color: #fff;background-color: #0c273d;border-radius: 10px;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;
}

.venue-content .description {
padding-left: 0;padding-right: 0;font-size: 17px;color: #444;line-height: 1.5;font-weight: 300;display: block;margin-bottom: 45px;
}

@media (max-width: 768px) {
.logos .jumuah {
display: none;
}
}

@media (min-width: 768px) {
.footimg {
padding-top: 27px;
}
}

select.otherMonth {
border: 1px solid;-moz-appearance: none;width: 150px !important;text-indent: 0.01px;text-overflow: "";padding: 5px;float: left;border-radius: 5px 5px 5px 5px;
}

@-webkit-keyframes ticker {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: visible;}100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}

@keyframes ticker {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: visible;}100% {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
}

.ticker-wrap {
position: relative;bottom: 0;width: 100%;overflow: hidden;height: 4rem;background-color: rgba(0, 0, 0, 0.9);padding-left: 100%;
}

.ticker-wrap .ticker {
display: inline-block;height: 4rem;line-height: 4rem;white-space: nowrap;padding-right: 100%;box-sizing: content-box;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-name: ticker;animation-name: ticker;-webkit-animation-duration: 30s;animation-duration: 30s;
}

.ticker-wrap .ticker__item {
display: inline-block;padding: 0 0;font-size: 2rem;color: white;
}

lite-youtube {
display: block;position: relative;width: 100%;max-width: 720px;aspect-ratio: 16 / 9;padding-bottom: 0 !important;background-color: #000;contain: content;background-position: center center;background-size: cover;cursor: pointer;
}

lite-youtube::before {
content: '';display: block;position: absolute;top: 0;background-position: top;background-repeat: repeat-x;height: 60px;padding-bottom: 50px;width: 100%;: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}

lite-youtube::after {
content: none;display: none;padding-bottom: 0;
}

lite-youtube > iframe {
width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;
}

lite-youtube > .lty-playbtn {
width: 68px;height: 48px;position: absolute;cursor: pointer;transform: translate3d(-50%, -50%, 0);top: 50%;left: 50%;z-index: 1;filter: grayscale(100%);transition: filter .1s cubic-bezier(0, 0, 0.2, 1);border: none;
}

lite-youtube:hover > .lty-playbtn, lite-youtube .lty-playbtn:focus {
filter: none;
}

.lyt-visually-hidden {
clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;
}

.navbar-nav > li > a:active,
.navbar-nav > li.hover> a {
background-color: #e74c3c !important; /* Highlighted background color */
    color: white !important;  /* Text color when active or hovered */
}

.navbar-nav > li.active > a {
background-color: #e74c3c !important;
    color: white !important;
}

.navbar-nav > li.active > a::after {
content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: #e74c3c;
    position: absolute;
    bottom: -10px;
    left: 0;
}

header .nav > li.active > a::before {
background-color: #56389c;
}

.navbar-nav > li.active > a {
background-color: #f2746f; /* Background color for the active item */
    color: white; /* Text color when active */
    border-radius: 8px 8px 0 0; /* Rounded corners at the top */
}

.navbar-nav > li > a.active {
background-color: #f2746f; /* Background color for the active item */
            color: white; /* Text color when active */
            border-radius: 8px 8px 0 0; /* Rounded corners at the top */
}

:root {
--swansea-purple: #56389b;
  --swansea-purple-dark: #402674;
  --swansea-blue: #007ea6;
  --swansea-aqua: #67c5c7;
  --swansea-orange: #f6a641;
  --swansea-coral: #f16667;
}

.skip-link {
position: fixed;
  z-index: 1100;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.65rem 1rem;
  border-radius: 0.25rem;
  background: #fff;
  color: #111;
}

.site-header {
position: relative;
  z-index: 1030;
  border-top: 10px solid var(--swansea-purple);
  border-bottom: 10px solid var(--swansea-purple);
  background: #fff;
}

.site-header .navbar {
min-height: 128px;
  padding: 0.75rem 0;
}

.site-header .navbar-brand {
width: min(235px, 40vw);
  margin-right: 1.5rem;
  padding: 0;
}

.site-header .logo-img {
display: block;
  width: 100%;
}

.site-header .navbar-collapse {
flex-wrap: wrap;
  justify-content: flex-end;
}

.site-header #homeMenu {
position: static;
  inset: auto;
  z-index: auto;
  border: 0;
  background: transparent;
}

.site-header .header-links {
width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  margin: 0 0 0.35rem;
}

.site-header .donate {
display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.6rem 1.35rem;
  border-radius: 999px;
  background: var(--swansea-blue);
  color: #fff;
  font-size: 0.9rem;
  text-decoration: none;
  text-transform: uppercase;
}

.site-header .donate:hover,
.site-header .donate:focus-visible {
background: var(--swansea-coral);
  color: #fff;
}

.site-header .social-media {
display: flex;
  align-items: center;
  margin: 0;
  padding: 0.45rem 0.65rem;
  border-radius: 999px;
  background: var(--swansea-aqua);
  list-style: none;
}

.site-header .social-media li + li {
border-left: 1px solid rgba(255, 255, 255, 0.7);
}

.site-header .social-media a {
display: grid;
  width: 2rem;
  min-height: 1.75rem;
  place-items: center;
  color: #fff;
  text-decoration: none;
}

.site-header .navbar-nav {
width: 100%;
  justify-content: flex-end;
  margin: 0;
}

.site-header .nav-item {
position: relative;
}

.site-header .nav-link {
border: 0;
  border-radius: 0.25rem 0.25rem 0 0;
  background: transparent;
  color: #333;
  font-size: 0.82rem;
  text-transform: uppercase;
}

.site-header .nav-link:hover,
.site-header .nav-link:focus-visible,
.site-header .nav-link.active,
.site-header .nav-link.show {
background: var(--swansea-coral);
  color: #fff;
}

.site-header .dropdown-menu {
margin-top: 0;
  padding: 0.75rem 0.35rem;
  border: 0;
  border-radius: 0 0.35rem 0.35rem;
  background: #707070;
}

.site-header .dropdown-item {
padding: 0.45rem 0.75rem;
  color: #fff;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.site-header .dropdown-item:hover,
.site-header .dropdown-item:focus,
.site-header .dropdown-item.active {
background: transparent;
  color: var(--swansea-orange);
}

.site-header .mobile-donate {
min-height: 36px;
  margin-left: auto;
  padding: 0.45rem 0.9rem;
  font-size: 0.75rem;
}

.site-header .navbar-toggler {
margin-left: 0.5rem;
  border-color: rgba(86, 56, 155, 0.45);
}

.site-footer {
clear: both;
  margin-top: 2.5rem;
  padding: 2rem 0 1rem;
  border-top: 5px solid var(--swansea-orange);
  background: var(--swansea-purple);
  color: #fff;
}

.site-footer .footimg {
max-height: 92px;
}

.site-footer .footer-link {
display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #fff;
  text-decoration: none;
}

.site-footer .footer-link:hover,
.site-footer .footer-link:focus-visible {
color: #fff3d9;
}

.site-footer .footer-link i {
color: #c4b8e5;
  font-size: 1.65rem;
}

.site-footer .footer-link span,
.site-footer .footer-link em {
display: block;
  margin: 0;
  font-size: 0.76rem;
  font-style: normal;
}

.site-footer .footer-link span {
text-transform: uppercase;
}

.site-footer .footer-link em {
text-transform: none;
}

.site-footer .charity-number {
margin: 1.5rem 0 0;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

@media (min-width: 992px) {
.site-header .nav-item + .nav-item {
border-left: 1px solid #d4d4d4;
}

.site-header .nav-link {
padding: 0.8rem 0.52rem;
}
}

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

@media (max-width: 991.98px) {
.site-header .navbar {
min-height: auto;
}

.site-header .navbar-collapse {
width: 100%;
    margin-top: 0.75rem;
    padding: 0.5rem;
    border-radius: 0.35rem;
    background: #f7f5fb;
}

.site-header .navbar-nav {
align-items: stretch !important;
}

.site-header .nav-link {
width: 100%;
    padding: 0.7rem 0.8rem;
    text-align: left;
}

.site-header .dropdown-menu {
position: static !important;
    transform: none !important;
}
}

@media (max-width: 575.98px) {
.site-header .navbar-brand {
width: min(170px, 46vw);
    margin-right: 0.35rem;
}

.site-footer .footer-link {
align-items: flex-start;
}
}