@charset "UTF-8";

:root {
  --pb-primary-300: #467CA9;
  --pb-primary: #346EA4;
  --pb-primary-500: #275A9A;
  --pb-white: #fff;
}

.header-logotype{
  height: 24px;
  @media (min-width: 375px) {
    height: 32px;
  }
  @media (min-width: 768px) {
    height: 40px;
  }
}

.display-1 {
  font-size: 40px;
  @media (min-width: 768px) {
    font-size: 64px;
  }
  @media (min-width: 1024px) {
    font-size: 48px;
  }
  @media (min-width: 1440px) {
    font-size: 64px;
  }
}

.hero-logotype {
  width: 100%;
  opacity: 64%;
  -webkit-animation:spin 20s linear infinite;
  -moz-animation:spin 20s linear infinite;
  animation:spin 20s linear infinite;
  @media (min-width: 768px) {
    width: 64%;
  }
  @media (min-width: 1024px) {
    width: 100%;
  }
}
@-moz-keyframes spin { 
  100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
  100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
  100% { 
      -webkit-transform: rotate(360deg); 
      transform:rotate(360deg); 
  } 
}

.bg-gradient-primary-to-secondary {
  background: linear-gradient(45deg, var(--pb-primary-500), var(--pb-primary-300)) !important;
}

.cta-new {
  padding: 8rem 0;
  background: linear-gradient(45deg, var(--pb-primary-500), var(--pb-primary-300)) !important;
}

.btn-primary {
  --bs-btn-color: var(--pb-white);
  --bs-btn-bg: var(--pb-primary);
  --bs-btn-border-color: var(--pb-primary);
  --bs-btn-hover-color: var(--pb-white);
  --bs-btn-hover-bg: var(--pb-primary-300);
  --bs-btn-hover-border-color: var(--pb-primary-300);
  --bs-btn-focus-shadow-rgb: 73, 85, 242;
  --bs-btn-active-color: var(--pb-white);
  --bs-btn-active-bg: var(--pb-primary-500);
  --bs-btn-active-border-color: var(--pb-primary-500);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--pb-white);
  --bs-btn-disabled-bg: #7f7f7f;
  --bs-btn-disabled-border-color: #7f7f7f;
  padding: 8px 16px;
  border: 0px;
}

.btn-secondary {
  --bs-btn-color: var(--pb-primary);
  --bs-btn-bg: var(--pb-white);
  --bs-btn-border-color: var(--pb-white);
  --bs-btn-hover-color: var(--pb-primary);
  --bs-btn-hover-bg: #ffffffb0;
  --bs-btn-hover-border-color: #ffffffb0;
  --bs-btn-focus-shadow-rgb: 173, 60, 230;
  --bs-btn-active-color: var(--pb-primary);
  --bs-btn-active-bg: var(--pb-white);
  --bs-btn-active-border-color: var(--pb-white);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--pb-primary);
  --bs-btn-disabled-bg: var(--pb-white);
  --bs-btn-disabled-border-color: var(--pb-white);
  padding: 12px 24px;
  border: 0px;
}

.quote-owner{
  color: var(--pb-white);
}

.brands-logos-section div div{
  row-gap: 40px;
  @media (min-width: 768px) {
    row-gap: 72px;
  }
}

.brands-logos-section div div div{
  text-align: center;
}

.brands-logos-img{
  max-height: 108px;
}

.ta-center{
  text-align: center;
}

#mainNav .navbar-nav .nav-item .nav-link.active{
  color: var(--pb-primary);
}

.navbar-toggler:focus {
  border: 1px solid var(--pb-primary);
}

.contacts-title{
  font-size: 16px;
  @media (min-width: 768px) {
    font-size: 20px;
  }
  @media (min-width: 1024px) {
    font-size: 16px;
  }
  @media (min-width: 1440px) {
    font-size: 20px;
  }
}

.contacts-content{
  font-size: 24px;
  @media (min-width: 768px) {
    font-size: 32px;
  }
  @media (min-width: 1024px) {
    font-size: 24px;
  }
  @media (min-width: 1440px) {
    font-size: 32px;
  }
}

.contacts-content a{
  color: var(--bs-body-color);
  transition: 0.3s;
}

.contacts-content a:hover{
  opacity: 0.72;
  transition: 0.3s;
}

.contacts-new div div{
  row-gap: 24px;
}