@import url("https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese");
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext");
@import url("https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&subset=arabic,latin-ext");

@font-face {
  font-family: "SnellBT-Regular";
  src: url("../font/SnellBT-Regular.otf") format("truetype");
}

/* scss */
#content .navigation .item-bg .uk-navbar .uk-navbar-right .languages {
  display: none !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -ms-font-smoothing: grayscale;
  font-smoothing: grayscale;
}

body div#at4-scc {
  display: none !important;
}

body .atss .at-share-btn,
body .atss a {
  width: 3pc !important;
}

*+.uk-h1,
*+.uk-h2,
*+.uk-h3,
*+.uk-h4,
*+.uk-h5,
*+.uk-h6,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
  margin-top: 20px;
}

p {
  color: #595a63;
  font-family: 'Lato', sans-serif;
}

#wrapper,
content {
  width: 100%;
}

.uk-section {
  padding-bottom: 0;
}

.__more {
  font-family: 'Lato', sans-serif;
  text-decoration: none;
  color: #2e2f35 !important;
  font-size: 15px;
  font-weight: bold;
  margin-top: 20px;
}

.__more:hover {
  text-decoration: none;
  color: #485df7 !important;
}

.icon-plus {
  margin-right: 8px;
}

.text-Quran {
  font-family: 'Merriweather', serif;
  font-size: 1.1em;
  font-style: italic;
  color: #2e2f35;
  display: inline-block;
}

.Q-No {
  font-family: 'Lato', sans-serif;
  font-size: 1em;
  color: #485df7;
  text-decoration: underline;
  display: inline-block;
}

.blue {
  color: #485df7;
}

/* public css */
/* Start header */
.navigation .item-bg .mainbg {
  background: url(../images/iceberg.jpg) center 0 no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  position: relative;
}

.navigation .item-bg .mainbg::before {
  content: '';
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  mix-blend-mode: color;
}

.navigation .item-bg video {
  height: 100vh;
  object-fit: fill;
  width: 100%;
}

.navigation .item-bg .uk-overlay-primary {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  /* IE6-9 */
}

.navigation .item-bg .uk-position-bottom {
  top: 0;
}

