nav h1 {
  font-size: 1.25rem;
  margin: 0 0 0 20px; }

.m-small {
  font-size: inherit; }

.iqlc-logo {
  width: 300px; }

.hidden-in-mobile {
  display: flex; }

.bg-bar {
  background-color: #2a7db0; }

h2.h2Menu, h6.h2Menu {
  font-size: 1.25rem;
  color: white;
  margin-bottom: 0; }

.nav-link {
  color: rgba(255, 255, 255, 0.7) !important; }

.nav-link.active {
  color: white !important; }

.bg-primary .nav-link {
  color: #dadada; }

.bg-primary .nav-link.active {
  color: white; }

.fontsize-100 {
  transition: background 0.1s ease 0s;
  font-size: 1em !important; }

.acess-container {
  display: block;
  position: fixed;
  bottom: 160px;
  z-index: 9999; }

.acc-icon {
  top: 13vh;
  color: #00487c;
  border: 3px solid #00487c;
  cursor: pointer;
  position: fixed;
  padding-top: 10px;
  margin-inline-end: -3px;
  padding-inline-start: 10px;
  padding-inline-end: 5px;
  padding-bottom: 10px;
  background-color: #ffc500;
  border-end-start-radius: 30px;
  border-start-start-radius: 30px;
  z-index: 100; }

#acc-list {
  position: fixed;
  border: 1px solid #f3f3f3;
  background-color: #ffffff;
  top: 0;
  display: flex;
  width: 400px;
  padding-bottom: 15px;
  z-index: 100; }

@media (max-width: 767.98px) {
  .m-small {
    font-size: small; }

  .iqlc-logo {
    width: 150px; }

  .hidden-in-mobile {
    display: none; }

  #acc-list {
    position: fixed;
    border: 1px solid #f3f3f3;
    background-color: #ffffff;
    top: 0;
    display: flex;
    width: 300px;
    padding-bottom: 15px;
    z-index: 100; } }
