/* Header */
header {
    padding: 16px 0;
}
.admin-bar header{
    top: 32px;
}
header ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
header .menu li{
    list-style: none;
    position: relative;
}
header .menu li:not(:last-child){
  margin-right: 24px;
}
header .menu li a{
  display: block;
  font-size: 11px;
  line-height: 20px;
  padding: 2px 0;
  color: #828282;
  border-bottom: 1px solid #00000000;
}
header .menu li a:hover{
  color: #fff;
  border-color: #fff;

}
.site-branding{
  position: relative;
}
.site-branding a{
  display: flex;
  font-size: 0px;
}
.animation-logo{
  position: absolute;
  left: 176px;
  top: 0;
  transform: rotateY(0deg);
  animation: rotate360 5s linear infinite;
  width: auto;
  height: 100%;
}

.custom-logo-link .rotate-flip {
  transform: rotateY(0deg);
  animation: rotate360 5s linear infinite;
}
@keyframes rotate360 {
  0% {
      transform: rotateY(0deg);
  }
  10% {
      transform: rotateY(90deg);
  }
  50%{
    transform: rotateY(90deg);
  }
  60%{
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(0deg);
}
}
/* Footer */
footer{
  padding: 170px 0 50px;
  font-size: 11px;
}
footer .container{
  max-width: 1144px;
}
.footer-bolls{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
  min-width: 900px;
  bottom: -350px;
}
.footer-copyright-box>.svg{
  margin-left: auto;
}
.footer-item{
  margin-right: 30px;
}
.column-title{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 20px;
}
.footer-item ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-item ul li:not(:last-child){
  margin: 0 24px 16px 0;
}
.footer-item ul a{
  color: #828282;
}
.footer-item ul a:hover{
  color: #fff;
}
.menu-footer-container ul{
  column-count: 2;
}
.footer-copyright{
  margin-top: 24px;
}

/* Mobile */
@media screen and (max-width: 850px) {
  .header-box{
    justify-content: center;
  }
  .site-branding{
    text-align: center;
    order: -1;
  }
  .main-navigation{
    margin: 12px auto 0;
    width: 100%;
    justify-content: center;
  }
  footer{
    padding: 35px 0 42px;
  }
  .footer-bolls{
    bottom: -250px;
  }
}
@media screen and (max-width: 500px) {
  .menu-footer-container ul {
    column-count: auto;
  }
  .footer-bolls{
    bottom: -50px;
  }
}
@media screen and (max-width: 410px) {
  .site-branding {
    width: 270px;
  }
  .animation-logo {
    left: 129px;
  } 
}

html>body>.cky-consent-container .cky-consent-bar {
  -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25)
}

html>body .cky-btn-revisit-wrapper,html>body .cky-modal.cky-modal-open,html>body .cky-btn.cky-btn-customize {
  display: none !important
}

body>.cky-consent-container {
  overflow: hidden;
  border-radius: 0
}

body>.cky-consent-container .cky-consent-bar {
  border-radius: 10px
}

body>.cky-consent-container .cky-notice-btn-wrapper {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  margin-top: 24px
}

body>.cky-consent-container .cky-btn {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  border-radius: 4px;
  border-width: 1px
}

body>.cky-consent-container .cky-btn.cky-btn-accept {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3
}

body>.cky-consent-container .cky-banner-btn-close {
  right: 16px;
  top: 24px
}

body>.cky-consent-container .cky-banner-btn-close img {
  height: 16px;
  width: 16px
}

body>.cky-consent-container .cky-notice .cky-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px
}

body>.cky-consent-container .cky-notice .cky-notice-des {
  font-size: 12px;
  line-height: 1.6
}

.cky-consent-container .cky-notice-des a {
  color: #ff6949cc;
}

@media(min-width: 768px) {
  body>.cky-consent-container {
      width:530px;
      bottom: 50%;
      right: 50%;
      -webkit-transform: translate(50%,50%);
      transform: translate(50%,50%)
  }

  body>.cky-consent-container .cky-notice .cky-notice-des {
      font-size: 14px
  }

  body>.cky-consent-container .cky-banner-btn-close {
      right: 24px
  }
}

@media(max-width: 440px) {
  body>.cky-consent-container .cky-consent-bar {
      border-radius:10px 10px 0 0
  }

  body>.cky-consent-container .cky-notice {
      margin-left: -8px;
      margin-right: -8px
  }
}