@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap);
@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css);

body {
  overflow: hidden;
}
#yomtov,
#yomtov h1,
.ads-list,
.show {
  direction: rtl;
}
.linkCity,
.qr,
div#companyLogo {
  bottom: 0;
  left: 0;
}
.linkCity,
.qr,
.titleNews {
  position: absolute;
}
#clock,
#date {
  font-family: Rubik;
  font-weight: 500;
  text-align: center;
}
#clock,
#date,
.getRatingBlock,
.shabat .title,
.shabatImg,
.wellcomeBlock {
  text-align: center;
}
.ads-list .card img,
.box {
  max-width: 100%;
}
html {
  background: #fff;
}
body {
  margin: 0;
  font-family: Rubik !important;
}
.allblocks {
  width: 1920px;
  -moz-transform: scale(0.66);
  -moz-transform-origin: 0 0px;
}

div#companyLogo {
  position: fixed;
  z-index: 9;
  max-width: 155px;
  height: 74px;
}
div#companyLogoNone {
  border-radius: 15px;
  background: white;
  box-shadow: 0 0 5px 0 #a9a9a9;
  height: 460px;
  margin: 12px 12px 0px 12px;
}
#yomtov {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 1920px;
  height: 1080px;
  justify-content: center;
  -webkit-justify-content: center;
  background-image: linear-gradient(
      to right,
      rgb(255 255 255 / 80%),
      rgba(0, 0, 0, 0.5)
    ),
    url(../images/yomtov.webp), url(../images/yomtov.webp);
  background-size: cover;
}
#yomtov img {
  position: fixed;
  left: 40px;
  top: 40px;
}
#yomtov h1 {
  font-size: 11em;
  text-shadow: -1px -1px 0 #fff, 9px -1px 0 #fff, -1px 1px 0 #fff,
    1px -9px 0 #fff;
  color: #38599f;
}
#yomtov h3 {
  font-size: 6em;
  margin-top: 40px;
  text-shadow: -1px -1px 0 #000, 2px -1px 0 #000, -1px 1px 0 #000,
    1px -2px 0 #000;
  color: ivory;
}
#businessDetails h1,
.titleOne {
  font-size: 38px;
}
#yomtov .wellcomeBlock h1 {
  font-size: 5em;
  direction: rtl;
  color: #fff;
  text-shadow: unset;
  margin: 0 0 -16px;
}
#yomtov .wellcomeBlock p {
  color: #fff;
  font-size: 44px;
}
.show {
  display: grid;
  justify-items: center;
  background-color: transparent;
  grid-template-columns: 1fr 1fr 49.5%;
  padding: 13px 10px 13px 12px;
  align-items: center;
}
.footer {
  height: 75px;
  background: #fff;
  width: 1920px;
  display: flex;
}
.home {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background-image: linear-gradient(189deg, #f8d6f5 26%, #379edf 100%);
  height: 100vh;
}
.mobile {
  display: none;
}
.headerAds {
  background-image: url('../images/13.webp') !important;
  height: 600px;
  background-position: top;
  background-size: cover;
}
.gridAds {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: minmax(100px, auto);
  grid-auto-flow: dense;
  gap: 20px;
}
.ads-list {
  background-color: transparent;
  grid-template-columns: 1fr 1fr 49.5%;
  padding: 0 0 13px;
}
.linkCity .btn {
  background: #2d5297;
  border-color: #4470cd;
}
.ads-list .btn2,
.btnAds {
  background-image: linear-gradient(298deg, #2f539a 0, #5b7ecc 100%);
}
.ads-list .card {
  box-shadow: 0 0 4px 3px #e5e5e5;
  border: 0 !important;
}
.blockLogo,
.btnAds {
  border-radius: 25px;
}
.contactAds {
  display: flex;
  justify-content: space-around;
}
#businessDetails .contactAds .btn {
  color: #fff;
  padding: 4px;
}
#businessDetails i {
  margin-left: 3px;
}
#businessDetails .modal-header {
  flex-direction: row-reverse !important;
}
#businessDetails p {
  font-size: 20px;
  margin-top: 5px;
  line-height: 28px;
}
.btnAds {
  color: #fff;
  margin-top: 10px;
  text-decoration: blink;
  font-family: Rubik, Sans-serif;
  font-size: 31px;
  font-weight: 500;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  padding: 5px 20px;
}
.qr {
  z-index: 5;
  display: flex;
  align-items: flex-end;
  color: #fff;
  font-size: 24px;
}
.blockLogo,
.titleOne {
  display: flex;
      -webkit-justify-content: center;
      align-items: flex-start;
      flex-direction: row-reverse;
}
.blockLogo {
  padding: 0 15px;
  background: #fff;
  height: 138px;
  /* margin: 0 10px 35px 0; */
  /* box-shadow: 0 7px 9px 0 rgba(130.9, 130.9, 130.9, 0.5); */
}
.blockLogo img {
  /* width: 150px !important; */
  /* padding: 8px; */
}
.blockLogo p {
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 34px !important;
}