.navigation .item-bg .gridline {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navigation .item-bg .gridline span {
  display: inline-grid;
  background-color: #FFF;
  width: 1px;
  height: 700px;
  opacity: .12;
  margin-right: 185px;
}

.navigation .item-bg .uk-navbar {
  padding: 15px 80px;
}

@media (max-width: 1200px) {
  .navigation .item-bg .uk-navbar {
    padding: 5px;
  }
}

.navigation .item-bg .uk-navbar .uk-logo {
  color: #FFF;
  font-weight: 500;
  font-size: 1em;
  font-family: 'Poppins', sans-serif;
}

.navigation .item-bg .uk-navbar .uk-logo img {
  padding-right: 10px;
}

@media (max-width: 959px) {
  .navigation .item-bg .uk-navbar .uk-navbar-right .languages {
    display: block !important;
  }
}

.navigation .item-bg .uk-navbar .uk-navbar-right .languages a.toggle {
  margin-top: -10px;
  margin-right: 40px;
}

.navigation .item-bg .uk-navbar .uk-navbar-right ul li a {
  color: #DFE2E4;
  text-transform: none;
  font-weight: 500;
  font-size: 0.938em;
}

.navigation .item-bg .uk-navbar .uk-navbar-right ul li a:hover {
  color: #FFF;
}

.navigation .item-bg .uk-navbar .uk-navbar-right .uk-navbar-nav>li.uk-active>a {
  color: #FFF;
}

.navigation .item-bg .uk-navbar .uk-navbar-right .icon-menu-mob {
  background: transparent;
}

.navigation .item-bg .uk-navbar .uk-navbar-right .icon-menu-mob .menu-line1 {
  display: block;
  background-color: #FFF;
  width: 15px;
  height: 1.6px;
  margin-bottom: 5px;
}

.navigation .item-bg .uk-navbar .uk-navbar-right .icon-menu-mob .menu-line2 {
  display: block;
  background-color: #FFF;
  width: 18px;
  height: 1.6px;
  margin-bottom: 5px;
}

.navigation .item-bg .uk-navbar .uk-navbar-right .icon-menu-mob .menu-line3 {
  display: block;
  background-color: #FFF;
  width: 8px;
  height: 1.6px;
  margin-bottom: 5px;
}

.navigation .item-bg .titlehead {
  left: 42%;
  top: 40%;
}

@media (max-width: 991px) {
  .navigation .item-bg .titlehead {
    top: 35%;
  }
}

.navigation .item-bg .titlehead .block p {
  color: #FFF;
  font-weight: 600;
  font-size: 4vw;
  font-family: "Merriweather", sans-serif;
  cursor: auto;
  text-transform: initial;
}

@media (max-width: 991px) {
  .navigation .item-bg .titlehead .block p {
    font-size: 7vw;
  }
}

.navigation .item-bg .titlehead .block p::before {
  content: '';
  display: flex;
  background-color: #FFF;
  opacity: .14;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  top: -72px;
  left: -120px;
  position: absolute;
}

@media (max-width: 991px) {
  .navigation .item-bg .titlehead .block p::before {
    width: 250px;
    height: 250px;
    top: -50px;
    left: -130px;
  }
}

.navigation .item-bg .titlehead .block span {
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  font-size: 42px;
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  color: #fff;
  text-transform: none;
}

@media (max-width: 991px) {
  .navigation .item-bg .titlehead .block span {
    font-size: 4vw;
    bottom: -15px;
  }
}

@media (max-width: 1250px) {
  .navigation .item-bg .item-slider {
    display: block;
  }
}

.navigation .item-bg .item-slider .slide-head {
  background-color: #FFF;
  padding: 40px 70px;
  padding-top: 40px;
  padding-bottom: 20px;
}

@media (max-width: 991px) {
  .navigation .item-bg .item-slider .slide-head {
    padding: 20px;
  }
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb {
  display: flex;
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .photo-s {
  display: inline-block;
  margin-right: 25px;
  margin-top: 0;
}

@media (max-width: 991px) {
  .navigation .item-bg .item-slider .slide-head ul li .item-bb .photo-s {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .navigation .item-bg .item-slider .slide-head ul li .item-bb .photo-s .uk-height-large {
    width: 100% !important;
    margin-bottom: 20px;
  }
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .photo-s img {
  width: 40vw;
  height: 100%;
}

@media (max-width: 991px) {
  .navigation .item-bg .item-slider .slide-head ul li .item-bb {
    flex-flow: row wrap;
  }
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .text-s {
  display: inline-block;
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .text-s h4 {
  font-family: 'Poppins', sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  color: #2e2f35;
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
  text-transform: capitalize;
  margin-bottom: 0;
  margin-top: 5px;
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .text-s p {
  color: #595a63;
  font-family: 'Poppins', sans-serif;
  margin-top: 12px;
  font-size: 0.875em;
  margin-bottom: 10px;
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .text-s a {
  color: #2e2f35;
  text-decoration: none;
  font-weight: 500;
}

.navigation .item-bg .item-slider .slide-head ul li .item-bb .text-s a:hover {
  color: #485df7;
}

.navigation .item-bg .item-slider .slide-head .arrows .prev {
  top: -85px;
  right: 95px;
}

@media (max-width: 959px) {
  .navigation .item-bg .item-slider .slide-head .arrows .prev {
    right: 85px;
  }
}

@media (max-width: 640px) {
  .navigation .item-bg .item-slider .slide-head .arrows .prev {
    right: 70px;
  }
}

.navigation .item-bg .item-slider .slide-head .arrows .next {
  top: -85px;
  right: 25px;
}

@media (max-width: 959px) {
  .navigation .item-bg .item-slider .slide-head .arrows .next {
    right: 15px;
  }
}

@media (max-width: 640px) {
  .navigation .item-bg .item-slider .slide-head .arrows .next {
    right: 0px;
  }
}

.navigation .item-bg .item-slider .slide-head .sm .uk-position-top-right {
  top: -20%;
  right: 22%;
}

@media (max-width: 991px) {
  .navigation .item-bg .item-slider .slide-head .sm .uk-position-top-right {
    left: 190px;
    right: 0;
  }
}

.navigation .item-bg .item-slider .slide-head .sm .uk-position-top-right a {
  color: #FFF;
  text-transform: none;
  text-decoration: none;
  font-size: 0.938em;
  font-weight: 500;
  padding-right: 20px;
}

.navigation .item-bg .item-slider .slide-head .text-beauty .uk-position-top-left {
  top: -34%;
  left: 3%;
}

@media (max-width: 991px) {
  .navigation .item-bg .item-slider .slide-head .text-beauty .uk-position-top-left {
    top: -63px;
    left: 30px;
  }
}

.navigation .item-bg .item-slider .slide-head .text-beauty .uk-position-top-left h5 {
  margin: 0;
  color: #FFF;
  font-size: 1.063em;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}

.navigation .item-bg .item-slider .slide-head .text-beauty .uk-position-top-left h6 {
  margin: 0;
  color: #FFF;
  font-size: 0.750em;
  margin-bottom: 5px;
  font-family: 'Poppins', sans-serif;
}

/* End header */
/* google search */
button.gsc-search-button.gsc-search-button-v2 {
  border: 0;
  height: 40px;
  width: 40px;
  text-align: center;
  padding: 0;
  background: #485df7;
  cursor: pointer;
  outline: none;
  box-shadow: none;
  transition: all 200ms ease-in-out;
}

input#gsc-i-id1 {
  height: 45px !important;
  background: 0 0;
  font-size: 1.5rem !important;
  background-position: 100% center !important;
  line-height: 45px !important;
  text-indent: 0 !important;
  margin: 0 !important;
}

td#gs_tti50 {
  padding: 0 !important;
  line-height: 45px;
  height: 45px !important;
}

.gsc-input-box {
  border: none !important;
}

/*    MegaMeenu     */
/*overlay*/
.overlay {
  counter-reset: mainmenu;
  display: none;
  position: absolute;
  background: #2e2f35;
  height: 77vh;
  width: 94%;
  overflow: auto;
  bottom: 78px;
  z-index: 99;
  left: 0;
  padding: 15px 60px;
}

@media (max-width: 991px) {
  .overlay {
    width: 100%;
    height: 51vh;
  }
}

@media (max-width: 767px) {
  .overlay {
    width: 100%;
    height: 71vh;
  }
}

/* Start Effeft Menu dustu*/
.menu {
  padding-top: 10px;
}

nav .menu.menu--dustu.menu-section.uk-grid li {
  flex: 50%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  nav .menu.menu--dustu.menu-section.uk-grid li {
    flex: 100%;
  }
}

.menu--dustu .menu__item {
  font-family: 'Lato', sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}

.menu--dustu .menu__item-name {
  font-size: 1.3em;
  font-weight: 700;
  overflow: hidden;
  padding: 0.1em 0.25em;
  color: #FFF;
  text-decoration: none;
}

.mainmenu__item::before {
  font-family: 'Poppins', sans-serif;
  counter-increment: mainmenu;
  content: counters(mainmenu, "", decimal-leading-zero);
  position: absolute;
  font-size: 0.85rem;
  top: -13%;
  left: -1.25rem;
  color: #595a63;
}

.mainmenu__item:hover:before {
  color: #485df7;
}

.menu a,
p:hover {
  text-decoration: none;
}

.menu--dustu .menu__item-label {
  font-size: 1em;
  margin: 0.5em 0 0 0;
  margin-top: 0.2em;
  padding: 0.2em;
  color: #595a63;
  transition: color 0.7s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menu--dustu .menu__item:hover .menu__item-label {
  color: #fff;
}

/* End Effeft Menu dustu */
/* -webkit-scrollbar */
.overlay::-webkit-scrollbar {
  width: .4em;
}

.overlay::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

.overlay::-webkit-scrollbar-thumb {
  background-color: #485df7;
  outline: 1px solid slategrey;
  border-radius: 5px;
}

.overlay-useful::-webkit-scrollbar {
  width: .4em;
}

.overlay-useful::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px #c7cdfb;
  -ms-box-shadow: inset 0 0 6px #c7cdfb;
  -o-box-shadow: inset 0 0 6px #c7cdfb;
  -moz-box-shadow: inset 0 0 6px #c7cdfb;
  -webkit-box-shadow: inset 0 0 6px #c7cdfb;
  border-radius: 5px;
}

.overlay-useful::-webkit-scrollbar-thumb {
  background-color: #2d42e2;
  outline: 1px solid slategrey;
  border-radius: 5px;
}

/* -webkit-scrollbar */
.btn-megamenu .btn_mega {
  background-image: url("../svg/menu.svg");
  background-repeat: no-repeat;
  background-size: 14px 24px;
  width: 16px;
  height: 16px;
  transition-property: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  text-decoration: none;
}

.btn-megamenu .btn-close {
  background-image: url("../svg/close.svg");
  background-repeat: no-repeat;
  background-size: 12px 19px;
  width: 14px;
  height: 14px;
  transition-property: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  text-decoration: none;
}

/*    MegaMeenu    */
/* Useful menu */
.overlay-useful {
  display: none;
  position: absolute;
  background: #485df7;
  height: 52vh;
  width: 100%;
  overflow: auto;
  bottom: 64px;
  z-index: 99;
  left: 0;
}

.overlay-useful .uk-nav {
  padding-top: 30px;
  padding-bottom: 30px;
}

.overlay-useful .uk-nav li a {
  font-family: 'Lato', sans-serif;
  line-height: 3;
  text-decoration: none;
  color: #FFF;
  font-weight: 500;
  -webkit-transition: all 500ms cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */
  -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.68, 0, 0.265, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -moz-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  /* easeInOutBack */
}

.overlay-useful .uk-nav li a:hover {
  padding-left: 10px;
}

.menu-link .btn-useful {
  background-image: url("../svg/arrow-top.svg");
  background-repeat: no-repeat;
  background-size: 12px 19px;
  width: 14px;
  height: 14px;
  transition-property: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  text-decoration: none;
  padding-left: 40px;
}

.menu-link a span {
  color: #FFF !important;
}

.menu-link .btn-useful-down {
  background-image: url("../svg/arrow-down.svg");
  background-repeat: no-repeat;
  background-size: 12px 19px;
  width: 14px;
  height: 14px;
  transition-property: all .2s linear 0s;
  -moz-transition: all .2s linear 0s;
  -webkit-transition: all .2s linear 0s;
  -o-transition: all .2s linear 0s;
  text-decoration: none;
  padding-left: 40px;
}

/* End header */
/* Start Concept */
.concept .bg-fixed {
  padding: 0;
  margin-top: -180px;
  background-color: #2e2f35;
}

.concept .bg-fixed .uk-height-large {
  height: 100vh;
}

.concept .left-content {
  padding: 20px;
}

@media (max-width: 991px) {
  .concept .left-content {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .concept .left-content {
    text-align: left;
  }
}

.concept .left-content h1 {
  font-family: 'Merriweather', serif;
  font-weight: 900;
  color: #FFF;
  font-size: 2.5em;
  display: inline-block;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .concept .left-content h1 {
    font-size: 1.2em;
  }
}

@media (min-width: 768px) {
  .concept .left-content h1 {
    font-size: 1.2em;
  }
}

@media (min-width: 992px) {
  .concept .left-content h1 {
    font-size: 1.7em;
  }
}

@media (min-width: 1200px) {
  .concept .left-content h1 {
    font-size: 2.5em;
  }
}

.concept .left-content .info {
  margin-top: 20px;
  display: flex;
}

@media (max-width: 991px) {
  .concept .left-content .info {
    text-align: center;
    display: block;
  }
}

@media (max-width: 767px) {
  .concept .left-content .info {
    text-align: left;
  }
}

.concept .left-content .info h4 {
  font-family: 'Merriweather', serif;
  font-weight: 700;
  font-size: 1.4em;
  margin-bottom: 2px;
  display: inline-block;
}

.concept .left-content .details {
  display: inline-grid;
  padding-left: 10px;
}

.concept .left-content .details p {
  font-family: 'Lato', sans-serif;
  color: #FFF;
  font-weight: 500;
  font-size: 1.1em;
  margin-top: 0;
}

.concept .left-content .details h5 {
  font-family: 'Lato', sans-serif;
  color: #2e2f35;
  font-weight: 700;
  font-size: 17px;
  margin-top: 0;
}

.concept .left-content .details a {
  font-family: 'Lato', sans-serif;
  text-decoration: none;
  color: #2e2f35;
  font-size: 15px;
  font-weight: bold;
  margin-top: 10px;
}

.concept .icon-pen {
  color: #2e2f35;
  display: inline-flex;
  float: right;
  margin-top: 30px;
  margin-right: 30px;
}

.concept .menu-link {
  background-color: #485df7;
  color: #FFF;
  text-align: center;
  padding: 20px 35px;
  height: 64px;
}

.concept .menu-link uk-button span {
  font-family: 'Lato', sans-serif;
  color: #FFF;
  font-size: 15px;
  font-weight: 600;
  margin-right: 20px;
}

.concept .uk-position-bottom-center {
  bottom: 78px;
  left: 55%;
}

.concept .menu-nav .uk-container {
  max-width: 1300px;
}

.concept .menu-nav .uk-navbar-container:not(.uk-navbar-transparent) {
  background: #2e2f35;
  height: 78px;
}

.concept .menu-nav nav h3 {
  font-family: 'Merriweather', serif;
  font-weight: 500;
  color: #FFF;
  font-size: 1.3em;
}

.concept .menu-nav nav .uk-align-center {
  margin-right: auto;
}

.concept .menu-nav .uk-navbar-left a:hover {
  text-decoration: none;
}

.concept .menu-nav .uk-navbar-left ul span {
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  padding-left: 25px;
  color: #FFF;
  font-weight: 500;
  font-size: 16px;
}

.concept .menu-nav .uk-navbar-left ul .icon-menu {
  margin-top: -5px;
}

.concept .menu-nav .uk-navbar-left .uk-button {
  background-color: transparent;
  margin-left: 30px;
}

.concept .menu-nav .uk-navbar-left+h3 {
  transform: translateX(-62.5px);
}

.concept .menu-nav .social li a {
  font-family: 'Lato', sans-serif;
  color: #FFF;
  text-transform: none;
  font-size: 16px;
}

.concept .menu-nav .uk-navbar-right {
  margin-right: 120px;
}

.concept .paination-arrow .uk-position-center-right {
  background-color: #2e2f35;
  width: 78px;
  height: 77px;
  right: -15px;
}

.concept .paination-arrow .uk-position-center-right .icon-previous {
  position: absolute;
  left: 32px;
  top: 32px;
  color: #FFF;
}

.concept .paination-arrow .uk-position-top-right {
  background-color: #FFF;
  width: 78px;
  height: 77px;
  right: -15px;
  top: -92px;
}

.concept .paination-arrow .uk-position-top-right .icon-next {
  position: absolute;
  left: 32px;
  top: 32px;
  color: #2e2f35;
}

@media (max-width: 991px) {
  .concept .paination-arrow .uk-position-top-right .icon-next {
    color: #FFF;
  }
}

@media (max-width: 991px) {
  .concept .paination-arrow .uk-position-top-right {
    background-color: #485df7;
  }
}

.concept .uk-slideshow-items {
  height: 445px !important;
}

@media (max-width: 767px) {
  .concept .uk-slideshow-items {
    height: 500px !important;
  }
}

/* Section #2 Artical #1 */
@media (max-width: 991px) {
  .artical-1 ._img1 {
    text-align: center;
  }
}

.artical-1 .title-artical h1 {
  font-family: 'Merriweather', serif;
  color: #2e2f35;
  font-weight: 800;
  font-size: 1.8em;
  text-transform: uppercase;
}

.artical-1 .title-artical h1::before {
  content: 'ADAM AND EVE!';
  display: block;
  color: #f5f5f7;
  margin-left: -140px;
  font-size: 2em;
  padding: 0;
}

.artical-1 .link-book a .i-link--book {
  transform: rotate(180deg);
}

.artical-1 .link-book a {
  border: 1px solid #d0d0d0;
  padding: 5px 16px;
}

.artical-1 .uk-width-1-2\@m {
  margin-top: 10px;
}

.artical-1 .info-artical {
  margin-bottom: 50px;
  font-family: 'Lato', sans-serif;
}

.artical-1 .info-artical h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 800;
  color: #2e2f35;
}

.artical-1 .info-artical p {
  color: #595a63;
}

.artical-1 .info-artical .list-question {
  margin: 30px;
}

.artical-1 .info-artical .list-question li {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  color: #485df7;
  font-weight: 500;
  padding: 10px;
  background-color: #485df70d;
  padding-left: 20px;
}

/* End section #2 artical-1 */
.artical-2 {
  margin-top: 80px;
}

.artical-2 .bookimg-left .img-book {
  height: 90vh;
}

.artical-2 .bookimg-left .uk-position-left {
  background-color: #2e2f35;
  padding: 25px;
}

.artical-2 .bookimg-left .title-book-left {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  margin-bottom: -280px;
  margin-left: -50px;
}

@media (max-width: 767px) {
  .artical-2 .bookimg-left .title-book-left {
    margin-bottom: -230px;
  }
}

.artical-2 .bookimg-left .title-director {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  margin-top: -480px;
}

@media (max-width: 767px) {
  .artical-2 .bookimg-left .title-director {
    margin-top: -430px;
  }
}

.artical-2 .bookimg-left .title-director p {
  margin-top: 0;
  color: #FFF;
}

.artical-2 .bookimg-left .title-director h5 {
  color: #FFF;
}

.artical-2 .bookimg-left .title-book-left h2 {
  font-family: 'Merriweather', serif;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 800;
  font-size: 1.5em;
}

.artical-2 .bookimg-left .title-book-left p {
  margin-top: 0;
  color: #595a63;
}

.artical-2 .__link-book {
  top: 40px;
  right: 40px;
}

.artical-2 .__link-book a {
  border: 1px solid #d0d0d0;
  padding: 5px 16px;
}

.artical-2 .__link-book a .i-link--book {
  transform: rotate(180deg);
}

.artical-2 .descriptin {
  padding: 50px;
}

/* End artical-2 */
.artical-3 {
  background-color: #2e2f35;
  padding: 80px;
}

@media (max-width: 767px) {
  .artical-3 {
    padding: 30px;
  }
}

.artical-3 .bg-title h5 {
  color: #FFF;
  text-align: center;
  text-decoration: underline;
  font-size: 1.1em;
  font-weight: 500;
}

.artical-3 .bg-title h2 {
  font-family: 'Merriweather', serif;
  color: #FFF;
  text-align: center;
}

@media (max-width: 767px) {
  .artical-3 .bg-title h2 {
    font-size: 15px;
  }
}

.artical-3 .__linkBook {
  top: 320px;
  transform: rotate(270deg);
}

.artical-3 .__linkBook a {
  border: 1px solid #d0d0d0;
  padding: 5px 16px;
}

.artical-3 .shape {
  background-color: #485df7;
  width: 4px;
  height: 60px;
  top: 196.5px;
  right: 13px;
}

.artical-3 .shape-2 {
  background-color: #FFF;
  width: 4px;
  height: 30px;
  top: 116px;
}

/* End artical-3 */
.artical-4 {
  margin-top: 40px;
}

.artical-4 .title-head {
  margin-bottom: 50px;
}

.artical-4 .title-head h1 {
  font-family: 'Merriweather', serif;
  color: #2e2f35;
  font-weight: 800;
  font-size: 1.8em;
  text-transform: uppercase;
}

.artical-4 .title-head img {
  margin-top: 20px;
}

.artical-4 .line-shap {
  background-color: #485df7;
  width: 30px;
  height: 7px;
  margin-top: 50px;
}

.artical-4 .number {
  font-family: 'Merriweather', serif;
  font-size: 35px;
  color: #2e2f35;
}

/* End artical 4 */
.artical-5 .bookimg-left .img-book {
  height: 70vh;
}

.artical-5 .bookimg-left .uk-position-right {
  background-color: #2e2f35;
  padding: 25px;
}

.artical-5 .bookimg-left .title-book-left {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  margin-top: -140px;
}

@media (max-width: 767px) {
  .artical-5 .bookimg-left .title-book-left {
    margin-top: -80px;
  }
}

.artical-5 .bookimg-left .title-book-left h2 {
  font-family: 'Merriweather', serif;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 800;
  font-size: 1.5em;
}

.artical-5 .bookimg-left .title-book-left p {
  margin-top: 0;
  color: #595a63;
}

.artical-5 .bookimg-left .title-director p {
  margin-top: 0;
  color: #FFF;
}

.artical-5 .__link-book {
  right: 180px;
  bottom: 50px;
}

@media (max-width: 767px) {
  .artical-5 .__link-book {
    right: 121px;
    bottom: 28px;
  }
}

.artical-5 .__link-book a {
  border: 1px solid #d0d0d0;
  padding: 5px 16px;
}

.artical-5 .__link-book a svg {
  fill: #FFF;
}

@media (max-width: 767px) {
  .artical-5 .__link-book a svg {
    fill: #2e2f35;
  }
}

.artical-5 .__link-book a .i-link--book {
  transform: rotate(180deg);
}

.artical-5 .descriptin {
  padding: 50px;
}

.artical-5 .info {
  position: absolute;
  bottom: 20px;
  left: 50px;
  width: 50%;
}

@media (max-width: 991px) {
  .artical-5 .info {
    left: 10px;
    bottom: 40px;
  }
}

.artical-5 .info p::after {
  content: '';
  display: block;
  width: 25px;
  height: 5px;
  background-color: #485df7;
  margin-top: 30px;
}

/* End artical 05 */
.footer {
  background-color: #2e2f35;
  padding: 50px;
  padding-bottom: 100px;
  padding-top: 80px;
}

.footer .logos .part-logo {
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 1.2em;
}

.footer .logos .part-logo .icon-logo {
  margin-right: 15px;
  margin-top: -10px;
}

.footer .logos a:hover {
  text-decoration: none;
}

.footer .logos p {
  color: #FFF;
  font-weight: 500;
}

.footer .uk-navbar-container:not(.uk-navbar-transparent) {
  background-color: transparent;
}

.footer .uk-navbar-left ul li a {
  font-family: 'Lato', sans-serif;
  text-transform: none;
  font-weight: 600;
  color: #a4a4b0;
  font-size: .9em;
}

@media (max-width: 767px) {
  .footer .uk-navbar-left ul li a {
    font-size: .8em;
    padding-left: 0;
  }
}

.footer .uk-navbar-left ul li a:hover {
  color: #fff;
}

.footer .copyright {
  padding-top: 50px;
}

@media (max-width: 991px) {
  .footer .copyright {
    float: left;
    padding-top: 0;
  }
}

.footer .copyright p {
  color: #83858f;
  font-size: .9em;
  font-weight: 400;
}

.footer .scroll-top {
  margin-top: 30px;
}

.footer .scroll-top a {
  font-family: 'Poppins', sans-serif;
  font-size: 1.5em;
  background-color: #2a2b30;
  padding: 15px 35px;
  color: #e1e1e1;
  display: block;
}

.footer .scroll-top a:hover {
  text-decoration: none;
  color: #FFF;
}

.footer .scroll-top a::after {
  content: 'TOP';
  display: block;
  font-size: .5em;
  color: #FFF;
}

.footer .social-media {
  margin-top: -10px;
}

.footer .social-media a {
  color: #cbcbcc;
  margin-left: 10px;
  font-size: 12px;
  background-color: #25262B;
  width: 45px;
  height: 45px;
  border-radius: 2px;
  text-align: center;
  line-height: 42px;
}

.footer .social-media a:hover {
  color: #FFF;
}

.welcome {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2e2f35;
  display: flex;
  align-items: center;
  flex-direction: column;
  letter-spacing: 1px;
  color: #FFF;
  z-index: 999999;
}

.welcome .margin {
  position: relative;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-content: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.welcome .heading {
  font-family: "SnellBT-Regular";
  font-size: 50px;
  color: #FFF;
  margin-bottom: -10px;
  opacity: 0;
}

.welcome .heading .icon-logo {
  margin-right: 15px;
}

.welcome .sub-heading {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 1px;
  font-family: 'Lato', sans-serif;
  color: #66676d;
  margin-bottom: 60px;
  opacity: 0;
}

.welcome .loader-wrapper {
  height: 2px;
  width: 150px;
  background-color: #2a2b30;
  border-radius: 100px;
  opacity: 0;
  transform: translateY(40px);
}

.welcome .loader-wrapper .loader {
  height: 2px;
  width: 150px;
  background-color: #FFF;
  border-radius: 100px;
}

.uk-width-expand {
  display: block;
}

.inner-page {
  padding: 15px 80px;
  width: 100% !important;
}

@media (max-width: 991px) {
  .inner-page {
    padding: 5px;
  }
}

.inner-page .uk-navbar-container:not(.uk-navbar-transparent) {
  background: transparent;
}

.inner-page .uk-navbar-left .uk-logo {
  color: #FFF;
  font-weight: 500;
  font-size: 1em;
  font-family: 'Poppins', sans-serif;
}

.inner-page .uk-navbar-left .uk-logo img {
  padding-right: 10px;
}

.inner-page .uk-navbar-right .uk-navbar-nav li a {
  color: #FFF;
  text-transform: none;
  font-weight: 500;
  font-size: 0.938em;
}

.inner-page .uk-navbar-right .uk-navbar-nav li .uk-active:before,
.inner-page .uk-navbar-right .uk-navbar-nav li .uk-active:after {
  content: '';
  width: 90%;
  height: 2px;
  background: #485df7;
  position: absolute;
  top: 25px;
  left: 5%;
}

.inner-page .uk-navbar-right .uk-navbar-nav li .uk-active:after {
  top: auto;
  bottom: 25px;
}

.inner-page .uk-navbar-right .languages li:before,
.inner-page .uk-navbar-right .languages li:after {
  content: '';
  display: none !important;
}

header {
  position: relative;
  z-index: 9991;
}

.concept {
  margin-top: -130px;
  padding-top: 210px;
  position: relative;
  z-index: 1;
}

.concept::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 39px);
  background: url("../images/heroimgs/iceberg.jpg") center 0;
  background-size: cover;
  content: '';
  z-index: 1;
  display: block;
}

.our-prophet .concept:after {
  background: url("../images/heroimgs/this_is_our_prophet.jpg") center center;
  background-size: cover;
}

.tweets .concept::after {
  background: url("../images/heroimgs/tweet02.jpg") center center;
  background-size: cover;
}

.god-in-christins .concept:after {
  background: url("../images/heroimgs/god_in_christianity.jpg") center center;
  background-size: cover;
}

.just-one-message .concept:after {
  background: url("../images/heroimgs/just_one_message.jpg") center center;
  background-size: cover;
}

.answering-humanitys-critical-questions .concept:after {
  background: url("../images/heroimgs/answering_humanity.jpg") center center;
  background-size: contain;
}

.the-abcs-of-islam .concept:after {
  background: url("../images/heroimgs/abcs_of_islam.jpg") center center;
  background-size: cover;
}

.the-religion-of-adam-and-eve .concept:after {
  background: url("../images/heroimgs/religion_of_adamand_eve.jpg") center center;
  background-size: cover;
}

.the-last-revelation .concept:after {
  background: url("../images/heroimgs/last_revelation.jpg") center center;
  background-size: cover;
}

.his-beautiful-names .concept:after {
  background: url("../images/heroimgs/his_beautiful_names.jpg") center center;
  background-size: cover;
}

.the-final-messenger .concept:after {
  background: url("../images/heroimgs/final_messanger.jpg") center center;
  background-size: cover;
}

.concept::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 39px);
  background: #fff;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(111, 111, 111, 0.4) 80%);
  content: '';
  opacity: 1;
  z-index: 2;
  display: block;
}

.concept .uk-container {
  position: relative;
  z-index: 6;
}

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

.concept .inner-center .info {
  text-align: center;
  display: block;
}

.concept .inner-center .info .details .download {
  background-color: #485df7;
  color: #FFF;
  padding: 8px 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 0.875em;
  border-radius: 2px;
  width: 150px;
}

.concept .inner-center .info .details .fa-arrow-down {
  margin-left: 6px;
  font-size: 12px;
}

@media (max-width: 767px) {
  .concept .One_Message {
    height: 375px !important;
  }
}

.concept .One_Message .left-content {
  margin-top: 50px;
}

.concept .inner-height {
  height: 375px !important;
}

@media (max-width: 767px) {
  .concept .inner-height {
    height: 450px !important;
  }
}

.concept .menu-nav .inner-socail {
  margin-right: 40px;
}

.inner-overlay .overlay {
  bottom: auto;
  top: 78px;
  width: 100%;
  height: 83vh;
}

.inner_One_Message {
  bottom: auto;
  top: 78px;
  width: 100%;
  height: 36vh;
}

@media (max-width: 991px) {
  .inner_One_Message {
    height: 50vh;
  }
}

.inner_One_Message .menu--dustu .menu__item-name {
  font-size: 1em;
  font-weight: 600;
}

@media (max-width: 767px) {
  .inner_One_Message .menu--dustu .menu__item-name {
    font-size: .9em;
  }
}

.inner_One_Message .menu--dustu .menu__item {
  margin: 0;
}

/* Start Effeft Menu dustu active*/
/* End Effeft Menu dustu */
/* Start Effeft menu-section active*/
.menu-section li.active .menu__item-name {
  color: #485df7;
}

/* End Effeft menu-section active */
@media (max-width: 959px) {
  .navigation {
    width: 100% !important;
  }
}

@media (max-width: 959px) {
  .navigation .uk-navbar-right .languages {
    display: block !important;
  }
}

.navigation .uk-navbar-right .languages a.toggle {
  margin-top: -10px;
  margin-right: 40px;
}

.navigation .uk-navbar-right .inner-lang {
  background-color: #2e2f35;
}

.navigation .uk-navbar-right .inner-lang ul li a {
  color: #97979a;
}

.navigation .uk-navbar-right .inner-lang ul .uk-active a {
  color: #FFF;
}

.navigation .uk-navbar-right .islamic-lang {
  left: auto !important;
  background-color: #FFF;
}

.navigation .uk-navbar-right .icon-menu-mob {
  background: transparent;
}

.navigation .uk-navbar-right .icon-menu-mob .menu-line1 {
  display: block;
  background: #FFF;
  width: 15px;
  height: 1.6px;
  margin-bottom: 5px;
}

.navigation .uk-navbar-right .icon-menu-mob .menu-line2 {
  display: block;
  background: #FFF;
  width: 18px;
  height: 1.6px;
  margin-bottom: 5px;
}

.navigation .uk-navbar-right .icon-menu-mob .menu-line3 {
  display: block;
  background: #FFF;
  width: 8px;
  height: 1.6px;
  margin-bottom: 5px;
}

.read-1 {
  margin-top: 50px;
  font-family: 'Lato', sans-serif;
}

@media (max-width: 991px) {
  .read-1 .uk-flex-first\@s {
    order: -1;
  }
}

@media (min-width: 992px) {
  .read-1 .uk-flex-first\@s {
    order: 1;
  }
}

@media (min-width: 992px) {
  .read-1 .box {
    width: 73%;
    float: right;
  }
}

.read-1 .box ul li h5 {
  color: #595a63;
}

.read-1 .box .saying {
  margin-top: 50px;
}

.read-1 .box .saying h3 {
  font-family: 'Merriweather', serif;
}

.read-1 .box .saying h3 span {
  color: #485df7;
}

.read-1 .box .saying h3::before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
}

.read-1 .box .saying h3::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
  margin-top: 20px;
}

.read-1 .box .saying .import {
  padding: 10px;
  background-color: #f9f9f9;
  color: #2e2f35;
}

.read-1 .box .saying .import .arabic {
  padding-left: 10px;
  font-family: 'cairo', sans-serif;
  color: #485df7;
}

.read-1 .box .saying-02 {
  margin-top: 50px;
}

.read-1 .box .saying-02 h3 {
  font-family: 'Merriweather', serif;
}

.read-1 .box .saying-02 h3 span {
  color: #485df7;
}

.read-1 .box .saying-02 h3::before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
}

.read-1 .box .saying-02 p {
  text-align: left;
}

.read-1 .box .saying-02 .number {
  font-family: 'Merriweather', serif;
  font-size: 35px;
  color: #2e2f35;
}

.read-1 .box .posts {
  margin-top: 50px;
}

.read-1 .box .posts p {
  color: #595a63;
  text-align: left;
}

.read-1 .box .__titleinner {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  color: #2e2f35;
}

.read-1 .box .o_ONE {
  font-family: 'Lato', sans-serif;
  font-weight: 800;
  color: #2e2f35;
}

.read-1 .box .t_ONE {
  font-family: 'Lato', sans-serif;
  font-weight: 800;
  color: #2e2f35;
}

.read-1 .box .Testament {
  margin-top: 30px;
}

.read-1 .box .Testament li .fa-angle-double-right {
  margin-right: 5px;
}

.read-1 .box .Testament li .text-Quran {
  margin-bottom: 30px;
}

.read-1 .box .Testament li h5 {
  margin-top: 15px;
  color: #485df7;
}

.read-1 .box .bovo {
  background-color: #485df70d;
  padding: 20px;
  color: #485df7;
}

@media (min-width: 992px) {
  .read-1 .box-right {
    width: 73%;
    float: left;
  }
}

.read-1 .box-right .uk-list-bullet {
  margin-top: 30px;
}

.read-1 .box-right .uk-list-bullet li {
  color: #485df7;
  font-size: 15px;
  font-family: 'Lato', sans-serif;
}

.read-1 .inner-right-photo h6 {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-transform: uppercase;
  color: #595a63;
  font-weight: 500;
  font-size: 11px;
  color: #595a63;
}

.read-1 .inner-right-photo h6::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 40px;
  background-color: #b0b1b3;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .read-1 .inner-right-photo .img-posts .ph-ho {
    width: 560px;
    float: right;
    margin-top: 150px;
  }
}

