@charset "utf-8";

.header * { margin: 0px; padding: 0px; text-decoration: none; font-family: sans-serif; box-sizing: border-box; list-style: none; }

.header { position: relative; background-color: rgb(40, 144, 203); }

.header-top-menu { margin: 0px; padding-right: 15px; min-height: 80px; display: flex; align-items: center; gap: 30px; background-color: rgb(46, 59, 66); }

.logoRai { display: block; width: 80px; height: 80px; }

.header__top-menu { width: 100%; }

.top-menu__body { width: 100%; }

.top-menu__list { width: 100%; max-width: 890px; display: flex; align-items: center; justify-content: space-between; list-style: none; gap: 10px; }

.top-menu__link { padding: 10px 0px; font-size: 16px; color: rgb(255, 255, 255); transition: 0.3s; }

.top-menu__link:hover { color: rgb(40, 144, 203); }

.header__box { background: url("../images/bkg_header.webp") center 4px no-repeat; }

.header__container { margin: 0px auto; padding: 0px 15px; max-width: 1050px; }

.header__box-body { display: flex; align-items: center; justify-content: space-between; gap: 15px; min-height: 74px; }

.header__logo-italy { display: block; width: 100%; max-width: 180px; }

.header__logo-italy img { width: 100%; height: 100%; }

.social { margin-left: auto; display: flex; align-items: center; gap: 35px; }

.social-item { display: block; width: 24px; height: 24px; transition: 0.3s; }

.social-item:hover { transform: scale(1.1); }

.social-item img { width: 100%; height: 100%; }

.btn-menu { display: none; }

.header__bootom { min-height: 27px; overflow: hidden; background: url("../images/bkg_menu.webp") repeat-x transparent; }

.header__bootom-body { display: flex; align-items: center; justify-content: space-between; }

.menu__list { display: flex; align-items: center; }

.menu__link { display: flex; align-items: center; padding: 0px 10px; height: 27px; font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); text-transform: uppercase; background: url("../images/sep_menu.png") no-repeat transparent; transition: 0.3s; }

.menu__link:hover { color: rgb(46, 59, 66); }

.search-btn { width: 33px; height: 21px; background: url("../images/btn-search.webp") no-repeat; }

.search-btn:hover { background-position: 0px -21px; }

@media (max-width: 1200px) {
  .header-top-menu { min-height: 50px; }
  .logoRai { width: 50px; height: 50px; }
  .top-menu__link { font-size: 14px; }
}

@media (max-width: 766px) {
  .header-top-menu { display: none; }
}

@media (max-width: 530px) {
  .header__box { box-shadow: rgb(196, 196, 204) 0px 0px 6px 2px; }
  .header__bootom { display: none; }
  .btn-menu { display: block; }
  .social { gap: 15px; }
}

@media (max-width: 374px) {
  .header__logo-italy { max-width: 150px; }
}

footer ul { list-style: none; }

footer a { text-decoration: none; }

footer .container div { padding: 0px; }

footer .container { padding: 0px 15px; max-width: 1168px; box-shadow: none; }

.footer-top__inner { display: flex; flex-wrap: wrap; gap: 50px 25px; }

.footer-top__cell { display: flex; flex-grow: 1; flex-direction: column; }

.footer-top__title { font-size: 18px; font-weight: 700; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid rgb(205, 205, 214); }

.footer-top__list a { font-size: 14px; color: rgb(205, 205, 214); }

.footer-top__cell:first-child .footer-top__list { column-count: 3; }

.footer-top__cell:nth-child(2) .footer-top__list { column-count: 2; }

.footer-top__cell:nth-child(3) .footer-top__list { display: flex; align-items: center; gap: 0px 15px; }

.footer-top__cell:last-child .footer-top__list { column-count: 6; }

.footer-top__cell:not(:nth-child(3)) .footer-top__list li { margin-bottom: 10px; }

.footer-top__facebook::before { font-size: 20px; content: "g"; }

.footer-top__twitter::before { font-size: 20px; content: "o"; }

.footer-top__instagram::before { content: "J"; font-size: 20px; }

.footer-top__rss::before { content: "h"; font-size: 20px; }

.footer-bot { background-color: rgb(37, 42, 63); padding: 25px 0px; }

.footer-bot__list { padding-left: 0px; margin-top: 0px; margin-bottom: 30px; }

.footer-bot__list { color: rgb(255, 255, 255); display: flex; align-items: center; gap: 0px 25px; }

.footer-bot__list a { font-size: 15px; font-weight: 700; color: rgb(255, 255, 255); }

.footer-bot__list li:nth-child(2) a, .footer-bot__list li:nth-child(3) a, .footer-bot__list li:nth-child(4) a { padding-right: 30px; border-right: 1px solid rgb(205, 205, 214); }

.footer-bot__list li:last-child a:first-child { margin-top: 35px; display: flex; align-items: center; gap: 0px 10px; padding: 5px 10px; border: 1px solid rgb(72, 76, 97); font-weight: 400; background-color: rgba(72, 76, 97, 0.2); }

.footer-bot__list li:last-child a:last-child { color: rgb(214, 219, 230); font-size: 13px; font-weight: 400; margin-top: 15px; position: relative; padding-left: 20px; }

.footer-bot__list li:last-child a:last-child::before { content: ""; position: absolute; left: 0px; top: 50%; translate: 0px -50%; background-color: rgb(10, 225, 109); width: 8px; height: 8px; border-radius: 100%; }

.footer-bot__list li:first-child svg { width: 48px; aspect-ratio: 1 / 1; }

.footer-bot__list li:last-child svg { width: 16px; aspect-ratio: 1 / 1; transition: fill 0.2s; }

.footer-bot__list svg { fill: rgb(255, 255, 255); }

.footer-bot__info { display: flex; max-width: 70%; flex-wrap: wrap; gap: 10px 20px; margin-left: 78px; padding-left: 0px; }

.footer-bot__info li { color: rgb(214, 219, 230); font-size: 13px; }

@media (max-width: 1024px) {
  footer .container { padding: 0px 30px; }
  .footer-bot__list { flex-direction: column; gap: 20px 0px; }
  .footer-bot__list li { padding-bottom: 20px; width: 100%; display: flex; justify-content: center; border-bottom: 1px solid rgb(196, 196, 196); }
  .footer-bot__list li:first-child { justify-content: flex-start; }
  .footer-bot__list li:last-child { align-items: center; flex-direction: column; border: none; }
  .footer-bot__list li:nth-child(2) a, .footer-bot__list li:nth-child(3) a, .footer-bot__list li:nth-child(4) a { padding-right: 0px; border-right: none; }
  .footer-bot__info { margin: 0px; max-width: 100%; }
}

@media (max-width: 767px) {
  .footer-top__cell:last-child .footer-top__list, .footer-top__cell:first-child .footer-top__list { column-count: 2; }
}

@media (max-width: 479px) {
  footer .container { padding: 0px 15px; }
}

@media (hover: hover) {
  .header-top__menu a:hover, .header-bot__list a:hover, .header-top__weather:hover .header-top__weather-location, .header-top__mobile-menu-icon:hover::before, .header-top__search:hover::before { color: rgb(0, 0, 153); }
  .header-top__logo-secondary:hover::before { content: "v"; font-size: 25px; color: rgb(255, 255, 255); background-color: rgb(94, 94, 110); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; }
  .footer-top__cell a:hover, .footer-bot a:hover { color: rgb(153, 182, 255); }
  .footer-bot__list li:last-child a:hover svg { fill: rgb(153, 182, 255); }
}