.blockLogofooter {
  display: flex;
  align-items: center;
  flex-direction: row;
  text-align: right;
  width: 440px;
  background: white;
  z-index: 9;
  font-size: 26px;
  padding: 4px 10px 0 10px;
  font-weight: 600;
}

.blockNewsfooter {
  height: 100%;
  width: 300px;
  text-align: center;
  display: flex;
  align-items: center;
  background: #cd1818;
  color: white;
  font-size: 26px;
  font-weight: 700;
  justify-content: center;
  -webkit-justify-content: center;
}

.titleNews,
.vaadBlock h4 {
  color: #fff;
  font-family: Rubik, Sans-serif;
}
.show .blockAds {
  width: 910px;
  height: 960px;
  box-shadow: 0 0 20px 0 #4f4f4f;
  border-radius: 15px;
}
.show .blockAds img,
.show .blockAds video {
  width: 100%;
  height: 960px;
  border-radius: 15px;
  object-fit: cover;
}

.blockComp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

}
.blockComp img {
  width: 480px;
  height: inherit;
  border-radius: 15px;
}

.news-item {
  padding: 10px;
  height: 486px;
}
.news-item p {
  color: black !important;
  font-size: 22px !important;
  line-height: 28px;
}

.news-item img {
  width: 100%;
  height: 250px;
  border-radius: 15px;
}

.rssBlock .carousel-caption {
  position: static;
  padding-top: 0;
}

.rssBlock .carousel-item {
  background-color: white;
  border-radius: 15px;
  height: 460px;
}

.rssBlock .carousel-item p,
.rssBlock .carousel-item div {
  color: black;
  font-size: 21px;
  text-align: right;
  line-height: 27px;
}

.rssBlock .carousel-item p {
  padding: 0px 10px 10px 10px;
}
.rssBlock .carousel-item .contentRss {
  display: none;
}
.rssBlock a img,
.rssBlock .rss-image img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 0;
  margin-bottom: 5px;
}

/* .rssBlock .ynet * {
  padding: 0px 10px;
} */

.rssBlock .ynet h5 {
  padding: 0px;
  margin: 0;
}

.rssBlock .ynetPadding {
  padding: 10px;
}

.rssBlock .ynetPadding img {
   height: 230px;
    object-fit: cover;
}