.read-1 .inner-right-photo .img-posts .ph-ho .uk-position-top-right {
  display: block;
  top: -70px;
  right: 100px;
}

@media (min-width: 992px) {
  .read-1 .inner-right-photo .img-posts .no-marin {
    width: 560px;
    float: right;
  }
}

@media (min-width: 992px) {
  .read-1 .inner-right-photo .img-posts .left {
    width: 560px;
    float: left;
    margin-top: 150px;
  }
}

.read-1 .inner-right-photo .img-posts .left .uk-position-top-left {
  display: block;
  top: -70px;
  left: 100px;
}

@media (min-width: 992px) {
  .read-1 .inner-right-photo .new-left {
    width: 560px;
    float: left;
  }
}

@media (min-width: 992px) {
  .read-1 .inner-right-photo .new-right {
    width: 560px;
    float: right;
  }
}

.read-1 .Q-No {
  margin-top: -18px;
  font-size: 13px;
  font-weight: bold;
}

.read-1 .text-Quran {
  font-size: 16px;
}

.read-1 .accordion {
  margin-top: 50px;
}

.read-1 .accordion a {
  font-weight: 600;
  color: #2e2f35;
  font-family: 'Lato', sans-serif;
  font-size: 15px;
}

.read-1 .accordion p {
  color: #595a63;
  font-family: 'Lato', sans-serif;
}

