@charset "UTF-8";
/*
Theme Name: biors theme
Template: astra
Description: Тема для сайта biors
*/
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: none !important;
}

body {
  background: #FFFFFF !important;
}

html {
  scroll-behavior: smooth;
}

.main-navigation a {
  font-size: 18px;
}
.main-navigation .sub-menu {
  padding: 8px 0;
}
.main-navigation .sub-menu:before {
  display: none;
}
.main-navigation .sub-menu a {
  padding: 8px 16px !important;
}

header.site-header {
  position: sticky;
  top: 0;
}

.container {
  max-width: 1240px !important;
  padding: 0 20px;
  margin: auto;
}

#page h1 {
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 100% !important;
  margin-bottom: 36px !important;

}
@media (max-width: 710px) {
  #page h1 {
    font-size: 32px !important;
    margin-bottom: 24px !important;
  }
}

.link {
  color: #22a29a;
  text-decoration-line: underline;
}
.link:hover {
  color: #D7121C;
}

.red-btn {
  background-color: #22a29a;
}
.red-btn a.wp-block-button__link {
  font-size: 20px;
  font-weight: 700;
}
.red-btn a.wp-block-button__link:hover {
  background-color: #D7121C;
}

.thansparent-button {
  color: #0ea196;
  border: 1px solid #0ea196;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 32px;
  line-height: 1;
  transition: color 0.3s, background 0.3s;
  display: inline-block;
}
.thansparent-button:hover {
  color: #FFFFFF;
  background-color: #0ea196;
}

.accent-button {
  display: block;
  color: #FFFFFF;
  background-color: #0ea196;
  border: none;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 14px 32px;
  line-height: 1;
  transition: color 0.3s, background 0.3s;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
}
.accent-button:hover {
  background-color: #D7121C;
  color: #FFFFFF;
}

.ast-header-button-1 .ast-custom-button {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.footer-title-item {
  text-align: left;
}
@media (max-width: 544px) {
  .footer-title-item {
    text-align: center;
  }
}

@media (max-width: 921px) {
  .site-primary-footer-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.ast-builder-grid-row-3-equal .ast-builder-grid-row {
  grid-template-columns: 365px 410px 225px !important;
  justify-content: space-between !important;
}
@media (max-width: 1200px) {
  .ast-builder-grid-row-3-equal .ast-builder-grid-row {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 710px) {
  .ast-builder-grid-row-3-equal .ast-builder-grid-row {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 544px) {
  .site-footer-section-2 {
    order: 2;
  }
}
.site-footer-section-2 .footer-tel {
  font-weight: bold;
}

@media (max-width: 1200px) {
  .site-footer-section-3 {
    grid-column: 2;
  }
}
@media (max-width: 1200px) {
  .site-footer-section-3 .wp-block-button {
    width: 100%;
  }
}
.site-footer-section-3 .wp-block-button a {
  width: 100%;
}

.footer-nav-wrap .astra-footer-vertical-menu {
  grid-template-columns: 1fr 1fr;
  gap: 8px 0;
}
.footer-nav-wrap .astra-footer-vertical-menu a {
  font-size: 18px;
}

.site-footer {background-color: #17a196;}
@media (max-width: 992px) {
  .footer-nav-wrap .astra-footer-vertical-menu {
    grid-template-columns: 1fr;
  }
}

.search-form {
  border-color: #888B95 !important;
}

@media (max-width: 921px) {
  .ast-header-search .ast-icon {
    color: #000000 !important;
  }
}

.ast-primary-header-bar.main-header-bar {
  margin: 0 !important;
}

@media (max-width: 1060px) {
  #ast-desktop-header {
    display: none;
  }
}

#ast-mobile-header .main-header-menu,
#ast-mobile-header .sub-menu {
  background-color: #FFFFFF;
}
@media (max-width: 544px) {
  #ast-mobile-header .ast-mobile-header-content {
    height: calc(100vh - 72px);
    overflow: auto;
  }
}
#ast-mobile-header .site-logo-img {
  padding: 0;
}
#ast-mobile-header .ast-header-button-1 {
  padding: 20px;
  margin-top: 42px;
}
@media (max-width: 921px) {
  #ast-mobile-header .ast-header-button-1 .ast-builder-button-wrap {
    width: 50%;
  }
}
@media (max-width: 544px) {
  #ast-mobile-header .ast-header-button-1 .ast-builder-button-wrap {
    width: 100%;
  }
}
#ast-mobile-header .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button {
  text-align: center;
}
#ast-mobile-header .ast-mobile-menu-trigger-minimal:focus {
  border: none;
}
#ast-mobile-header .menu-item .menu-link {
  color: #000000;
}
#ast-mobile-header .menu-item .ast-menu-toggle {
  color: #000000 !important;
}
#ast-mobile-header .menu-item .ast-menu-toggle[aria-expanded=true] {
  color: #FF0D19 !important;
}
#ast-mobile-header .menu-item.current-menu-item > .menu-link, #ast-mobile-header .menu-item.current-menu-ancestor > .menu-link, #ast-mobile-header .menu-item.current-menu-ancestor > .ast-menu-toggle {
  background-color: #FFFFFF;
  color: #FF0D19;
  font-weight: 700;
}
#ast-mobile-header .menu-item .sub-menu .icon-arrow {
  display: none;
}
#ast-mobile-header .menu-item .sub-menu .menu-item {
  padding-left: 32px;
}
#ast-mobile-header .menu-item .sub-menu .menu-link {
  line-height: 2rem;
}
@media (max-width: 1200px) {
  #ast-mobile-header .ast-primary-header-bar {
    min-height: 72px !important;
  }
}
@media (max-width: 1200px) {
  #ast-mobile-header .ast-primary-header-bar .search-field {
    padding-right: 24px !important;
  }
}

