.footer {padding: 60px 0; background-color: var(--three); color: var(--one);}
.footer .row-gap {row-gap: 30px;}
.footer .col-12 {display: flex; flex-direction: column; row-gap: 35px;}
.footer h2 {font-size: 24px; font-weight: bold;}
.footer .social-media {display: flex; gap: 20px;}
.footer .social-media a {color: var(--light); white-space: nowrap; padding: 10px 0; display: flex; gap: 10px; flex-wrap: nowrap; align-items: center;}
.footer .social-media li:hover {opacity: 0.7;}
.footer .social-media svg {display: block; height: 15px; width: 15px;}
.footer .social-media li svg * {fill: var(--one);}
.footer .widget-area {display: flex; flex-direction: column; row-gap: 35px;}
.footer .widget-area .menu {display: flex; flex-direction: column; gap: 15px;}
.footer .widget-area .menu .menu-item a {font-size: 15px; color: var(--one);}
.footer .widget-area .menu .menu-item:hover a {opacity: 0.7;}
.footer .widget-area .menu .menu-item.current_page_item a {color: var(--two); display: flex; gap: 15px; align-items: center;}
.footer .widget-area .menu .menu-item.current_page_item a:after {content: ''; width: 40px; height: 3px; display: block; background-color: var(--two);}
.footer .contact-data {display: flex; flex-direction: column; row-gap: 35px;}
.footer .phones-block,
.footer .mails-block {display: flex; gap: 15px; align-items: center;}
.footer .details-block {display: flex; gap: 15px; align-items: start;}
.footer .phones-block .icon {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: var(--two); }
.footer .phones-block svg {width: 14px; height: auto;}
.footer .phones-block svg * {fill: var(--one);}
.footer .phones-block .phones li a {color: var(--one);}
.footer .phones-block .phones li:hover a {opacity: 0.7;}
.footer .mails-block .icon {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: var(--two); }
.footer .mails-block svg {width: 14px; height: auto;}
.footer .mails-block svg * {fill: var(--one);}
.footer .mails-block .mails li a {color: var(--one);}
.footer .mails-block .mails li:hover a {opacity: 0.7;}
.footer .details-block .icon {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; background-color: var(--two); }
.footer .details-block svg {width: 14px; height: auto;}
.footer .details-block svg * {fill: var(--one);}
.footer .details-block .mails li a {color: var(--one);}
.footer .details-block .mails li:hover a {opacity: 0.7;}
.footer .details-block .mails li:hover a {opacity: 0.7;}
.footer .icon { min-width: 34px; }
.copyrights {padding: 25px; width: 100%; background-color: var(--two); display: flex; justify-content: center; color: var(--one);}
.copyrights a {color: var(--one);}
.copyrights a:hover {opacity: 0.7;}
.cookie-bar {font-size: 14px; gap: 30px; align-items: center; justify-content: space-around; background: var(--three); color: var(--one); position: sticky; bottom: 0; z-index: 10000; padding: 25px 0;}
.cookie-bar .info {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.cookie-bar .info * {margin: 0;}
.cookie-bar .info .accept {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one);  border: solid 1px var(--one);}
.cookie-bar .info .accept:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent; cursor: pointer;}

.scrolltotop {position: fixed; bottom: 130px; right: 30px; display: flex; height: 50px; width: 50px; justify-content: center; align-items: center; z-index: 1000; background-color: var(--three); }
.scrolltotop:hover {background-color: var(--four); cursor: pointer;}
.scrolltotop svg * {fill: var(--one);}

.floating-block { position: fixed; bottom: 30px; right: 30px; z-index: 1000; background-color: var(--two); border-radius: 30px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); } 
.floating-block:hover { background-color: var(--four); color: var(--two); } 
.floating-block svg * {fill: var(--zero); }
.floating-block:hover svg * {fill: var(--two); }
.floating-block svg {width: 30px; height: auto;}
.floating-block a { padding: 15px 30px; color: inherit; display: block; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600;}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--two);
    transform: scale(1);
  }
  20% {
    box-shadow: 0 0 0 12px rgba(0, 198, 251, 0);
    transform: scale(1.07);
  }
  40% {
    box-shadow: 0 0 0 0 rgba(0, 198, 251, 0);
    transform: scale(1);
  }
  100% {
    box-shadow: 0 0 0 0 var(--two);
    transform: scale(1);
  }
}

.floating-block {
  animation: pulse 3.8s infinite;
}


@media (max-width: 767.98px) {
	.footer .logo {text-align: center;}
	.footer .short-description {text-align: center;}
	.footer .social-media {justify-content: center;}
	.footer .widget-area .widgettitle {text-align: center; margin: 0;}
	.footer .widget-area .menu {align-items: center;}
	.footer .widget-area p {text-align: center;}
	.footer .contact-data {text-align: center;}
	.footer .phones-block {justify-content: center;}
	.footer .mails-block {justify-content: center;}
	.footer .details-block {justify-content: center;}
	.cookie-bar {font-size: 12px; text-align: center;}
	.cookie-bar .info {flex-direction: column; gap: 15px;}
	.cookie-bar .info .accept {padding: 5px 10px;}
  .floating-block {width: 60px; height: 60px; display: grid; place-items: center; border-radius: 50%; padding-right: 2px; padding-top: 2px;}
  .floating-block svg {width: 100%; height: auto; padding: 15px;}
  .floating-block a { padding: 0;}
  .floating-block a span {display: none;}
}

body.ks-rounding-light .footer .phones-block .icon,
body.ks-rounding-light .footer .mails-block .icon,
body.ks-rounding-light .footer .details-block .icon {border-radius: 8px;}
body.ks-rounding-strong .footer .phones-block .icon,
body.ks-rounding-strong .footer .mails-block .icon,
body.ks-rounding-strong .footer .details-block .icon {border-radius: 32px;}
body.ks-rounding-light .scrolltotop {border-radius: 8px;}
body.ks-rounding-strong .scrolltotop {border-radius: 32px;}
body.ks-rounding-light .cookie-bar .info .accept {border-radius: 8px;}
body.ks-rounding-strong .cookie-bar .info .accept {border-radius: 32px;}