.read-1 .english-say {
  color: #2e2f35;
}

.read-1 .english-say span {
  color: #485df7;
}

.read-1 .pilgrimage {
  padding: 15px;
}

.margin {
  margin-top: 70px;
}

.islam {
  font-family: 'Lato', sans-serif;
  margin-top: 180px;
  background-color: #2e2f35;
}

.islam .now {
  padding: 30px;
}

.islam h4,
.islam h1 {
  font-family: 'Merriweather', serif;
  color: #FFF;
  text-align: center;
}

.Allah {
  font-family: 'Lato', sans-serif;
  margin-top: 130px;
}

.Allah h3 {
  font-weight: 600;
  font-family: 'Lato', sans-serif;
}

.parallax {
  font-family: 'Lato', sans-serif;
  padding-top: 0;
}

.parallax .bg-parallax .title-islamic {
  margin-top: 150px;
}

.parallax .bg-parallax .title-islamic h1 {
  font-family: 'Merriweather', serif;
  font-weight: bold;
  color: #2e2f35;
}

.parallax .bg-parallax .title-islamic p {
  color: #595a63;
}

.parallax .bg-parallax .img {
  background-size: 1519px 1070px !important;
}

.read-4 {
  font-family: 'Lato', sans-serif;
  padding-top: 0;
}