.footer {
  border-top: 1px solid #f5f5f5; }

.footer a {
  color: #333333; }

.footer li ul li:hover {
  color: #333333;
  background-color: #f5f5f5; }

.footer-channel-button {
  box-sizing: border-box;
  font-size: 1.8em;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 55px;
  width: 55px;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -ms-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in; }

.chatDiv {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: none;
  outline: none;
  width: 220px;
  z-index: 9999; }

.BtnWhatsapp {
  background-color: #65C258; }

.BtnWhatsapp:hover {
  background-color: #54b148; }

.btn-circle {
  align-items: center;
  background: #f8f9fa;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  height: 32px;
  justify-content: center;
  margin: 6px;
  padding: 10px;
  text-decoration: none;
  width: 32px; }

.whatsappClr {
  color: #65C258; }

.fs-95 {
  font-size: 0.95em; }

body {
  font-family: 'Open Sans', sans-serif, cursive;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin: 0;
  font-size: 1em;
  color: #333333; }

.grayscale-100 {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%); }

.reverse-contrast, .reverse-contrast a, .reverse-contrast h1, .reverse-contrast h2, .reverse-contrast h3, .reverse-contrast span, .reverse-contrast p,
.reverse-contrast .bg-light, .reverse-contrast .bg-blueLight, .reverse-contrast button, .reverse-contrast .card-body, .reverse-contrast .card-header,
.reverse-contrast .list-group-item, .reverse-contrast .modal-content, .reverse-contrast .dropdown-menu {
  background-color: #000 !important;
  color: #FFFF00 !important; }

.productBody h3 {
  margin-top: 1.2rem !important; }

.productBody table thead {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

a {
  color: #333333;
  text-decoration: none; }

a:hover {
  color: #333333;
  text-decoration: none; }

.bg-primary {
  background-color: #00457c !important;
  color: #dadada; }

.bg-primary .navbar-brand {
  color: #FFFFFF; }

.small {
  font-size: 0.9em; }

.smaller {
  font-size: 0.8em; }

.onlyMobile {
  display: none; }

.text-primary {
  color: #00457c !important; }

.main h3 {
  font-size: 1.3em; }

.main a {
  text-decoration: none;
  color: #333333 !important; }

.svg-lang {
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: middle;
  border-radius: 50%;
  object-fit: cover; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important; }

text:hover,
input:hover,
select:hover,
textArea:active,
input:active,
select:active,
textArea:focus,
input:focus,
select:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important; }

.img480w {
  max-width: 480px; }

.bg-blueLight {
  background-color: #deeefb; }

.bg-blueSuperLight {
  background-color: #f4faff; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #489bce !important; }

.navbar-toggler {
  color: white; }

.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto; }

.carousel-start-rtl {
  left: auto !important;
  width: auto;
  right: 10% !important;
  text-align: start;
  padding: 20px 50px;
  text-shadow: 1px 1px #000000; }

.carousel-end-rtl {
  left: 5% !important;
  width: auto;
  right: auto !important;
  text-align: start;
  padding: 20px 50px;
  text-shadow: 1px 1px #000000; }

.carousel-start-ltr {
  right: auto !important;
  width: auto;
  left: 10% !important;
  text-align: start;
  padding: 20px 50px; }

.carousel-end-ltr {
  right: 5% !important;
  width: auto;
  left: auto !important;
  text-align: start;
  padding: 20px 50px; }

.carousel-caption-dark {
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px #000000; }

.carousel-caption-light {
  background: rgba(255, 255, 255, 0.2); }

.carousel-prev-next {
  height: 50px !important;
  width: 50px !important;
  outline: black;
  background-color: rgba(0, 0, 0, 0.3);
  background-size: 50%, 50% !important;
  border-radius: 50%; }

.carousel-caption {
  margin: auto;
  bottom: 8vmax !important; }

.carousel-caption img {
  width: 100%;
  max-width: 130px;
  height: auto;
  padding: 30px 10px 10px; }

.fs-350 {
  font-size: 3.5em; }

.carousel-caption h2 {
  font-size: 2.3em; }

.textStart {
  text-align: start; }

.article-body {
  max-width: 850px;
  margin: auto; }

.video-block {
  position: relative; }

.youtube-play {
  position: absolute;
  bottom: calc(50% - 16px);
  right: calc(50% - 18px);
  color: white; }

#videoModal iframe {
  max-width: 100%;
  width: 780px; }

.category-img {
  max-width: 100%;
  width: 300px; }

.h300 {
  max-height: 100%;
  height: 300px; }

.category-img-sm {
  max-width: 100%;
  width: 200px; }

.h100 {
  max-height: 100%;
  height: 100px; }

.category-img-xm {
  max-width: 100%;
  width: 100px; }

.hw_cate {
  height: 110px;
  width: 110px; }

.h200 {
  max-height: 100%;
  height: 200px; }

._imgBRd {
  border-radius: 40%; }

.category-img-xs {
  max-width: 100%;
  width: 150px; }

.h150 {
  max-height: 100%;
  height: 150px; }

.category-img-xxs {
  max-width: 100%;
  width: 115px; }

.h115 {
  max-height: 100%;
  height: 115px; }

.category-img-lg {
  max-width: 100%;
  width: 600px; }

.h600 {
  max-height: 100%;
  height: auto; }

.category_ministry_img {
  max-width: 100%;
  width: 500px; }

.min-height {
  min-height: 600px !important; }

.products h2, .products h3 {
  font-size: 1.3em;
  margin-bottom: 1rem; }

.products a, .mArticle a {
  color: #489bce; }

.products p, .products ul {
  font-size: .95rem;
  margin-bottom: .8rem; }

.card h2 {
  font-size: 1.5em;
  margin-top: .5em; }

.bdr {
  border-radius: 6px;
  overflow: hidden; }

.div-table {
  display: table;
  width: auto; }

.div-table-row {
  display: table-row;
  width: auto;
  clear: both; }

.div-table-col-image-rtl {
  float: right;
  display: table-column;
  width: 130px; }

.div-table-col-image-ltr {
  float: left;
  display: table-column;
  width: 130px; }

ul.pcolors {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fill, 38px);
  grid-gap: 0 10px;
  padding: 0; }

.product-color-gallery .centered-content * {
  box-sizing: content-box; }

ul.pcolors li {
  position: relative;
  padding: 0;
  margin: 0; }

.color-wrapper, color {
  display: inline-block;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 7px;
  border: 2px solid transparent; }

.color-wrapper .color {
  border-radius: 50%;
  display: block;
  width: 18px;
  height: 18px;
  background: #f5f5f5;
  border: 1px solid #e6e6e6; }

.color-container ul li:hover .color-wrapper, .color-container ul li.active .color-wrapper {
  border: 2px solid #e6e6e6;
  width: 36px;
  height: 36px; }

.pt56 {
  padding-top: 56px; }

.ytclass {
  width: 100%;
  padding: 3px; }

.vidPlayIcon {
  width: 24px;
  height: 24px;
  line-height: 24px !important;
  background-color: transparent !important;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  margin-left: -12px;
  margin-top: -12px;
  cursor: pointer; }

.ytclass {
  cursor: pointer; }

.card-text a:link, .card-text a:visited {
  color: #00457c !important;
  text-decoration: underline; }

.card-header {
  background-color: #a5cee7 !important;
  color: white; }

.btnFormMt {
  margin-top: 31px; }

.zoom-100 {
  zoom: 1; }

.zoom-125 {
  zoom: 1.25; }

.zoom-150 {
  zoom: 1.5; }

.zoom-175 {
  zoom: 1.75; }

.acc-underline-headings {
  -webkit-text-decoration: underline #000 7px !important;
  text-decoration: underline #000 7px !important; }

.acc-underline-links {
  -webkit-text-decoration: underline red 7px !important;
  text-decoration: underline red 7px !important; }

.stop-animation {
  animation: none !important;
  transition: none !important; }

.fontsize-120 {
  transition: background 0.1s ease 0s;
  font-size: 1.2em !important; }

.fontsize-130 {
  transition: background 0.1s ease 0s;
  font-size: 1.3em !important; }

.fontsize-150 {
  transition: background 0.1s ease 0s;
  font-size: 1.5em !important; }

.fontsize-160 {
  transition: background 0.1s ease 0s;
  font-size: 1.6em !important; }

.flex-container {
  flex-direction: row; }

.mb4-device {
  margin-bottom: 0 !important; }

.cate-details ul, .cate-details ul {
  padding-left: 30px;
  padding-right: 0px; }

.cate-details:lang(he) ul, .cate-details:lang(ar) ul {
  padding-right: 30px;
  padding-left: 0px; }

.cate-bg {
  padding: 1px 5px;
  border-radius: 16px;
  border: 1px solid transparent; }

.cate-bg:hover {
  border: 1px solid #f8f9fa; }

.breadcrumb {
  font-size: .9em;
  list-style: none;
  padding: 0; }

.breadcrumb-item {
  display: inline-block;
  margin-right: 5px; }

.breadcrumb-item::after {
  margin-left: 5px;
  margin-right: 5px;
  color: #aaa; }

.breadcrumb-item:last-child::after {
  content: none; }

.onsale {
  position: absolute;
  top: 7px;
  left: 7px;
  text-align: center;
  height: 50px;
  background-color: #ffc500;
  color: white;
  width: 50px;
  font-weight: 700; }

.slideDot {
  background-color: gray !important;
  position: relative;
  bottom: -40px !important; }

.slideDot.active {
  background-color: orangered !important;
  position: relative;
  bottom: -40px !important; }

.spnsr_w {
  flex: 0 0 auto;
  width: 12.5%; }

#drop-area {
  border: 2px dashed #ccc;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  margin-top: 10px; }

#drop-area.highlight {
  border-color: #333; }

#preview {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px; }

#preview img {
  max-width: 100px;
  max-height: 100px;
  border-radius: 5px; }

#preview div {
  position: relative;
  display: inline-block; }

#preview button {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  padding: 2px 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  cursor: pointer; }

@media (max-width: 575.98px) {
  .category-img-xxs {
    max-width: 100%;
    width: 110px; }

  .m-1 {
    margin: 0.1rem !important; } }
@media (max-width: 767.98px) {
  .category-img-xxs {
    max-width: 100%;
    width: 115px; }

  .m-1 {
    margin: 0.1rem !important; }

  .s-center {
    margin-left: auto !important;
    margin-right: auto !important; }

  .onlyMobile {
    display: flex; }

  .carousel-caption {
    position: inherit !important;
    bottom: 1vmax !important;
    padding-left: 2% !important;
    padding-right: 2% !important; }

  .carousel-caption-dark {
    background: rgba(0, 0, 0, 0.8); }

  .carousel-caption img {
    max-width: 120px; }

  .min-height {
    min-height: 100px !important; }

  .h600 {
    max-height: 100%;
    height: auto; }

  .h300 {
    max-height: 100%;
    height: auto; }

  .carousel-caption img {
    width: 100%;
    max-width: 130px;
    height: auto;
    padding: 10px 10px 10px; }

  .carousel-caption h2 {
    font-size: 1.3em;
    text-align: center; }

  .carousel-caption p {
    margin-bottom: 0;
    text-align: center; }

  .spnsr_w {
    flex: 0 0 auto;
    width: 25%; }

  #divHeader {
    order: 1; }

  #divForm {
    order: 3; }

  #divProducts {
    order: 2; }

  #divArticles {
    order: 4; }

  #divFooter {
    order: 5; } }
@media (max-width: 991.98px) {
  .carousel-caption {
    bottom: 1vmax !important; }

  .carousel-caption h2 {
    font-size: 1.3em !important;
    text-align: start; }

  .carousel-caption a {
    margin-top: 1.5rem !important;
    justify-content: center !important;
    display: contents; }

  .h600, .h300 {
    max-height: 100%;
    height: auto; }

  .flex-container {
    display: flex;
    flex-direction: column; }

  .mb4-device {
    margin-bottom: 1.5rem !important; } }
@media (max-width: 1099.98px) {
  .carousel-caption {
    margin: auto;
    bottom: 3vmax; }

  .carousel-caption img {
    width: 100%;
    max-width: 100px;
    height: auto;
    padding: 30px 10px 10px; }

  .carousel-caption h2 {
    font-size: 2em; } }
@media (max-width: 1499.98px) {
  .carousel-caption {
    margin: auto;
    bottom: 5vmax; } }

/*# sourceMappingURL=styles.css.map */