@media (max-width: 544px) {
  .ast-main-header-nav-open {
    overflow: hidden;
  }
}

.ast-no-sidebar #primary {
  margin-top: 18px !important;
}

.ast-no-sidebar #content .ast-breadcrumbs-wrapper {
  margin-bottom: 16px;
  font-size: 14px;
}
.ast-no-sidebar #content .ast-breadcrumbs-wrapper a {
  color: #888B95;
}
.ast-no-sidebar #content .ast-breadcrumbs-wrapper a:hover {
  color: #FF0D19;
}

.privacy-policy ol {
  counter-reset: list1;
}
.privacy-policy ol > li {
  display: block;
  position: relative;
  margin: 0 0 5px 0;
}
.privacy-policy ol > li::before {
  position: absolute;
  left: -24px;
  counter-increment: list1;
  content: counter(list1) ".";
  font-weight: 600;
}
.privacy-policy ol > li > ol {
  counter-reset: list2;
  margin: 5px 0 0 0;
}
.privacy-policy ol > li > ol > li::before {
  left: -38px;
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ".";
}

.ast-archive-entry-banner {
  background-color: transparent;
}

.wpcf7 .wpcf7-response-output {
  margin: 1em 0 !important;
}

.wpcf7-spinner {
  display: block !important;
  margin: 10px 0 0 auto !important;
}

.hidden {
  display: none !important;
}

.search-field {
  padding-right: 45px !important;
}

#ast-scroll-top:after {
  content: "";
  background: #22a29a;
  width: calc(100% + 4px);
  display: flex;
  aspect-ratio: 1;
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: -1;
  border-radius: 50%;
  border: 2px solid white;
}

@media screen and (min-width: 1061px) {
  .menu-item-has-children {
    flex-direction: row !important;
    align-items: center;
  }
  .menu-item-has-children > a {
    padding-right: 0 !important;
  }
  .menu-item-has-children .ast-menu-toggle {
    display: inline-flex;
    padding: 0 12px 0 10px !important;
  }
  .menu-item-has-children .ast-arrow-svg {
    margin-left: 0 !important;
  }
  .menu-item-has-children .ast-header-navigation-arrow {
    display: none;
  }
}

.whatsapp-button {
   
      
       border-radius: 50%;
       box-shadow: 0 8px 10px rgba(7, 206, 112, 0.6);
       cursor: pointer;
       height: 60px;
       text-align: center;
       width: 60px;
       position: fixed;
       right: 5%;
       bottom: 8%;
       padding: 0px !important;
       z-index: 9999;
       transition: .3s;
       -webkit-animation: hoverWave linear 1s infinite;
       animation: hoverWave linear 1s infinite;
}
  
.whatsapp-button .text-button {
        height:60px;
        width:60px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}
.whatsapp-button .text-button span {
    text-align: center;
    color:#23a455;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 8px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}
.whatsapp-button .text-button:hover span {
        opacity: 1;
        font-size: 11px;
}
.whatsapp-button:hover i {
        display:none;
        color:#25D366;
        font-size:44px;
        transition:.3s;
}
.whatsapp-button:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
}
.whatsapp-button i {
        color:#fff;
        font-size:44px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
        animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 0 rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 15px rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 26.7px rgba(7,206,112,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 40px rgba(7,206,112,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 0 rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 15px rgba(7,206,112,0.2),0 0 0 0 rgba(7,206,112,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 26.7px rgba(7,206,112,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(7,206,112,0.3),0 0 0 30px rgba(7,206,112,0),0 0 0 40px rgba(7,206,112,0.0)
}
}
@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}