@media (min-width: 992px) {
  .read-4 .box {
    width: 73%;
    float: right;
  }
}

.read-4 .box ul li h5 {
  color: #595a63;
}

.read-4 .box .saying {
  margin-top: 50px;
}

.read-4 .box .saying h3 {
  font-family: 'Merriweather', serif;
  text-transform: uppercase;
  font-size: 18px;
}

.read-4 .box .saying h3 span {
  color: #485df7;
  font-weight: bold;
  font-size: 22px;
}

.read-4 .box .saying h3::before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
}

.read-4 .box .saying h3::after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
  margin-top: 20px;
}

.read-4 .box .saying-02 {
  margin-top: 50px;
}

.read-4 .box .saying-02 h3 {
  font-family: 'Merriweather', serif;
}

.read-4 .box .saying-02 h3 span {
  color: #485df7;
}

.read-4 .box .saying-02 h3::before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background-color: #f3f3f3;
  margin-bottom: 20px;
}

.read-4 .box .posts {
  margin-top: 50px;
}

.read-4 .box .posts p {
  color: #595a63;
  text-align: left;
}

.read-4 .box ._data p {
  color: #595a63;
  text-align: left;
}

@media (min-width: 992px) {
  .read-4 .box-right {
    width: 73%;
    float: left;
  }
}