.carousel-fade {
  box-shadow: 0 0 5px 0 #a9a9a9;
  border-radius: 15px;
}
.titleNews {
  padding: 5px 20px 5px 29px;
  background-color: #df2626;
  border-radius: 15px 0 0 15px;
  box-shadow: -7px 0 13px 0 rgba(0, 0, 0, 0.47);
  font-size: 42px;
  font-weight: 600;
  position: absolute;
  display: none;
  right: -17px;
  z-index: 99;
}
.vaadBlock,
.wellcomeBlock {
  background-image: linear-gradient(52deg, #4370b7 0, #00bcd4 100%);
  box-shadow: 0 7px 9px 0 rgba(130.9, 130.9, 130.9, 0.5);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
  margin-right: 10px;
  background-color: transparent;
}
.blockInfo {
  margin-left: 15px;
}
.blockInfo .logo {
  width: 100%;
}
.wellcomeBlock {
  border-radius: 25px;
  padding: 5px 13px;
}
.vaadBlock {
  border-radius: 25px 25px 0 0;
  padding: 5px 10px 1px;
}
.oneBlock,
.titleOne {
  box-shadow: 0 0 10px 0 rgba(127.5, 127.5, 127.5, 0.5);
}
.vaadBlock h4 {
  font-size: 36px;
  font-weight: 600;
}
.vaadMessage {
  margin-right: 10px;
  background: #ffffff00;
  color: #12468a;
  font-family: Rubik, Sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 38px;
  height: 390px;
}
.vaadMessage li {
  font-size: 24px;
  color: #000;
}
.show h1,
.show p,
.titleOne {
  color: #fff;
  font-family: Rubik, Sans-serif;
}
.shabat {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  background: #fff;
  margin-right: 10px;
  border-radius: 0 0 10px 10px;
  border-top: 2px solid #76a7d800;
}
.shabat .title {
  color: #000;
  font-weight: 500;
  font-size: 32px;
  font-family: Rubik, Sans-serif;
}
.shabatImg {
  margin-top: -87px;
}
.shabatImg img {
  width: 58px;
  margin-right: 10px;
}
.show h1 {
  margin: -2px 0 -15px;
  font-size: 65px;
  font-weight: 600;
}
.show p {
  margin: 0;
  font-size: 37px;
  font-weight: 400;
}
.blockTime {
  padding: 0;
  display: grid;
  grid-template-columns: 30% 1fr;
}
.weather {
  border-left: 10px solid #1b9dc8;
}



#clock {
  font-size: 87px;
  margin-bottom: -20px;
  margin-top: -24px;
  padding-top: 10px;
}
#date {
  font-size: 32px;
}
.oneBlock {
  background: #fff;
  border-radius: 0 0 15px 15px;
}
.titleOne {
  background-color: transparent;
  background-image: linear-gradient(283deg, #1250a7 0, #202020 100%);
  padding: 0 10px;
  border-radius: 15px 15px 0 0;
  font-weight: 500;
  justify-content: space-between;
}
.titleWalla,
.titleYnet {
  background-color: transparent;
  box-shadow: 0 0 10px 0 rgba(127.5, 127.5, 127.5, 0.5);
  padding: 0 10px;
  border-radius: 15px 15px 0 0;
  color: #fff;
  font-family: Rubik, Sans-serif;
  font-size: 38px;
  align-items: center;
  font-weight: 500;
  display: flex;
}
.titleYnet {
  background-image: linear-gradient(283deg, #d91e00 0, #fff 100%);
  justify-content: space-between;
}
.titleWalla {
  background-image: linear-gradient(283deg, #79cdf5 0, #fff 100%);
  justify-content: space-between;
}
.star,
.starGet {
  cursor: pointer;
  color: #2d5297;
}
.blockComp .titleOne img,
.blockComp .titleYnet img {
  box-shadow: 0 !important;
}
.coupon_block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon {
  border: 2px dotted;
  padding: 5px;
  border-radius: 5px;
  font-weight: 600;
}
.getRatingBlock {
  display: flex;
  justify-content: space-evenly;
  font-weight: 600;
  border: 1px solid #ededed;
  border-radius: 5px;
}
.getRatingBlock a {
  color: #000;
  text-decoration: none;
}
.star {
  font-size: 22px;
}
.starGet {
  font-size: 32px;
}
.scale {
  /* scale: 98%; */
  /* scale: 0.988; */
}

.rssBlock {
  padding: 0px 10px 0px 10px;
    box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cityAds {
  padding: 10px;
}

.cityAds .carousel-item {
  height: 480px;
}
@media (max-width: 768px) {
  .coupon_block {
    display: grid;
    gap: 10px;
    justify-items: center;
    justify-content: space-around;
  }
  .headerAds {
    height: 145px;
  }
  .gridAds {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .desk {
    display: none;
  }
  .mobile {
    display: block;
  }
  .star {
    font-size: 18px;
  }
}
.sliderMessage {
  height: 390px;
}
.box {
  border-radius: 15px 15px 0;
  background-image: linear-gradient(to bottom right, #fff, #fff);
  padding: 15px 15px 25px;
  font-weight: 400;
  font-size: 34px;
  text-align: right;
  /* box-shadow: 2px 2px 4px 0 #cbcbcb; */
}
.box p {
  margin: 0;
  font-size: 28px;
  color: #113765;
  font-weight: 500;
}
.box span {
  font-size: 20px;
}
.box.sb1.company-message {
  background: #fffacd;
}
.bx-viewport,
.bx-wrapper,
.bxslider,
.bxslider > li {
  height: 390px !important;
}
#loadingContainer {
  display: flex;
  flex-direction: column;
}
#loadingSpinner {
  display: flex;
  flex-direction: column;
  height: 100px;
  width: 100px;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  animation: 1s linear infinite spin;
  margin: auto;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}