body {
  -webkit-font-smoothing: antialiased;
  -webkit-speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Rubik", Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 400;
  color: #313131;
  font-size: 16px;
  overflow-x: hidden;
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAACVCAYAAAAHdFU5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTNBODg4QzhDMzZGMTFFQUFCM0RENDcwQTcxODQ3NDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTNBODg4QzdDMzZGMTFFQUFCM0RENDcwQTcxODQ3NDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjcyODJFNTRDQzM2RjExRUE5MjEzOTA4Mjg3QThFMzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjcyODJFNTREQzM2RjExRUE5MjEzOTA4Mjg3QThFMzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1XsT8QAADutJREFUeNrsnYuSq6oS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") repeat fixed;
}

body::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track {
  background: #fff;
}

body::-webkit-scrollbar-thumb {
  background: #126b1e;
}

/* header */
header {
  z-index: 100;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

header .head {
  border-radius: 5px;
  background-color: #fff;
}

header .head .socials {
  line-height: normal;
}

header .head .socials a {
  display: inline-block;
  line-height: 100%;
  margin-right: 5px;
}

header .head .socials a .icon {
  font-size: 20px;
}

header .head .socials a .icon::before {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

header .head .socials a.facebook:hover .icon::before {
  color: #3b5998;
}

header .head .socials a.twitter:hover .icon::before {
  color: #00acee;
}

header .head .socials a.instagram:hover .icon::before {
  color: #3f729b;
}

header .head .search .icon::before {
  font-size: 20px;
}

header .head .search input {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  color: #cca146;
  font-size: 14px;
  font-weight: 300;
  outline: none;
  border-bottom: 1px solid transparent;
  max-width: 125px;
}

header .head .search input:focus {
  border-color: #cca146;
}

header .navbar .logo {
  font-weight: 700;
  font-size: 34px;
  color: #fff;
  line-height: 100%;
}

header .navbar .navbar-nav .nav-item {
  margin-left: 4vw;
}

header .navbar .navbar-nav .nav-item .nav-link {
  padding: 0;
  color: #fff;
}

header .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #cca146;
}

header .navbar-toggler {
  outline: none;
}

header.fixed-header {
  background-color: rgba(255, 255, 255, 0.97);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

header.fixed-header .head {
  margin-top: -30px !important;
}

header.fixed-header .navbar .logo {
  color: #cca146;
}

header.fixed-header .navbar .navbar-nav .nav-item .nav-link {
  color: #cca146;
}

header.fixed-header .navbar .navbar-nav .nav-item .nav-link:hover {
  color: #126b1e;
}

header.fixed-header .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28204, 161, 70, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

header:not(.fixed-header) .navbar-toggler {
  background-color: #257630 !important;
}

/* navigationv */
.navigation {
  min-height: 400px;
  position: relative;
  overflow: hidden;
  padding: 200px 0;
}

.navigation::before, .navigation::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
  z-index: 0;
}

.navigation::before {
  -webkit-transform: skewY(-2.5deg) translateY(-2.9vw);
          transform: skewY(-2.5deg) translateY(-2.9vw);
  height: 100%;
  background: #126b1e;
  background-image: url(../images/navigation-bg.png), linear-gradient(45deg, #126b1e 0%, #07370e 100%);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.m11 { 
background-image: url(../images/temp/m11.jpg)!important;
}
.namaz {
background-image: url(../images/temp/namaz-shutterstock_16_9_1557244165-880x495.jpg);
}
.sohbet {
	background-image: url(../images/temp/namaz-shutterstock_16_9_1557244165-880x496.jpg);
}
.kuran {
	background-image: url(../images/temp/namaz-shutterstock_16_9_1557244165-880x497.jpg);
}
.navigation::after {
  height: 205px;
  background: url(../images/mosque-line.svg) no-repeat left bottom;
}

.navigation .content {
  position: relative;
  z-index: 10;
}

.navigation .content .desc {
  color: #fff;
  font-size: 20px;
  line-height: 100%;
}

.navigation .content .desc .title {
  font-weight: 700;
  font-size: calc(30px + 0.95vw);
}

.navigation.page-navigation {
  padding-bottom: 60px;
  color: #fff;
  padding-top: 170px;
  font-size: 24px;
}

.navigation.page-navigation a {
  font-size: 16px;
  color: #cca146;
}

.navigation.page-navigation .title {
  font-size: calc(34px + 0.75vw);
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}

.navigation.page-navigation a.big {
  color: #fff;
  font-size: 24px;
}

.navigation.page-navigation a.big:hover {
  color: #cca146;
}

/* contents */
main {
  /* pages layout */
  /* lasted articles */
  /* prayer times */
  /* latest articles */
  /* home categories */
  /* home description */
}

main .pages-layout .categories .list-group-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}

main .pages-layout .categories .list-group-item:last-child {
  border-bottom: 0;
}

main .pages-layout .categories .list-group-item a {
  color: #313131;
}

main .pages-layout .categories .list-group-item a:hover {
  color: #cca146;
}

main .pages-layout .popular-articles .list-group-item {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ffffff;
  padding: 0;
}

main .pages-layout .popular-articles .list-group-item:last-child {
  border-bottom: 0;
}

main .pages-layout .popular-articles .list-group-item a {
  font-size: 16px;
  font-weight: 500;
  color: #313131;
  padding: 30px 0;
  position: relative;
  z-index: 1;
}

main .pages-layout .popular-articles .list-group-item a span {
  position: relative;
  z-index: 10;
  display: inline-block;
}

main .pages-layout .popular-articles .list-group-item a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, color-stop(44%, #cca146), to(rgba(7, 55, 14, 0)));
  background: linear-gradient(90deg, #cca146 44%, rgba(7, 55, 14, 0) 100%);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

main .pages-layout .popular-articles .list-group-item a:hover {
  color: #fff;
}

main .pages-layout .popular-articles .list-group-item a:hover::after {
  background: -webkit-gradient(linear, left top, right top, color-stop(44%, #126b1e), to(rgba(7, 55, 14, 0)));
  background: linear-gradient(90deg, #126b1e 44%, rgba(7, 55, 14, 0) 100%);
}

main .pages-layout .popular-rooms .pattern-1 {
  stroke: #cca146;
  stroke-width: 3px;
  -webkit-filter: url(#pattern-filter);
          filter: url(#pattern-filter);
}

main .pages-layout .popular-rooms .pattern-1,
main .pages-layout .popular-rooms .pattern-2 {
  fill-rule: evenodd;
}

main .pages-layout .popular-rooms .pattern-2 {
  fill: #fff8e9;
}

main .pages-layout .popular-rooms .carousel {
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(100% - 80px);
}

main .pages-layout .popular-rooms .carousel .swiper-slide {
  font-weight: 700;
  font-size: 24px;
  width: 100% !important;
}

main .pages-layout .popular-rooms .carousel .swiper-slide a {
  color: #cca146;
}

main .pages-layout .popular-rooms .carousel .button {
  outline: none;
}

main .pages-layout .popular-rooms .carousel .button.swiper-button-disabled {
  opacity: 0.4;
}

main .pages-layout .more .dots span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #cca146;
  margin: 0 2px;
}

main .pages-layout .more a {
  color: #cca146;
  font-weight: 700;
  line-height: 100%;
}

main .pages-layout .more a:hover {
  background-color: #cca146;
  color: #fff;
}

main .pages-layout.single-page .page-content {
  margin-top: -130px;
}

main .pages-layout.single-page .sp-photo {
  position: relative;
  overflow: hidden;
}

main .pages-layout.single-page .sp-photo img {
  min-height: 200px;
}

main .pages-layout.single-page .sp-photo::before, main .pages-layout.single-page .sp-photo::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 0;
}

main .pages-layout.single-page .sp-photo::after {
  bottom: 0;
  height: 80px;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(5%, rgba(0, 0, 0, 0.8)), to(rgba(7, 55, 14, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 5%, rgba(7, 55, 14, 0) 100%);
}

main .pages-layout.single-page .sp-photo::before {
  top: 0;
  height: 65%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #cca146), to(rgba(7, 55, 14, 0)));
  background: linear-gradient(180deg, #cca146 5%, rgba(7, 55, 14, 0) 100%);
}

main .pages-layout.single-page .sp-photo .info {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  z-index: 100;
  color: #fff;
  font-size: 14px;
}

main .pages-layout.single-page .sp-photo .info .icon::before {
  color: #fff;
}

main .pages-layout.single-page .sp-photo .info a {
  color: #fff;
}

main .pages-layout .comments .photo {
  border-radius: 10px;
}

main .pages-layout .comments .media-body {
  font-size: 14px;
}

main .pages-layout .comments .media-body .title {
  font-weight: 500;
  color: #cca146;
  line-height: 100%;
}

main .pages-layout .comments .media-body .date {
  background-color: #126b1e;
  height: 100%;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}

main .pages-layout .comments .media-body .date .icon::before {
  color: #fff;
}

main .pages-layout .comments .media-body .reply {
  color: #cca146;
  font-size: 14px;
}

main .pages-layout .comments .media-body .reply .icon {
  font-size: 16px;
  vertical-align: middle;
}

main .pages-layout .comments .media-body .reply:hover {
  color: #126b1e;
}

main .featured-articles .info {
  color: #cca146;
  font-size: 14px;
}

main .featured-articles .info .icon {
  font-size: 12px;
}

main .featured-articles .info a {
  color: #cca146;
}

main .featured-articles .info a:hover {
  color: #fff;
}

main .prayer-times {
  background-color: #cca146;
  border-radius: 10px;
}

main .prayer-times .box {
  min-width: 150px;
  width: 100%;
  height: 100px;
  color: #8e6e2a;
  font-weight: 500;
  line-height: 100%;
}

main .prayer-times .box .box-in {
  border-right: 1px solid #b18a35;
  height: 100%;
}

main .prayer-times .box .hour {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

main .prayer-times .box:first-child {
  border-radius: 10px 0 0 10px;
}

main .prayer-times .box:last-child .box-in {
  border: 0;
}

main .prayer-times .box.location {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  position: relative;
  border-radius: 0 10px 10px 0;
  background: #b18a35 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGkAAABuCAYAAAAkhz2CAAAFiklEQVR4nO2da1PbRhRAjy3zag02BkLLZCZt0qb//+e06TudJpM0QB7EGAzOhysnsi3Z0kreu9fdM8MHsBZd7ZF2V6urdUI+CXAKHAM7wDUwKdg24k4CPABOgF1gSE49dwoKPwYOMr93gd8aDjAC3wH9zO/7wLP5jdo5BZN04ywHBdtG3GkzeyGA1HuSt+E8R0ArZ7vDRkKLTDlksf5bSP3PkCfpuOCfntQMKjJLUX0u1P+8pC6wV1D46yWfRaqxh9Rn0Wfd7B/mJRVdRWU/j5SjUj1nJSWs7neOiAOIurTJ6XfmOCQzgMhWeBkBZURGljMjoIAZkVkpZZuyOICoR9n6++xjKqnKoCAOINxZNmAo3HYqqeqAIA4g3HCq5zbSPg4qFg51AHHA4pRWKJQZMMwzAJIEsdVfsXHeDkfIhGAI7CLzYGdIM3GENBUfgbFeWDMMqH4xtICbBPgWOciq3AGXDuWapI2I+Z7FY9hFOuk2cIX+LP4p8JVDuUnRLLgF9oFHyKOUIlrAN8iw9y/gvYe4GseipAR4SLVOeAd4CvwH/IO0AmawJqmLNG3bjuWPkUHFH8CHpoJaNyGO0PJoIX3PT7gLmrKd/p8zFh/JBEkLadtdDnyEn7Oxg1w96xhWv0OuKh8jwC7L+88ibkI/k/aAH6h/9SzjBviVcG4nFlg10adJDxG0teb9TG/mh0jrEByhShogMwe++sxpekBIN+ifCVHSCTJ74LspbiGixshMRTCEJukIuUHVpIf0U8FcUSFJ6iNNXAj0EUnX2oFAOJL2gB8J676lD7wlgAnaEG5mE+AJYcSSpY3EpX4it5AbLJdAxkjbXZcnVH9U4pNLmkmx3sZtGu6ug0xWulTSG+BPh3JZBo779kkfifO85v85o/pDP4BLzSamjZwgFniIYnOsKekB659NaIotJF4VtCS1kCeVljhFafSpJamPvWdZHZT6Ty1JVrNgVeLWktRdvUmQqMStIamDnQHDPFsoNNMaktb5AM8H3uPXkBTS/JwL3uPXkHSvsM8m8R6/hiRTOW85eI9fQ9It+im/rkyQ+L2iIWlCM7PnGtygcIJp3SddKe23Lipxa0l6p7TfuqjErSXpLfZGefdI3N7RkjQGLpT27coFSvkOms+TXmBnlDdB4lVBU9IIeKm4/yq8RDEFWTtD5wXhvyf0AcWrCPQlTZBMnCCSEHO4RuJTbZa1JYF0xs8IKK03ZYjEpZ4cqf0Iey/9SZDR0w5hnDj3SDw9ZK5uiOJJpCEpuzhsqA//pksPZLkFXgOv8DzJ6ltSF0nKD1XOMrYQcSfA73gc8PhsWnrIa/oWBWXZQo6j52uHviTtIleQ9aeyU1rI8bisJFMZX5IeedyXL9p4euHNR8XtYzeFaxVdFtdQbxwfkqwmQpZl7cfnQ9KmXkVT1n58PiRZz7NbxdqPb9M6840kSjJAlGSAKMkAUZIBoiQDREkGiJIMECUZIEoyQJRkgCjJAFGSAaIkA0RJBoiSDLBpku6R5HprL6gtRTvNuElu+ZJTfoEsvGs9xw/YnCvpBviZL/naw/R3q2+5z7AJksbALyy+5DVK/67+VkRdrEu6R76xpegtvFH6uek+yrqkv1m9tsJVup1ZLEs6R5a9LsMb6i8ZrYZVSXfA84plnmN08Smrkv6l+oBgnJYzh0VJ0zfuXHiNwipbdbEo6RXub4NP0vKmsCip7GBhXeW9Y03SFfWbq1uMLeVmTVJTS5mZWsrNmqSmvhAxqC9WXIU1SU0twhTk98kWYU1SU5OlpiZdrUlqaqLU1ISrNUn/S6IkA0RJBoiSDBAlGSBKMkCUZIAoyQBRkgGiJANESQaIkgwQJRmgA7zHLR+t7JLL5zR3MjT1dQQTmst1KDuj7rpE9cdPqcTCVuUelHkAAAAASUVORK5CYII=") no-repeat center -100%;
  background-size: contain;
}

main .prayer-times .box.location .icon {
  font-size: 38px;
}

main .prayer-times .box.location .icon::befor {
  color: #fff;
}

main .prayer-times .box.location .select-wrap {
  background-color: #cca146;
  border-radius: 10px;
}

main .prayer-times .box.location .select-wrap select {
  border-radius: 10px;
  width: 100%;
  color: #fff;
  background-color: transparent;
  border: 0;
  outline: none;
  padding: 3px 10px;
  font-size: 14px;
}

main .prayer-times .box.location .select-wrap select option {
  margin: 40px;
  background: #cca146;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

main .prayer-times .swiper-container {
  pointer-events: none;
}

main .latest-articles {
  position: relative;
}

main .latest-articles .long-boxes.big-box::before {
  content: "";
  position: absolute;
  left: calc(-100% + 100px);
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #effbf1;
  z-index: -1;
}

main .latest-articles .long-boxes.big-box .box {
  background-color: #effbf1;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: inherit;
}

main .latest-articles .long-boxes.big-box .box .date {
  position: absolute;
  left: -10px;
  top: 125px;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transform: translateX(-50%) rotate(-90deg);
          transform: translateX(-50%) rotate(-90deg);
  color: #818181;
  font-size: 16px;
}

main .latest-articles .long-boxes.big-box .box .date .icon {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  display: inline-block;
}

main .latest-articles .long-boxes.big-box .box .date .icon::before {
  color: #818181;
}

main .latest-articles .long-boxes.big-box .box .box-in {
  color: #313131;
}

main .latest-articles .long-boxes.big-box .box .title {
  font-size: 24px;
  color: #126b1e;
}

main .latest-articles .long-boxes.big-box .box a {
  color: #126b1e;
  font-size: 16px;
  font-weight: 700;
}

main .latest-articles .long-boxes.big-box .box a:hover {
  color: #cca146;
}

main .home-categories .box {
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

main .home-categories .box .box-in {
  min-height: 230px;
  position: relative;
  z-index: 10;
  color: #fff;
  line-height: 100%;
}

main .home-categories .box .box-in .title {
  font-size: 36px;
  font-weight: 500;
  display: block;
}

main .home-categories .box .box-in .icon {
  font-size: 60px;
}

main .home-categories .box .box-in .icon::before {
  color: #fff;
}

main .home-categories .box:hover::after {
  background-color: rgba(18, 107, 30, 0.9);
}

main .home-description {
  background: #cca146 url(../images/home-desc-bg.png) no-repeat right bottom;
  color: #fff;
  font-size: 24px;
  overflow: hidden;
  position: relative;
}

main .home-description .abs {
  position: absolute;
  left: 1rem;
  bottom: 0;
  pointer-events: none;
}

main .home-description .title {
  font-size: 36px;
  font-weight: 700;
}

/* footer */
footer {
  background-color: #f8f8f8;
  font-weight: 300;
  color: #cca146;
}

footer .logo {
  font-size: 36px;
  line-height: 100%;
  font-weight: 700;
}

footer a {
  color: #cca146;
}
footer .links ul { padding:0; margin:0 }
footer .links li { 
list-style-type:none;
display: inline;
 }
footer .links li a {
  padding: 0 10px;
  display: inline-block;
}

footer .links li a:last-child {
  padding-right: 0;
  border: 0;
}

/* ################################################################ */
/* login area*/
.login-area {
  background-color: #07320d;
  padding: 30px;
  border-radius: 15px;
  border-bottom-right-radius: 0;
  position: relative;
}

.login-area::after {
  content: "";
  position: absolute;
  right: 0;
  width: 112px;
  height: 75px;
  bottom: -75px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABMCAYAAAC1WDOdAAAEP0lEQVR4nO3d3YtVVRzG8c/kwFx5X39Al100ZmVvDr0RQfQCFXRXVN4UVN4EUTcREURW6I0UeVFZmpmJXYg0RFIKYkIvSK9iWUlJYTXOOI3Txc9DJjnuc87ee+19zvpez+z9zDznt/b6rWevdUbGxhdfgE04X6Z1nINPcRE2J9aS6YFFo+eNwQw24E9cLYzNtIBTjZrHs7gWP6eRk+mW/6u0DzCOD2vWkumBMw2VP4mh9DlRmZmGstCz7m+sxO04Wo+cTLcUmaxswlJ8VrGWTA8UnW1+iUvwWoVaMj3QaSOKMIu38SuuwWhVojLF6aXfW4PlOFiylkwP9Nqw78YSbC9RS6YHuhlCT2cKr4sPwZUYKUtUpjj9LpmdwBO4CUf6l5PplrLWPN8TC+J7SrpepiBlLlofwBVYW+I1M2eh7NRhBitwt3hGZiqmqthoHS7HVxVdP3OSKnO/fbgY71R4j6GnnzaiCNMiKD6GCTkoLp06/qHzeAbXy0Fx6dRZEZOi1dhZ4z0HnrqHtEMiKF5V830HlhTPpFk8gjvwR4L7DxQpJxUbxSz184QaWk/qWeF+XCoWxTM9UHUbUYTjIig+Il5pXJRWTrtIXYGnsloExd+nFtImmmQg7BJB8Y7UQtpCE4bQ08lBcRc0rQI7zOFxERT/llhLo2mqgR22iSF1b2ohTaXpBsJ3Ipp6KbWQJtIGA4lU4z4RFE8n1tIo2mJgh3VYhm8T62gMbTOQCIqXYGtqIU2giW1EEabxhngHZ0I7P4il0OY/fB5P4zr8klhLMtpsYIdJXIiPUgtJwSAYSATFE3ghsY7aGRQDiaD4IdwpTtsYCgbJwA4bxI7i/amF1MEgGkiYtxRvphZSNW1tI4pwHG+JxfCBDYoHtQJP5UURFB9KLaQKhsFA+Fi0Gu+nFlI2gzyEns6UOGVjVGyDG4igeFgqsMMcHsPN+D2xllIYNgM7bBUL4vtSC+mXYTWQiKSW4ZXUQvphmA0kUo17cK+WBsXDbmCHl3GZeH2jVWQD/+UTcU7qttRCumGY2ogiTGO9WBhfrgUf8MYLTMA8nsINWhAUZwPPzA4xpO5KLWQhsoEL8wOuEhtvGkk28OzM4kHcpYFBcTawOOvFqcWNCoqzgd3xhQiKN6YW0iG3Ed1zXBh4VJy4kTQozhXYO6uEgUmD4mxgf+wUqcZkKgF5CO2fv/AqxsQ2uFqD4lyB5TCHR3GrmoPibGC5bBGz1NqC4mxg+Xwtoql1NdxrJhtYDcfEbuIVqg2KD2cDq2WtOCqlqqB4bzawevaI52IVQfGW3EbUwzGxo3hOpBtlFM5h3J8rsD5O4EncqJygeCWmsoH1s10cPb27j2usdvK7HLOBaTgo3rlZ08PvPi82siIbmJIZPCCG1AMFfv4b3IaHxbMUjIyNL65CXKY7RoU5t4i3xc8VJv0ohtp3sVl8MfV/+AdK97FbzGS+lQAAAABJRU5ErkJggg==") no-repeat bottom right;
}

.login-area .title {
  font-size: calc(24px + 0.4vw);
  font-weight: 700;
  color: #cca146;
}

.login-area .inp-group .icon {
  font-size: 26px;
}

.login-area .inp-group input {
  border: 0;
  border-radius: 0;
  outline: none;
  background-color: transparent;
  color: #cca146;
  font-size: 18px;
  padding: 0 7px;
  border-bottom: 1px solid #cca146;
}

.login-area .inp-group.ig-white input {
  color: #fff;
  border-color: #fff;
}

.login-area .inp-group.ig-white .icon::before {
  color: #fff;
}

.login-area .btn {
  color: #fff;
  border: 2px solid #fff;
  border-radius: 10px;
  padding: 15px 0;
}

.login-area .btn:hover {
  background-color: #fff;
  color: #cca146;
}

.login-area .login-cont {
  position: relative;
  z-index: 10;
}

.login-area.side {
  margin-bottom: 120px;
  background-color: #126b1e;
}

.login-area.side::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  content: "";
  background-color: #537e2c;
  z-index: 0;
  border-radius: 200px 0 0 0;
}

.login-area.side::after {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHAAAABMCAYAAAC1WDOdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RjREQ0VEM0M0MTcxMUVBQUE3RkE4MTE5NkIzMjQ1QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RjREQ0VENEM0MTcxMUVBQUE3RkE4MTE5NkIzMjQ1QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjlGNERDRUQxQzQxNzExRUFBQTdGQTgxMTk2QjMyNDVCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjlGNERDRUQyQzQxNzExRUFBQTdGQTgxMTk2QjMyNDVCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+9Is5HwAAA51JREFUeNrsndlLVVEYxb+iP6J/wLd6aJ4HoqKCRmmgeimKXozKCKLBlyaEaCJfoui+WKSEWVgQkkRRCmIXGrg0SmUlFkmFafNa7H0gqAexO/jl+sF6s4Tvh+fefdY5ew8qLhs23MzOI0Um3DEYuYuMRmo0Dp8CyQekGNmGfNNY/AkkP5GDyEzkjUbjT2DCdWQkckPj8SmQvEZmIIfiX6ZwJtDiZ+FWZGn8jBTOBCZwiTEGuadx+RRIHiLjkEqNzKdA0oWsRkqQHo3On8CECmQa8lzj8ymQNCGjkKsaoU+B5C0yF9mD/NAo/Qm0KK4MmY+80zj9CUy4bOGGeLNG6lMgaUUmIyc0Vp8CLS4vNiBr4rJDOBOYkEImIY80Yp8CSRoZi1zQmH0KJJ3IEmS7qSh2KZCwjipHZpuKYpcCExriUuOmxu5TIGmzUBQf1uh9CiRfkVJkGfJRCvwJTKiO31LvS4NPgSSDjEfOSIVPgeQTsgrZiHyREn8CE45bKIpfSItPgaTRQlFcLzU+BZIOZA6y1/RMqkuB5Duy20JR/F6a/AlMqIuX1Bap8imQPLNQTZ2ULp8CSTey3kJR3C1t/gQmpJAJyFOp8ymQpOPn4iXp8ymQsCheiOyI31gl0CFcIx5AZsW1owQ6hUXxCOSWBPqFRfF05KgE+oVF8WZkuYWGQwKdUmXhjeKMBPolEyWek0C/8DK6AtkUL68S6JRjForiNgn0y+241LgmgX7hYp9Ph++3/6goHkgCCW+77bRwG65TAv3CG+G8IZ6WQL+wkmI1dVoC/cJyeC2yzpwWxQNdYMIpZKKFxzck0Cl3LOyTWieBfuE3Uz7KuMucFMUS+CdcI+6z8HBxhwT6pT5eUhsl0C8vkakWXryRQKewyeCrbyutHxbFEth7zlrYtTgjgX55YKEorpZAv/Ayyg0aSq0fFMUS2He4VQq3TGmTQL9w0yK2Gg0S6Jd2C0+Hl1sBimIJzA687cYN/RZbnotiCcwutfFbaloC/fLYQjWVysPv6pHA3PDZwtvE3H46l0VxuwTmFm4AP8VyVxS3SGDuaY6fi7koimslMD/wUJQFFg5JyVZRzOVLlQTmD55yw2OK5ll2imIeztklgfmHB4Zx6+mmf/g/2E9WahlROHh0H1+4qejDvz1i4UVWrQMLDE+5KYmX1NZe/PwTC0c4bPn9c3SI5lhwriBFUc4iC0+LD42SXsVL7UWkxv5y9sYvAQYAkKGzIub7Fb4AAAAASUVORK5CYII=");
}

a,
.hvr-a {
  color: #4f4f4f;
  outline: none;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  text-decoration: none !important;
}

a:hover,
.hvr-a:hover {
  color: #126b1e;
}

.transition i,
.transition button,
.transition input,
.transition,
.transition::before {
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

input,
select,
textarea,
button {
  font-family: "Rubik", Verdana, Geneva, Tahoma, sans-serif;
  font-size: size(14);
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.custom-swiper-nav .swiper-button-disabled {
  opacity: 0.3;
}

.custom-swiper-nav .button {
  outline: none;
}

.custom-swiper-nav .button .icon {
  font-size: 25px;
}

.custom-swiper-nav .swiper-pagination {
  position: relative;
}

.custom-swiper-nav .swiper-pagination .swiper-pagination-bullet {
  border: 2px solid #cca146;
  width: 12px;
  height: 12px;
  outline: 0;
  opacity: 1;
  margin: 0 4px;
  background-color: transparent;
}

.custom-swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #cca146;
  border-color: #cca146;
}

.shared-general-boxes .card {
  background-color: transparent;
  position: relative;
}

.shared-general-boxes .card .card-title {
  color: #1f1f1f;
  font-size: calc(16px + 0.15vw);
  font-weight: 500;
}

.shared-general-boxes .card .card-photo {
  overflow: hidden;
  min-height: 295px;
}

.shared-general-boxes .card .card-photo .text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: block;
  text-align: center;
  background-color: rgba(229, 0, 25, 0.7);
  padding: 40px 0;
  color: #fff;
  font-weight: 500;
  font-size: size(18);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.shared-general-boxes .card .card-photo:hover .text {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.shared-carousel .title {
  position: relative;
}

.shared-carousel .title::before {
  content: "";
  left: 0;
  top: 50%;
  width: 100%;
  height: size(1);
  background-color: #ccc;
  position: absolute;
}

.shared-carousel .title span {
  display: inline-block;
  font-size: size(22);
  font-weight: 500;
  color: #393939;
  background-color: #f5f5f5;
  position: relative;
  z-index: 10;
}

.shared-carousel.sc-long .card .card-photo {
  min-height: 400px;
  overflow: hidden;
}

.shared-carousel.js-vertical-carousel {
  height: 480px !important;
}

.shared-carousel.js-vertical-carousel .swiper-slide .card {
  width: 50%;
  margin-right: 20px;
}

.shared-carousel.js-vertical-carousel .swiper-slide .card:last-child {
  margin-right: 0;
}

.shared-carousel.js-vertical-carousel .swiper-slide .card .card-photo {
  background-color: #e5e5e5;
}

.shared-carousel .card .review {
  position: absolute;
  left: 50%;
  bottom: -40px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #393939;
  font-size: 15;
  font-weight: 500;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.shared-carousel .card .review::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -32px;
  height: 30px;
  width: 1px;
  background-color: #393939;
}

.shared-carousel .card:hover .review {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.placeholder-color::-webkit-input-placeholder {
  color: #cca146;
  opacity: 1;
}

.placeholder-color:-ms-input-placeholder {
  color: #cca146;
  opacity: 1;
}

.placeholder-color::-ms-input-placeholder {
  color: #cca146;
  opacity: 1;
}

.placeholder-color::placeholder {
  color: #cca146;
  opacity: 1;
}

.placeholder-color:-ms-input-placeholder {
  color: #cca146;
}

.placeholder-color::-ms-input-placeholder {
  color: #cca146;
}

.placeholder-color.pc-white::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.placeholder-color.pc-white:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.placeholder-color.pc-white::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.placeholder-color.pc-white::placeholder {
  color: #fff;
  opacity: 1;
}

.placeholder-color.pc-white:-ms-input-placeholder {
  color: #fff;
}

.placeholder-color.pc-white::-ms-input-placeholder {
  color: #fff;
}

/* shared title */
.shared-title {
  font-size: calc(20px + 0.21vw);
  font-weight: 700;
  color: #cca146;
  padding: 8px 12px;
  position: relative;
  line-height: 100%;
}

.shared-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-color: #cca146;
  width: 5px;
  height: 100%;
  border-radius: 3px;
}

.shared-title.medium {
  font-weight: 500;
}

.shared-title.medium .icon {
  font-size: 20px;
}

.shared-title.medium::before {
  display: none;
}

/* shared boxes */
.shared-boxes {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 18px rgba(4, 36, 9, 0.3);
          box-shadow: 0 0 18px rgba(4, 36, 9, 0.3);
  font-size: 18px;
  line-height: 100%;
  background-color: #fff;
  position: relative;
}

.shared-boxes .content {
  position: relative;
  z-index: 10;
}

.shared-boxes.radius-15 {
  border-radius: 15px;
}

.shared-boxes.no-shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.shared-boxes.bg-green {
  background-color: #126b1e;
}

.shared-boxes.text-white {
  color: #fff;
}

.shared-boxes.bg-pattern {
  background: url(../images/mosque-orange.png) no-repeat center bottom;
}

.shared-boxes.bg-pattern::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  background: url(../images/pattern-bg.png);
}

.shared-boxes.bg-pattern.mosque-green {
  background-image: url(../images/mosque-green.png);
}

.shared-boxes.bg-pattern.mh {
  min-height: 220px;
}

.shared-boxes.bg-pattern.no-bg {
  background: none;
}

.shared-boxes.bg-image {
  background: url(../images/temp/color-mosque.jpg) no-repeat 100% center;
}

.shared-boxes.bg-image::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: #126b1e;
  background: -webkit-gradient(linear, left top, right top, color-stop(55%, #126b1e), to(rgba(7, 55, 14, 0)));
  background: linear-gradient(90deg, #126b1e 55%, rgba(7, 55, 14, 0) 100%);
}

.shared-boxes.link-box a {
  color: #000;
}

.shared-boxes.link-box .info .icon::before {
  color: #fff;
}

.shared-boxes.link-box .info a {
  color: #fff;
}

.shared-boxes.link-box .info a:hover {
  color: #126b1e;
}

.shared-boxes.link-box.bg-image::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(55%, #cca146), to(rgba(7, 55, 14, 0)));
  background: linear-gradient(90deg, #cca146 55%, rgba(7, 55, 14, 0) 100%);
}

.shared-boxes.link-box:hover a {
  color: #fff;
}

.shared-boxes.oh {
  overflow: hidden;
}

.mh-230 {
  height: 230px;
  overflow: hidden;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

/* long boxes */
.long-boxes .box {
  position: relative;
  min-height: 340px;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.long-boxes .box .box-in {
  position: relative;
  z-index: 10;
  min-height: 250px;
  font-size: 14px;
  color: #fff;
  max-width: 100%;
}

.long-boxes .box .box-in a {
  color: #fff;
}

.long-boxes .box .box-in a.small {
  font-size: 14px;
}

.long-boxes .box .box-in a:hover {
  color: #cca146;
}

.long-boxes .box .box-in .title {
  font-weight: 700;
  font-size: 18px;
}

.green-mask::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  background-color: rgba(18, 107, 30, 0.7);
}

.custom-form .form-control {
  background-color: #e2ebe3;
  border: 0;
  font-size: 16px;
  color: #313131;
  border-radius: 10px;
}

.custom-form .form-control:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(204, 161, 70, 0.44);
          box-shadow: 0 0 0 0.2rem rgba(204, 161, 70, 0.44);
}

.custom-form textarea {
  resize: none;
}

.custom-form .button {
  background-color: #cca146;
  border: 0;
  outline: none;
  color: #fff;
  font-weight: 500;
  border-radius: 10px;
}

.custom-form .button:hover {
  background-color: #af8630;
}

.up-down-anim {
  -webkit-animation: upDownAnim 3s infinite;
          animation: upDownAnim 3s infinite;
}

@-webkit-keyframes upDownAnim {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes upDownAnim {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

.oh {
  overflow: hidden;
}
a.onecikanlink {color:#fff;}

/* Pagination */
.pagination {
  display: inline-block;
  margin: 20px 0;
}
.pagination a {
	color: #cca146;
	font-weight: 700;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 18px rgba(4, 36, 9, 0.3);
    box-shadow: 0 0 18px rgba(4, 36, 9, 0.3);
    font-size: 18px;
    line-height: 100%;
    background-color: #fff;
    position: relative;
	padding: 10px;
    margin: 5px;
}
.pagination a.active {background-color: #cca146;}
.pagination a:hover {
	background-color: #cca146;
  color: #fff;
}
	img.alignright 
	{
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft 
	{
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright 
	{
    float: right;
    }

    .alignleft 
	{
    float: left;
    }
	.aligncenter{ display:table; margin:0px auto;}