.read-4 .box-right .uk-list-bullet {
  margin-top: 30px;
}

.read-4 .box-right .uk-list-bullet li {
  color: #485df7;
  font-size: 14px;
}

.read-4 .inner-right-photo h6 {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-transform: uppercase;
  color: #595a63;
  font-weight: 500;
  font-size: 11px;
  color: #595a63;
}

.read-4 .inner-right-photo h6::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 40px;
  background-color: #b0b1b3;
  margin-bottom: 20px;
}

@media (min-width: 992px) {
  .read-4 .inner-right-photo .img-posts .ph-ho {
    width: 560px;
    float: right;
    margin-top: 150px;
  }
}

.read-4 .inner-right-photo .img-posts .ph-ho .uk-position-top-right {
  display: block;
  top: -70px;
  right: 100px;
}

@media (min-width: 992px) {
  .read-4 .inner-right-photo .img-posts .left {
    width: 560px;
    float: left;
    margin-top: 150px;
  }
}

.read-4 .inner-right-photo .img-posts .left .uk-position-top-left {
  display: block;
  top: -70px;
  left: 100px;
}

.Conclusion {
  margin-top: 70px;
  margin-bottom: 70px;
}

.Conclusion .Indeed {
  font-family: 'Merriweather', serif;
  font-size: 18px;
  color: #2e2f35;
}

.Conclusion .con {
  font-family: 'Lato', sans-serif;
  padding: 30px;
}

.Conclusion .con .uk-list .fa-star-of-life {
  margin-right: 10px;
  color: #485df7;
}

.Conclusion .con h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.Conclusion .con h3::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  background-color: #485df7;
  margin-top: 15px;
}

.Conclusion .con p {
  font-family: 'Lato', sans-serif;
  color: #595a63;
}

.ABC {
  margin-top: 50px;
}

@media (max-width: 991px) {
  .ABC .uk-flex-first\@s {
    order: -1;
  }
}

@media (min-width: 992px) {
  .ABC .uk-flex-first\@s {
    order: 1;
  }
}

.ABC .info-articals {
  font-family: 'Lato', sans-serif;
  color: #595a63;
}

.ABC .info-articals ul li .fa-question-circle {
  margin-right: 10px;
}

.ABC .info-articals .uk-background-muted {
  font-family: 'Lato', sans-serif;
  color: #2e2f35;
  font-weight: 600;
}

.ABC .info-articals .TITLE {
  padding-top: 60px;
  text-align: center;
}

.ABC .info-articals .TITLE h3 {
  text-align: center;
  font-size: 25px;
  font-weight: 800;
  font-family: 'Merriweather', serif;
}

._PILLARS {
  background-color: #2e2f35;
  padding: 0;
}

._PILLARS .FIVE .padding {
  padding: 60px;
}

._PILLARS .FIVE .padding h3 {
  text-align: center;
  font-size: 25px;
  font-weight: 800;
  font-family: 'Merriweather', serif;
  color: #FFF;
}

._PILLARS .FIVE .padding p {
  color: #FFF;
  text-align: center;
}

.meanings ul li p {
  font-family: 'Lato', sans-serif;
  color: #595a63;
}

.meanings ul li a {
  font-family: 'Lato', sans-serif;
  color: #2e2f35;
  font-weight: 600;
  font-size: 18px;
}

.meanings .Knowing {
  margin-top: 30px;
}

.meanings .Knowing p {
  font-family: 'Lato', sans-serif;
  color: #2e2f35;
}

.meanings .Knowing h4 {
  font-family: 'Lato', sans-serif;
  color: #485df7;
  margin-bottom: 50px;
}

.Straight {
  margin-top: 100px;
}

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

.Straight .__TIT h3 {
  font-weight: 800;
  font-size: 1.8em;
  color: #2e2f35;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
}

.Straight .L-block {
  margin-top: 50px;
}

.Straight .L-block .box-color {
  background-color: #485df70d;
  padding: 20px;
}

.Straight .L-block .box-color p {
  color: #485df7;
  font-family: 'Merriweather', serif;
  font-size: 17px;
  font-weight: 600;
}

.Straight .L-block .table_GOD {
  margin-top: 20px;
}

.Straight .L-block .table_GOD h5 {
  font-weight: 600;
  color: #2e2f35;
  font-family: 'Lato', sans-serif;
}

.Straight .L-block .table_GOD thead tr th {
  font-weight: 600;
  color: #485df7;
  font-family: 'Lato', sans-serif;
}

.Straight .L-block .table_GOD tbody tr td {
  font-family: 'Lato', sans-serif;
}

.Straight .L-block .table_GOD tbody tr:hover {
  background: #485df70d;
  color: #485df7;
}

.Straight .R-block {
  margin-top: 50px;
}

.Straight .R-block .boo {
  color: #2e2f35;
  font-weight: 600;
  font-size: 19px;
}

.Straight .R-block .boo::after {
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  background-color: #485df7;
  margin-top: 25px;
}

.Straight .R-block .uk-list {
  margin-top: 30px;
}

.Straight .R-block .uk-list li {
  color: #595a63;
}

.Straight .read-1 {
  margin-top: 100px;
}

.Straight .read-1 .head-oop p {
  margin-bottom: 20px;
  color: #595a63;
}

.Straight .read-1 .head-oop h4 {
  font-weight: 600;
  color: #2e2f35;
  font-size: 17px;
}

.Straight .read-1 .circleo {
  margin-top: 30px;
}

.Straight .read-1 .circleo .fa-dot-circle {
  margin-right: 10px;
}

.Straight .read-1 .circleo li {
  margin-bottom: 20px;
}

.Straight .read-1 .Qout {
  font-family: 'Merriweather', serif;
  font-size: 18px;
  color: #485df7;
}

.Straight .read-1 .Qout span {
  background-color: #485df7;
  color: #FFF;
}

.Straight .artical-message {
  font-family: 'Lato', sans-serif;
  margin-top: 100px;
}

.Straight .artical-message .art-left h4 {
  font-weight: 600;
}

.Straight .artical-message .art-left ul li {
  text-align: left;
}

.Straight .artical-message .art-left ul li span {
  font-family: 'Lato', sans-serif;
  color: #485df7;
  font-weight: bold;
}

.Straight .artical-message .art-left .ONE {
  margin-top: 30px;
}

.Straight .artical-message .art-left .ONE li {
  margin-bottom: 20px;
  font-family: 'Lato', serif;
  font-weight: 600;
  color: #595a63;
}

.Straight .artical-message .art-left .ONE li .fa-circle-notch {
  margin-right: 5px;
}

.Straight .artical-message .art-left .ONE li h5 {
  color: #485df7;
  font-weight: 500;
  font-size: 14px;
}

.Straight .artical-message .art-right img {
  text-align: center;
}

.Straight .artical-message .art-right h4 {
  color: #2e2f35;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}

.Straight ._2artical-message {
  margin-top: 50px;
}

.Straight ._2artical-message .R_message .e-part h4 {
  color: #485df7;
  font-weight: 600;
  font-size: 18px;
  font-family: 'Lato', sans-serif;
}

.Straight ._2artical-message .R_message .begoo {
  background-color: #485df70d;
  padding: 20px;
  color: #485df7;
}

.Straight ._2artical-message .R_message .offo {
  background-color: #485df7;
  color: #FFF;
}

.uk-table-divider> :first-child>tr:not(:first-child),
.uk-table-divider> :not(:first-child)>tr,
.uk-table-divider>tr:not(:first-child) {
  border-top: 1px solid #485df71f;
}

@media (max-width: 991px) {
  .Conclusions .uk-flex-first\@s {
    order: -1;
  }
}

@media (min-width: 992px) {
  .Conclusions .uk-flex-first\@s {
    order: 1;
  }
}

.Conclusions .art-right .tembo {
  font-family: 'Merriweather', serif;
  padding: 20px;
  color: #2e2f35;
  background-color: #f9f9f9;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.Conclusions ._LEFT-END h4 {
  font-family: 'Merriweather', serif;
  font-size: 20px;
  color: #2e2f35;
  font-style: italic;
}

.Conclusions ._LEFT-END .COIE {
  font-family: 'Lato', sans-serif;
  color: #2e2f35;
  font-size: 18px;
}

.Conclusions ._LEFT-END ul li {
  color: #595a63;
}

.Conclusions ._RIGHT-END .uk-background-muted {
  color: #2e2f35;
  font-size: 17px;
}

.uk-sticky-fixed {
  top: 78px !important;
}

.uk-card-default {
  box-shadow: none;
  border: 1px solid #ececec;
}

.about-islam {
  margin: 0;
  padding: 0;
  margin-top: -20px;
}

.about-islam .infos {
  margin-bottom: 20px;
}

.about-islam .infos h3 {
  display: block;
  font-family: 'Merriweather', serif;
  font-size: 30px;
  font-weight: 600;
  color: #FFF;
}

.about-islam .infos p {
  color: #FFF;
  display: block;
}

.about-islam .gradient-overlay {
  background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -ms-linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
}

.item_1 {
  background-color: #FFF;
  padding-bottom: 60px;
  margin-top: 70px;
}

.item_1 ul li a {
  font-weight: 600;
  color: #2e2f35;
}

.item_1 ul li p {
  color: #595a63;
}

.item_1 .box-tweet {
  font-family: 'Lato', sans-serif;
  margin-top: 100px;
}

.item_1 .box-tweet .uk-card h3 {
  font-size: 12px;
  background-color: #485df7;
  color: #FFF;
  text-transform: none;
}

.item_1 .box-tweet .uk-card ul li {
  color: #595a63;
}

.item_1 .box-tweet .uk-card-secondary {
  background-color: #2e2f35;
}

.item_1 .box-tweet .uk-card-secondary ul li {
  color: #FFF;
}

.item_1 .box-tweet .uk-card-secondary ul li .uk-list-divider {
  border-top-color: rgba(86, 86, 86, 0.22);
}

.item_1 .tweet__2 {
  margin: 10px;
}

@media (max-width: 991px) {
  .item_1 .photo-right {
    text-align: center;
    float: initial;
  }
}

.item_2 {
  margin-bottom: 100px;
}

@media (min-width: 1200px) {
  .item_2 .uk-card {
    height: 694px;
  }
}

.item_2 .uk-card h3 {
  font-size: 12px;
  background-color: #485df7;
  color: #FFF;
  text-transform: none;
}

.item_2 .uk-card ul li {
  color: #595a63;
}

.item_3 {
  background-color: #f9f9f9;
  padding-bottom: 100px;
}

.item_3 .uk-card {
  font-family: 'Lato', sans-serif;
}

.item_3 .uk-card h3 {
  font-size: 12px;
  background-color: #485df7;
  color: #FFF;
  text-transform: none;
}

.item_3 .uk-card-primary {
  background-color: #485df7;
}

.item_3 .uk-card-primary ul li {
  color: #FFF;
}

.item_3 .uk-card-secondary {
  background-color: #2e2f35;
}

.item_3 .uk-card-secondary ul li {
  color: #FFF;
}

.item_3 .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary) {
  background: #fff;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.item_4 {
  margin-top: 40px;
  margin-bottom: 100px;
}

.item_4 .uk-card-body {
  font-family: 'Lato', sans-serif;
}

.item_4 .uk-card-body .fa-twitter {
  font-size: 14px;
  color: #485df7;
}

.item_5 {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #F7F7F9;
}

.item_5 .uk-card-default {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
  border: none;
}

.item_5 .uk-card-default:hover {
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.08);
}

.item_5 .vblock-1 .details-Islam {
  padding: 30px;
}

.item_5 .vblock-1 .details-Islam h3 {
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  background-color: #485df7;
  color: #FFF;
  text-transform: none;
}

.item_5 .vblock-1 .details-Islam p {
  font-family: 'Lato', sans-serif;
  color: #595a63;
}

.item_5 .img-block {
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.08);
}

.item_5 .full-img {
  background-repeat: no-repeat;
  background-size: 400px;
  background-position-y: calc(-41.54px);
}

@media (max-width: 767px) {
  .item_5 .responsive {
    height: 480px !important;
  }
}

.item_5 .title-item5 {
  margin-bottom: 50px;
}

.item_5 .title-item5 .block .block__link {
  cursor: auto;
  text-transform: initial;
}

.item_5 .btn-mores {
  margin-top: 70px;
  display: table;
  border: 1.5px solid #C9CAD3;
  background-color: transparent !important;
  color: #2e2f35 !important;
}

.Juest_One {
  background-color: #FFF;
  margin-top: 70px;
}

@media (max-width: 991px) {
  .Juest_One {
    margin-top: 50px;
  }
}

.Juest_One .uk-container {
  width: 70%;
  float: right;
}

@media (max-width: 991px) {
  .Juest_One .uk-container {
    width: 90%;
    float: inherit;
  }
}

.Juest_One .item-text {
  padding-top: 30px;
}

.Juest_One .item-text .block a {
  cursor: auto;
  text-transform: initial;
}

.Juest_One .item-text .uk-list {
  display: table-cell;
  padding-right: 30px;
}

.Juest_One .item-text .uk-button {
  background-color: #485df7;
  margin-top: 50px;
  margin-bottom: 50px;
}

.Juest_One ._2image .ph-ho {
  width: 300px;
  float: right;
  margin-left: 25px;
}

@media (max-width: 991px) {
  .Juest_One ._2image .ph-ho {
    float: inherit;
    text-align: center;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
  }
}

.Juest_One ._2image img {
  border-radius: 2px;
}

.item-just-text {
  margin-top: 40px;
  margin-bottom: 40px;
}

.item-just-text h2 {
  color: #2e2f35;
  font-size: 1.500em;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
}

.item-just-text p {
  color: #595a63;
  font-size: 1em;
  font-family: 'Poppins', sans-serif;
}

.item-just-video ._video video {
  object-fit: fill;
  width: 100%;
  height: 700px;
  margin-top: 0;
}

.item-one-message {
  position: relative;
  z-index: 999;
}

.item-one-message .text-title {
  background-color: #FFF;
  padding: 30px 70px;
  margin-top: -310px;
}

.item-one-message .text-title .block a {
  margin-bottom: 10px;
  cursor: auto;
  text-transform: initial;
}

.item-one-message .itemdown-text {
  margin-top: 70px;
}

.item-one-message .itemdown-text .part-left {
  padding-right: 35px;
}

@media (max-width: 991px) {
  .item-one-message .itemdown-text .part-left {
    padding-right: 0;
  }
}

.item-one-message .itemdown-text .part-left h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #2e2f35;
}

.item-one-message .itemdown-text .part-right {
  padding-left: 35px;
}

@media (max-width: 991px) {
  .item-one-message .itemdown-text .part-right {
    padding-left: 0;
  }
}

.item-one-message .itemdown-text .part-right h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #2e2f35;
}

.item-one-message .itemdown-text .part-right p {
  font-weight: 500;
}

.item-one-message .itemdown-text .part-right img {
  margin-bottom: 30px;
}

.item-truth {
  margin-bottom: 150px;
}

.item-truth .itemphoto {
  padding-right: 30px;
}

@media (max-width: 991px) {
  .item-truth .itemphoto {
    padding-right: 0;
  }
}

.item-truth .itemtext {
  padding-top: 30px;
  padding-left: 30px;
}

@media (max-width: 991px) {
  .item-truth .itemtext {
    padding-left: 0;
  }
}

.item-truth .itemtext .block .block__link {
  cursor: auto;
  text-transform: initial;
  background-color: transparent;
}

.item-truth .itemtext .treka {
  display: inline-flex;
  vertical-align: middle;
}

.item-truth .itemtext .treka .bullet {
  height: 70px;
  width: 3px;
  background-color: #2e2f35;
  margin-right: 20px;
}

.item-truth .itemtext .treka .bullet-text {
  color: #2e2f35;
  font-weight: 600;
  font-size: 1.2em;
}

.item-endOf {
  margin-top: 40px;
  margin-bottom: 120px;
}

.item-endOf .block-text {
  padding-right: 30px;
}

@media (max-width: 991px) {
  .item-endOf .block-text {
    padding-right: 0;
  }
}

.item-endOf .block-text .block .block__link {
  cursor: auto;
  text-transform: initial;
}

.item-endOf .block-text ul li h6 {
  color: #2e2f35;
  font-weight: 600;
  margin: 0;
}

.item-endOf .block-text ul li h3 {
  font-weight: 600;
  color: #2e2f35;
  font-size: 1em;
  font-family: 'Poppins', sans-serif;
  margin-top: 10px;
  margin-bottom: 0;
}

.item-endOf .block-text ul li p {
  margin-top: 15px !important;
}

.item-endOf .image-slide-right {
  padding-left: 30px;
}

@media (max-width: 991px) {
  .item-endOf .image-slide-right {
    padding-left: 0;
  }
}

.uk-offcanvas {
  z-index: 9999991;
}

.menu-Mobile .uk-offcanvas-bar {
  padding: 40px;
  background: #FFF;
}

.menu-Mobile .uk-offcanvas-bar h4 {
  font-weight: 600;
  font-size: 0.938em;
  color: #bbbcc3;
}

.menu-Mobile .uk-offcanvas-bar ul li a {
  padding-bottom: 20px;
  color: #2e2f35;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.menu-Mobile .uk-offcanvas-bar ul li a:hover {
  color: #485df7;
}

.menu-Mobile .uk-offcanvas-bar ul .uk-active {
  color: #485df7;
}

.menu-Mobile .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a {
  color: #485df7;
}

.menu-Mobile .uk-offcanvas-bar .langu h4 {
  margin-bottom: 0;
}

.menu-Mobile .uk-offcanvas-bar .langu ul {
  display: inline-block;
  margin-right: 25px;
}

.menu-Mobile .uk-offcanvas-bar .langu ul li a {
  font-size: 0.813em;
  color: #2e2f35;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.menu-Mobile .uk-offcanvas-bar .langu ul li a:hover {
  color: #485df7 !important;
}

.menu-Mobile .uk-offcanvas-bar .langu ul .uk-active {
  color: #485df7;
}

.menu-Mobile .uk-offcanvas-bar .uk-offcanvas-close {
  color: #2e2f35;
}

.item_5 .title-item5 .block .block__link,
.Juest_One .item-text .block a,
.item-one-message .text-title .block a,
.item-truth .itemtext .block .block__link,
.item-endOf .block-text .block .block__link {
  font-size: 1.875em;
  font-weight: 800;
  font-family: 'Merriweather', sans-serif;
  color: #2e2f35;
}

.item_5 .title-item5 .block .block__link::before,
.Juest_One .item-text .block a::before,
.item-one-message .text-title .block a::before,
.item-truth .itemtext .block .block__link::before,
.item-endOf .block-text .block .block__link::before {
  content: '';
  display: block;
  background-color: #485df7;
  width: 3px;
  height: 20px;
  transform: rotate(40deg);
  margin-bottom: 25px;
}

.item_5 .title-item5 p,
.Juest_One .item-text p,
.item-one-message .text-title p,
.item-one-message .itemdown-text .part-left p,
.item-one-message .itemdown-text .part-right p,
.item-truth .itemtext p,
.item-endOf .block-text p,
.item-endOf .block-text ul li p {
  color: #595a63;
  font-size: 0.938em;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: 'Poppins', sans-serif;
}

.item_5 .btn-mores,
.Juest_One .item-text .uk-button,
.item-truth .itemtext a {
  background-color: #485df7;
  color: #FFF;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 0.938em;
  border-radius: 2px;
  text-transform: uppercase;
}

/* class extend */
body,
a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
button:hover {
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  -ms-transition: 0.4s all;
  -o-transition: 0.4s all;
  transition: 0.4s all;
}