/*
 Theme Name: K Zorka 2022
*/



@font-face {
  font-family: 'Montserrat';
  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Light.woff2') format('woff2'),
  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

/*@font-face {*/
/*  font-family: 'Montserrat';*/
/*  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Regular.woff2') format('woff2'),*/
/*  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Regular.woff') format('woff');*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

@font-face {
  font-family: 'Montserrat';
  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Bold.woff2') format('woff2'),
  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Black.woff2') format('woff2'),
  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/PlayfairDisplay-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/RobotoCondensed-Bold.woff2') format('woff2'),
  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/RobotoCondensed-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Co Headline Corp';
  src: url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/CoHeadlineCorp-Regular.woff2') format('woff2'),
  url('http://kzorka.ddbq.ru/wp-content/themes/zorka2022/fonts/CoHeadlineCorp-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


/**/
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
}

.pMain {
  overflow: hidden;
  height: 100vh;
}

html {
  box-sizing: border-box;
  font-size: 10px;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


body {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  background: #fff;
  position: relative;
  min-width: 320px;
}

h1 {
  font-family: 'Roboto Condensed', serif;
  font-size: 180px;
  font-weight: bold;
  line-height: 1.0;
  color: #A7D0E6;
}

h2 {
  margin: 0;
  padding: 0;
}

a {
  outline: 0;
}

[hidden] {
  display: none;
}

p,
ul, ol,
li > ul, li > ol {
  margin: 0;
  padding: 0;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  margin: 0;
  padding: 0;
}

img {
  height: auto;
  max-width: 100%;
  outline: none;
}

.pMain.fancybox-active {
  height: 100vh;
}

.fancybox-content {
  padding: 0;
  background: transparent;
  overflow: visible;
}

.fancybox-container {
  z-index: 2555599;
}

.line-break {
  display: block;
}

.w-out {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.w-in {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}

.w-in img {
  display: block;
}

.plr-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.ws-nw {
  white-space: nowrap;
}
/*/*/




/* btns */
.btn {
  width: 270px;
  height: 70px;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  transition: all .25s;
  background: transparent;
  border: 3px solid;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
}

.btn_white {
  border-color: #fff;
  color: #fff;
}

.btn_coffee {
  border-color: #A7D0E6;
  color: #A7D0E6;

}

.btn_white:hover {
  background: #fff;
  color: #45668E;
}

.btn_coffee:hover {
  background: #004875;
  color: #fff;
  border-color: #004875;
}

.btn_white:active {
  background: #fff;
  box-shadow: 0 0 10px #fff;
  color: #45668E;
}

.btn_coffee:active {
  background: #0048758;
  box-shadow: 0 0 10px #7C7168;
  color: #fff;
}
/* /btns */




/* headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

.h-120 {
  font-weight: 900;
  font-size: 150px;
  line-height: 1.2;
  text-align: center;
  color: #A7D0E6;
  text-transform: uppercase;
  margin-top: 72px;
  margin-bottom: 72px;
}

@media (max-width: 1279px) {
  .h-120 {
    font-size: calc(9rem + (120 - 90) * (100vw - 320px) / (1280 - 320));
    margin-top: calc(3rem + (72 - 30) * (100vw - 320px) / (1280 - 320));
    margin-bottom: calc(3rem + (72 - 30) * (100vw - 320px) / (1280 - 320));
  }

  .pProd .h-120 {
    margin-top: calc(4.5rem + (72 - 45) * (100vw - 320px) / (1280 - 320));
    margin-bottom: calc(4.5rem + (72 - 45) * (100vw - 320px) / (1280 - 320));
  }
}

@media (max-width: 999px) {
  .h-120 {
    font-size: calc(7rem + (90 - 70) * (100vw - 768px) / (1000 - 768));
  }
}

@media (max-width: 767px) {
  .h-120 {
    font-size: calc(4rem + (70 - 40) * (100vw - 480px) / (768 - 480));
  }
}

@media (max-width: 479px) {
  .h-120 {
    font-size: calc(3rem + (40 - 30) * (100vw - 320px) / (480 - 320));
  }
}
/* /headers */




/**/
.sec {
  position: absolute;
  opacity: 0;
  transform: translateY(0%);
  top: 100%;
  left: 0;
  z-index: 45;
  will-change: transform, opacity;
  width: 100%;
}

.sec_anim {
  transition-property: transform, opacity;
  transition-duration: 1s, 1s;
  animation-fill-mode: both;
}

.sec_show {
  opacity: 1;
  transform: translateY(-100%);
}

.sec_current {}

.tran-delay-1s {
  transition-delay: 1s, 1s;
}




.sec-w-nav {
  position: absolute;
  height: 100vh;
  display: flex;
  align-items: center;
  z-index: 55;
  left: 100px;
}

.sec-nav {
  opacity: 0;
  transition: transform .5s, opacity .5s;
  transform: translateX(-100%);
  transition-delay: 1s;
}

.sec-nav_show {
  opacity: 1;
  transform: translateX(0%);
}

.sec-nav-i {
  width: 13px;
  height: 40px;
  margin: 3px 0 3px 0;
  cursor: pointer;
  position: relative;
}

.sec-nav-i::before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 6px;
  background: #fff;
  transition: opacity .5s;
  opacity: .5;
}

.sec-nav-i_active::before,
.sec-nav-i:hover::before {
  opacity: 1;
}

.sec-nav-n {
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  margin: 11px 0;
}



.btn-w-scroll {
  transition: transform .5s, opacity .5s;
  transform: translateY(-100%);
  transition-delay: 1s;
  position: absolute;
  bottom: 240px;
  right: 100px;
  z-index: 55;
  opacity: 0;
}

.btn-scroll {
  width: 55px;
  height: 94px;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-scroll.svg") center no-repeat;
  background-size: contain;
  opacity: .5;
  transition: all .25s;
  cursor: pointer;
}

.btn-w-scroll_show {
  opacity: 1;
  transform: translateY(0%);
}

.btn-scroll:hover {
  opacity: 1;
}




.sec-w-c {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.sec-c {
  color: #fff;
  padding: 0 45px 0 390px;
}


.sec-pic {
  width: 100%;
  height: 100vh;
}

.sec-pic img {
  max-width: none;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}



@media (orientation: portrait) {
  .sec-c,
  .sec-w-nav {
    padding-bottom: 17vh;
  }
}

@media (max-width: 1899px) {
  .sec-w-nav {
    left: calc(2rem + (100 - 20) * (100vw - 320px) / (1900 - 320));
  }

  .btn-w-scroll {
    right: calc(2rem + (100 - 20) * (100vw - 320px) / (1900 - 320));
  }

  .sec-c {
    padding-left: calc(13.5rem + (390 - 135) * (100vw - 480px) / (1900 - 480));
  }
}

@media (max-width: 1599px) {
  .btn-w-scroll {
    bottom: calc(14rem + (180 - 140) * (100vw - 768px) / (1600 - 768));
  }
}

@media (max-width: 1279px) {
  .btn-scroll {
    width: calc(3.4rem + (55 - 34) * (100vw - 1000px) / (1280 - 1000));
    height: calc(5.9rem + (94 - 59) * (100vw - 1000px) / (1280 - 1000));
  }
}

@media (max-width: 999px) {
  .btn-scroll {
    width: 34px;
    height: 59px
  }
}

@media (max-width: 767px) {
  .btn-w-scroll {
    bottom: 135px;
  }
}
/*/*/




/* content */
.c-title {
  font-family: 'Co Headline Corp', serif;
  font-size: 90px;
  font-weight: normal;
  line-height: 90px;
  color: #fff;
  transition-delay: .3s;
  margin-bottom: 45px;
}

.c-subtitle {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  transition-delay: 0s;
  margin-bottom: 65px;
}

.c-title,
.c-subtitle,
.c-nav {
  opacity: 0;
  transform: translateY(100%);
  transition-property: transform, opacity;
}

.c-tran-dur {
  transition-duration: 1s, 1s;
}

.c-anim {
  opacity: 1;
  transform: translateY(0%);
}

.c-anim.c-title {
  transition-delay: .5s;
}

.c-anim.c-subtitle {
  transition-delay: .8s;
}

.c-anim.c-nav {
  transition-delay: .8s;
}

.c-w-nav {
  display: flex;
}

.c-nav {
  transition-delay: 0s;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.c-nav-label {
  margin-right: 35px;
  color: #fff;
  transition: color .25s;
}

.c-nav-arrow {
  width: 100px;
  height: 12px;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-arrow.svg") right bottom no-repeat;
  background-size: 101px 9px;
  position: relative;
  transition: all .25s;
}

.c-nav:hover .c-nav-arrow {
  background-position: right 55px bottom;
}

.c-nav:active .c-nav-label {
  color: rgba(255, 255, 255, .5);
}




@media (max-width: 1899px) {
  .c-title {
    font-size: calc(12rem + (150 - 120) * (100vw - 1600px) / (1900 - 1600));
    line-height: calc(10rem + (130 - 100) * (100vw - 1600px) / (1900 - 1600));
  }

  .c-subtitle {
    margin-bottom: calc(5.5rem + (65 - 55) * (100vw - 1600px) / (1900 - 1600));
  }
}

@media (max-width: 1599px) {
  .c-title {
    font-size: calc(9rem + (120 - 90) * (100vw - 1280px) / (1600 - 1280));
    line-height: calc(9rem + (100 - 90) * (100vw - 1280px) / (1600 - 1280));
    margin-bottom: calc(3rem + (55 - 30) * (100vw - 1280px) / (1600 - 1280));
  }

  .c-subtitle {
    margin-bottom: calc(5rem + (55 - 50) * (100vw - 1280px) / (1600 - 1280));
  }
}

@media (max-width: 1279px) {
  .c-title {
    font-size: calc(7rem + (90 - 70) * (100vw - 1000px) / (1280 - 1000));
    line-height: calc(6rem + (90 - 60) * (100vw - 1000px) / (1280 - 1000));
    margin-bottom: 30px;
  }

  .c-subtitle {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 1000px) / (1280 - 1000));
    line-height: calc(1.7rem + (24 - 17) * (100vw - 1000px) / (1280 - 1000));
    margin-bottom: 50px;
  }
}

@media (max-width: 1129px) {
  .c-title {
    margin-bottom: 35px;
  }
}

@media (max-width: 999px) {
  .c-title {
    font-size: 70px;
    line-height: 60px;
    margin-bottom: 40px;
  }

  .c-subtitle {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .c-title {
    font-size: calc(5rem + (70 - 50) * (100vw - 480px) / (768 - 480));
    line-height: 1;
    margin-bottom: 30px;
  }
}

@media (max-width: 479px) {
  .c-title {
    font-size: calc(3rem + (50 - 35) * (100vw - 320px) / (480 - 320));
  }

  .c-subtitle {
    margin-bottom: 30px;
  }
}

@media (max-width: 479px) {
  .sec-c {
    padding-left: 85px;
  }
}

@media (max-width: 424px) {
  .sec-w-nav {
    display: none;
  }

  .sec-c {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* /content */




/* header */
.pMain [data-header-anim] {
  opacity: 0;
  transition: transform .5s, opacity .5s;
  transform: translateY(-100%);
}

.pMain .header-anim {
  opacity: 1;
  transform: translateY(0%);
}

.header-anim.header-logo { transition-delay: 1.2s; }
.header-anim.header-slogan { transition-delay: 1.3s; }
.header-anim.header-buy { transition-delay: 1.4s; }
.header-anim.header-phone { transition-delay: 1.5s; }
.header-anim.header-2i { transition-delay: 1.6s; }
.header-anim.header-nav-btn { transition-delay: 1.7s; }

.pMain .header {
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
  height: auto;
  opacity: 0;
  transform: translateY(-100%);
}

.pMain .header-wave {
  display: none;
}

.header {
  position: relative;
  z-index: 64;
  width: 100%;
  transition: transform .5s, opacity .5s;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: transparent;
  overflow: hidden;
}

.header {
  height: 310px;
}

.header-wave {
  position: absolute;
  bottom: 0;
  left: -1%;
  width: 102%;
  height: 166px;
  z-index: 2;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/wave-head.svg") bottom left no-repeat;
  background-size: contain;
}

.header-wave::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: -1%;
  width: 102%;
  height: 6px;
  background: #fff;
}

.pFactory .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.pFarm .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.pAbout .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.pProd .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.pContacts .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.p404 .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.p404thanx .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.pReviews .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }
.pBuy .header { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-header-3.jpg"); }

.pMain .header_show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1s;
}

.header-in {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  z-index: 4;
}

.header-w-g1 {
  flex-grow: 1;
  padding-top: 45px;
}

.header-g1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 100px 0 80px;
}

.header-logo {
  flex-shrink: 0;
  flex-grow: 0;
}

.header-logo img {
  display: block;
}

.header-slogan {
  font-family: Montserrat, sans-serif;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
  margin: 0 15px 0 0;
}


.header-buy {
  display: flex;
  margin: 0 15px;
}

.header-buy-btn-i {
  display: none;
}

.header-phone {
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
  color: #fff;
  flex-shrink: 0;
  margin: 0 15px;
}

.header-phone a {
  color: #fff;
  transition: all .25s;
  text-decoration: none;
}

.header-phone a:hover {
  opacity: .5;
}

.header-2i {
  display: flex;
  align-items: center;
  margin: 0 15px;
}

.h2i-separator {
  width: 1px;
  height: 30px;
  background: #fff;
  margin: 0 25px;
}

.h2i-placeholder {
  width: calc(16px + 10px);
  height: calc(22px + 10px);
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-placeholder.svg") center no-repeat;
  transition: opacity .25s;
}

.h2i-review {
  width: calc(23px + 10px);
  height: calc(20px + 10px);
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-review.svg") center no-repeat;
  opacity: 1;
  transition: opacity .25s;
}

.h2i-placeholder:hover,
.h2i-review:hover {
  opacity: .5;
}

.header-nav-btn {
  position: relative;
  cursor: pointer;
  opacity: 1;
  margin-left: 15px;
}

.h-nav-btn-i {
  width: 37px;
  height: 2px;
  background: #fff;
}

.h-nav-btn-i:nth-child(2),
.h-nav-btn-i:nth-child(3) {
  width: 24px;
  margin-top: 9px;
  margin-left: 13px;
}

.header-nav-btn:hover {
  transition: all .25s;
  opacity: .5;
}

.header-fon {
  position: absolute;
  z-index: 1;
  height: 100%;
}

@media (max-width: 1899px) {
  .header {
    height: calc(27rem + (310 - 270) * (100vw - 1600px) / (1900 - 1600));
  }

  .header-logo {
    width: calc(15rem + (370 - 150) * (100vw - 480px) / (1900 - 480));
  }

  .header-g1 {
    padding-left: calc(2rem + (80 - 20) * (100vw - 320px) / (1900 - 320));
    padding-right: calc(2rem + (100 - 20) * (100vw - 320px) / (1900 - 320));
  }
}

@media (max-width: 1599px) {
  .header {
    height: calc(23rem + (270 - 230) * (100vw - 1280px) / (1600 - 1280));
  }

  .header-slogan {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 480px) / (1600 - 480));
  }

  .header-buy-btn {
    width: 70px;
    height: 70px;
  }

  .header-buy-btn-label {
    display: none;
  }

  .header-buy-btn-i {
    display: block;
    width: 18px;
    height: 44px;
  }

  .header-buy-btn-i > svg {
    fill: #fff;
    transition: all .25s;
  }

  .header-buy-btn:hover .header-buy-btn-i > svg {
    fill: #45668E;
  }

  .header-phone {
    font-size: calc(1.8rem + (25 - 18) * (100vw - 1000px) / (1600 - 1000));
  }

  .header-2i {
    display: none;
  }
}

@media (max-width: 1279px) {
  .header {
    height: calc(19.5rem + (215 - 195) * (100vw - 1000px) / (1280 - 1000));
  }

  .header-w-g1 {
    padding-top: calc(3rem + (45 - 30) * (100vw - 768px) / (1600 - 768));
  }
}

@media (max-width: 999px) {
  .header {
    height: calc(17rem + (195 - 170) * (100vw - 768px) / (1000 - 768));
  }

  .header-phone {
    display: none;
  }
}

@media (max-width: 767px) {
  .header {
    align-items: center;
    height: calc(12rem + (170 - 120) * (100vw - 480px) / (760 - 480));
  }

  .header-w-g1 {
    padding-top: 0;
  }

  .header-g1 {
    height: 100%;
  }

  .header-buy {
    display: none;
  }

  .header-slogan {
    margin-right: 0;
  }

  .header-nav-btn {
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  .header {
    justify-content: space-between;
    height: 120px;
  }

  .header-logo {
    width: 150px;
  }

  .header-w-g1 {
    flex-grow: 0;
  }

  .header-slogan {
    display: none;
  }
}
/* /header */




/* footer */
.pMain [data-footer-anim] {
  opacity: 0;
  transition: transform .5s, opacity .5s;
  transform: translateY(100%);
}

.pMain .footer-anim {
  opacity: 1;
  transform: translateY(0%);
}

.footer-anim.footer-l { transition-delay: 1.2s; }
.footer-anim.footer-social { transition-delay: 1.3s; }
.footer-anim.footer-w-play { transition-delay: 1.4s; }
.footer-anim.footer-who { transition-delay: 1.5s; }

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/wave.svg") top left no-repeat;
  background-size: 100%;
  height: 220px;
  width: 100%;
  z-index: 66;
  padding: 0 100px 15px;
  transition: transform .5s, opacity .5s;
}

.pMain .footer {
  opacity: 0;
  transform: translateY(100%);
}

.pMain .footer_show {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 1s;
}

.pProd .footer,
.p404 .footer {
  position: relative;
}

.footer-in {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  position: relative;
  z-index: 4;
}

.footer-l {
  font-size: 14px;
  line-height: 17px;
  color: #000;
  padding-bottom: 7px;
}

.footer-l-i {
  margin-top: 10px;
}

.f-social-title {
  font-size: 14px;
  line-height: 17px;
  color: #000;
  margin-bottom: 15px;
}

.footer-social {
  padding-bottom: 7px;
}

.f-social-icons {
  display: flex;
  align-items: center;
}

.f-social-i {
  width: 25px;
  height: 25px;
  margin-right: 45px;
}

.f-social-i:last-of-type {
  margin-right: 0;
}

.f-social-vk { background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-vk.svg") center no-repeat; }
.f-social-fb { background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-fb.svg") center no-repeat; }
.f-social-in { background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-in.svg") center no-repeat; }
.f-social-yt { background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-yt.svg") center no-repeat; }
.f-social-ok { background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-ok.svg") center no-repeat; }

.f-social-i {
  background-size: contain;
}

.footer-play {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 17px;
  color: #000;
  text-decoration: none;
}

.f-play-label {
  border-bottom: 1px solid transparent;
  transition: all .25s;
}

.footer-play:hover .f-play-label {
  border-bottom-color: #000;
}

.f-play-i {
  width: 37px;
  height: 37px;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-play.svg") center no-repeat;
  background-size: cover;
  margin-right: 20px;
}

.footer-who {
  font-size: 14px;
  line-height: 17px;
  color: #000;
  padding-bottom: 7px;
}

.footer-who a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all .25s;
}

.footer-who a:hover {
  border-bottom-color: #000;
}


.footer-who .footer-who-a-pic {
  border: none;
}

.footer-who-a-pic {
  margin-left: 1px;
}

.footer-who-pic {
  display: inline-block;
  height: 20px;
  width: auto;
  vertical-align: middle;
}

@media (min-width: 1600px) {
  .footer-l-i:nth-child(4) .line-break {
    display: inline;
  }
}

@media (max-width: 1899px) {
  .footer {
    padding-left: calc(2rem + (100 - 20) * (100vw - 320px) / (1900 - 320));
    padding-right: calc(2rem + (100 - 20) * (100vw - 320px) / (1900 - 320));
  }
}

@media (max-width: 1599px) {
  .footer {
    height: calc(12rem + (180 - 120) * (100vw - 768px) / (1600 - 768));
    padding-bottom: 8px;
  }

  .footer-l-i {
    margin-top: 0;
  }

  .footer-l-i:not(:nth-child(4)) {
    display: none;
  }

  .footer-l-i:nth-child(4) br {
    display: none;
  }
}

@media (max-width: 1279px) {
  .f-play-label-part-2 {
    display: none;
  }

  .f-social-i {
    margin-right: 40px;
    width: 20px;
    height: 20px;
  }

  .f-social-i:last-of-type {
    margin-right: 0;
  }

  .f-play-i {
    margin-right: 0;
    margin-bottom: 3px;
  }

  .footer-play {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 1099px) {
  .footer-l,
  .f-social-title,
  .footer-play,
  .footer-who {
    font-size: 12px;
    line-height: 15px;
  }

  .footer-who-pic {
    height: 16px;
  }
}



@media (max-width: 999px) {
  .footer-social {
    display: none;
  }
}

@media (max-width: 767px) {
  .footer {
    height: 115px;
    background-size: 768px;
  }

  .footer-in {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }

  .footer-w-play {
    display: none;
  }

  .footer-who {
    margin-top: 10px;
    padding-bottom: 0;
  }

  .footer-l {
    padding-bottom: 0;
  }

  .footer-l-i:nth-child(4) .line-break {
    display: inline;
    white-space: nowrap;
  }

  .footer-l-i:nth-child(4) br {
    display: block;
  }
}
/* /footer */




/* nav */
.nav {
  position: fixed;
  top: 0;
  right: 0;
  transition: transform .45s;
  background: #004875;
  z-index: 65;
  height: 100vh;
  transform: translateX(100%);
}

.nav_show {
  transform: translateX(0%);
}

.nav-w-in {
  height: 100vh;
  overflow: auto;
}

.nav-in {
  width: 100%;
  position: relative;
  display: flex;
  padding: 170px 225px 150px 145px;
}

.nav-close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50px;
  right: 10%;
  transform: rotate(45deg);
  cursor: pointer;
  z-index: 4;
}

.nav-close::before {
  content: '';
  position: absolute;
  top: 17px;
  left: 0;
  width: 36px;
  height: 2px;
  background: #fff;
}

.nav-close::after {
  content: '';
  position: absolute;
  top: 0;
  left: 17px;
  width: 2px;
  height: 36px;
  background: #fff;
}

.nav-l {
  padding-right: 165px;
}

.nav-l ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-l li {
  font-weight: bold;
  font-size: 35px;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 19px;
}

.nav-l li:last-of-type {
  margin-bottom: 0;
}

.nav-l a {
  color: #fff;
  text-decoration: none;
}

.nav-phone {
  font-weight: bold;
  font-size: 25px;
  line-height: 1;
  color: #fff;
  margin-bottom: 55px;
  margin-top: 7px;
}

.nav-phone a {
  color: #fff;
  text-decoration: none;
}

.nav-address {
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  margin-bottom: 70px;
}

.nav-address > div {
  margin-top: 15px;
}

.nav-socialF {
  display: flex;
}

.nav-social-i {
  width: 35px;
  height: 35px;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 45px;
  display: block;
}

.nav-social-i:last-of-type {
  margin-right: 0;
}

.nav-social-vk { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-vk-2.svg"); }
.nav-social-fb { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-fb-2.svg"); }
.nav-social-in { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-in-2.svg"); }
.nav-social-yt { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-yt-2.svg"); }
.nav-social-ok { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-ok-2.svg"); }


.nav-w-play {
  display: flex;
  margin-top: 80px;
}

.nav-play {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.nav-play-i {
  width: 38px;
  height: 38px;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-play-2.svg") center no-repeat;
  margin-right: 12px;
}

.nav-play-label {
  font-size: 14px;
  line-height: 1;
  color: #fff;
  transition: all .25s;
}

.nav-l a,
.nav-phone a,
.nav-socialF a,
.nav-play {
  opacity: 1;
  transition: all .25s;
}

.nav-l a:hover,
.nav-phone a:hover,
.nav-socialF a:hover,
.nav-play:hover {
  opacity: .5;
}

@media (max-width: 1899px) {
  .nav-in {
    padding-top: calc(13rem + (170 - 120) * (100vw - 1600px) / (1900 - 1600));
    padding-left: calc(11.5rem + (145 - 115) * (100vw - 1600px) / (1900 - 1600));
    padding-right: calc(14.5rem + (225 - 145) * (100vw - 1600px) / (1900 - 1600));
  }

  .nav-l {
    padding-right: calc(8.5rem + (165 - 85) * (100vw - 1600px) / (1900 - 1600));
  }
}

@media (max-width: 1599px) {
  .nav-in {
    padding-top: calc(10.5rem + (120 - 105) * (100vw - 1280px) / (1600 - 1280));
    padding-left: calc(9rem + (115 - 90) * (100vw - 1280px) / (1600 - 1280));
    padding-right: calc(10rem + (145 - 100) * (100vw - 1280px) / (1600 - 1280));
  }

  .nav-l {
    padding-right: calc(5rem + (85 - 50) * (100vw - 1280px) / (1600 - 1280));
  }

  .nav-l li {
    font-size: calc(3rem + (35 - 30) * (100vw - 1280px) / (1600 - 1280));
  }

  .nav-phone {
    font-size: calc(2rem + (25 - 20) * (100vw - 1280px) / (1600 - 1280));
  }
}

@media (max-width: 1279px) {
  .nav-in {
    padding-top: calc(9rem + (105 - 90) * (100vw - 1000px) / (1280 - 1000));
    padding-left: calc(8rem + (90 - 80) * (100vw - 1000px) / (1280 - 1000));
    padding-right: calc(5rem + (100 - 50) * (100vw - 1000px) / (1280 - 1000));
  }

  .nav-l {
    padding-right: 50px;
  }

  .nav-l li {
    font-size: calc(2.5rem + (30 - 25) * (100vw - 1000px) / (1280 - 1000));
  }

  .nav-phone {
    font-size: calc(1.8rem + (20 - 18) * (100vw - 1000px) / (1280 - 1000));
  }

  .nav-address {
    font-size: calc(1.2rem + (14 - 12) * (100vw - 1000px) / (1280 - 1000));
    line-height: calc(1.5rem + (17 - 15) * (100vw - 1000px) / (1280 - 1000));
  }

  .nav-social-i {
    width: 25px;
    height: 25px;
    background-size: contain;
  }

  .nav-w-play {
    margin-top: 60px;
  }
}

@media (max-width: 999px) {
  .nav {
    width: 100%;
    max-width: 545px;
  }

  .nav-in {
    padding-top: 90px;
    padding-left: 80px;
    padding-right: 50px;
    display: block;
  }

  .nav-phone {
    font-size: 18px;
    margin-bottom: 35px;
    margin-top: 55px;
  }

  .nav-address {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 50px;
  }

  .nav-l li {
    font-size: 25px;
  }

  .nav-w-play {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .nav-l li {
    font-size: calc(2rem + (25 - 20) * (100vw - 320px) / (767 - 320));
  }

  .nav {
    max-width: 480px;
  }
}

@media (max-width: 479px) {
  .nav-l li {
    font-size: 20px;
  }

  .nav-in {
    padding-left: calc(3rem + (80 - 30) * (100vw - 320px) / (480 - 320));
    padding-right: 30px;
  }
}
/* /nav */




/* small height correction */
@media (max-width: 1920px) and (min-width: 1281px) and (max-height: 899px) {
  .sec-c {
    padding-bottom: 25px;
  }

  .c-title {
    font-size: 11vh;
    line-height: .9;
  }

  .c-subtitle {
    margin-bottom: 35px;
  }

  .sec-w-nav {
    padding-bottom: 25px;
  }

  .nav-in {
    padding-top: 100px;
  }

  .nav-l li {
    font-size: 3.8vh;
  }
}
/* /small height correction  */




/* breadcrumbs */
.breadcrumbs {
  padding-top: 12px;
}

.breadcrumbs-in {
  display: flex;
  font-size: 20px;
  line-height: 24px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.breadcrumbs-i,
.breadcrumbs-i-sep {
  color: #6F7F8A;
  text-decoration: none;
  margin-top: 10px;
  display: block; /* /??? */
}

.breadcrumbs-i-sep {
  padding: 0 13px;
}

a.breadcrumbs-i:hover {
  text-decoration: underline;
}

@media (max-width: 479px) {
  .breadcrumbs-in {
    font-size: 14px;
    line-height: 17px;
  }
}
/* /breadcrumbs */




/* bSlider */
.bSlider {
  position: relative;
}

.bSlider-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 2;
  width: 100%;
}

.bSlider-nav-count {
  font-weight: 900;
  font-size: 70px;
  line-height: 1;
  color: rgba(255, 255, 255, .5);
  margin: 0 12px;
}

.bSlider-arrow-prev {
  width: 100px;
  height: 20px;
  background: url(http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-arrow.svg) left center no-repeat;
  background-size: 101px 9px;
  position: relative;
  transition: all .25s;
  transform: rotate(180deg);
  cursor: pointer;
}

.bSlider-arrow-next {
  width: 100px;
  height: 20px;
  background: url(http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-arrow.svg) right center no-repeat;
  background-size: 101px 9px;
  position: relative;
  transition: all .25s;
  cursor: pointer;
}

@media (hover) {
  .bSlider-arrow-prev:hover {
    background-position: left -55px center;
  }

  .bSlider-arrow-next:hover {
    background-position: right 55px center;
  }
}

@media (max-width: 767px) {
  .bSlider {
    padding-bottom: 40px;
  }

  .bSlider-nav-count {
    font-size: calc(5rem + (70 - 50) * (100vw - 480px) / (768 - 480));
  }
}

@media (max-width: 479px) {
  .bSlider {
    padding-bottom: 55px;
  }

  .bSlider-nav-count {
    font-size: calc(3rem + (50 - 30) * (100vw - 320px) / (480 - 320));
  }
}

@media (max-width: 424px) {
  .bSlider {
    padding-bottom: 60px;
  }
}

@media (max-width: 339px) {
  .bSlider {
    padding-bottom: 80px;
  }
}
/* /bSlider */




/**/
.c-brown {
  color: #7C7168;
}
/* / */




/* content */
.content {
  font-size: 20px;
  line-height: 1.4;
  color: #26303F;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 50px;
}

.content-p {
  margin: 60px 0;
}

.content-p p {
  margin: 40px 0;
}

.content img {
  display: block;
}

.content-img {
  margin: 100px 0;
}

.content b,
.content strong {
  font-weight: bold;
  color: #004875;
}

.content a {
  color: #004875;
}

.content-end {
  margin-top: 150px;
  width: 100%;
  height: 1px;
}


.content-man {
  margin: 35px 0 90px;
}

.content-man-pic {
  width: 270px;
  height: 270px;
  background: #C4C4C4;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 35px;
}

.content-man-pic img {
  border-radius: 50%;
  object-fit: cover;
}

.content-man-label {
  font-size: 20px;
  text-align: center;
  color: #6F7F8A;
}


.circles1 {
  display: flex;
  margin: 100px 0;
  flex-wrap: wrap;
}

.circle1 {
  width: 25%;
  margin-top: 55px;
}

.circle1-pic {
  margin-bottom: 45px;
  padding: 0 17px;
  border-radius: 50%;
}

.circle1-pic img {
  display: block;
  object-fit: contain;
  border-radius: 50%;
}

.circle1-label {
  font-size: 20px;
  text-align: center;
  color: #6F7F8A;
  line-height: 1.4;
}


.content-w-2col {
  margin: 100px auto;
}

.content-2col1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 75px;
}

.content-2col1:last-child {
  margin-bottom: 0;
}

.content-2col1-pic {
  width: 415px;
  flex-shrink: 2;
  min-width: 315px;
}

.content-2col1-pic img {
  object-fit: cover;
}

.content-2col1-r {
  width: 435px;
  padding-left: 50px;
  flex-shrink: 1;
}

.content-2col1-h {
  font-weight: 900;
  font-size: 130px;
  line-height: 1.42;
  color: #A7D0E6;
  margin-bottom: 10px;
}

.content-2col1-desc {
  font-weight: bold;
  font-size: 20px;
  color: #004875;
}

.content-2col1-r_ltr {
  padding-right: 50px;
  order: 1;
}

.content-2col1-pic_ltr {
  order: 2;
}


.content-accent2 {
  font-weight: bold;
  font-size: 50px;
  text-align: center;
  color: #004875;
  margin: 70px 0;
}

@media (max-width: 1899px) {
  .content-img {
    margin-top: calc(3rem + (100 - 30) * (100vw - 320px) / (1900 - 320));
    margin-bottom: calc(3rem + (100 - 30) * (100vw - 320px) / (1900 - 320));
  }

  .content-p {
    margin-top: calc(3rem + (60 - 30) * (100vw - 320px) / (1900 - 320));
    margin-bottom: calc(3rem + (60 - 30) * (100vw - 320px) / (1900 - 320));
  }

  .content-p p {
    margin-top: calc(3rem + (40 - 30) * (100vw - 320px) / (1900 - 320));
    margin-bottom: calc(3rem + (40 - 30) * (100vw - 320px) / (1900 - 320));
  }

  .content-man {
    margin-bottom: calc(4rem + (90 - 40) * (100vw - 320px) / (1900 - 320));
  }

  .circles1,
  .content-w-2col {
    margin-top: calc(4.5rem + (70 - 45) * (100vw - 320px) / (1900 - 320));
    margin-bottom: calc(4.5rem + (70 - 45) * (100vw - 320px) / (1900 - 320));
  }

  .content-accent2 {
    margin-top: calc(4.5rem + (100 - 45) * (100vw - 320px) / (1900 - 320));
    margin-bottom: calc(4.5rem + (100 - 45) * (100vw - 320px) / (1900 - 320));
  }

  .content-end {
    margin-top: calc(4.5rem + (150 - 45) * (100vw - 320px) / (1900 - 320));
  }
}

@media (max-width: 1599px) {
  .circle1-pic {
    margin-bottom: calc(2rem + (45 - 20) * (100vw - 320px) / (1600 - 320));
  }

  .content-man-pic {
    margin-bottom: calc(2.5rem + (35 - 25) * (100vw - 320px) / (1600 - 320));
  }

  .content-2col1 {
    margin-bottom: calc(4.5rem + (75 - 45) * (100vw - 320px) / (1600 - 320));
  }
}

@media (max-width: 1239px) {
  .circle1-label {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 1000px) / (1240 - 1000));
  }

  .content-accent2 {
    font-size: calc(3rem + (50 - 30) * (100vw - 1000px) / (1240 - 1000));
  }
}

@media (max-width: 999px) {
  .circle1-label {
    font-size: 14px;
  }

  .content-2col1-h {
    font-size: 90px;
  }

  .content-2col1-pic {
    width: 315px;
  }

  .content-accent2 {
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .circle1:nth-child(1),
  .circle1:nth-child(2),
  .circle1:nth-child(3),
  .circle1:nth-child(4) { margin-top: 0; }
}

@media (max-width: 767px) {
  .content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .circles1 {
    width: 100%;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
  }

  .circle1 {
    width: 50%;
    max-width: 285px;
  }

  .circle1-pic {
    padding: 0 7px;
  }

  .circle1:nth-child(1),
  .circle1:nth-child(2) { margin-top: 0; }

  .content-2col1 {
    display: block;
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  .content-2col1-pic {
    width: 100%;
    min-width: 100%;
    max-width: 440px;
  }

  .content-2col1-r {
    padding: 0;
    width: 100%;
  }

  .content-2col1-r_ltr {
    padding: 0;
  }

  .content-accent2 {
    font-size: calc(2rem + (30 - 20) * (100vw - 480px) / (768 - 480));
  }
}

@media (max-width: 479px) {
  .content,
  .content-man-label,
  .content-accent2 {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }

  .content-accent,
  .content-2col1-desc {
    font-size: calc(1.8rem + (20 - 18) * (100vw - 320px) / (480 - 320));
  }

  .content-man-pic {
    width: calc(20rem + (270 - 200) * (100vw - 320px) / (480 - 320));
    height: calc(20rem + (270 - 200) * (100vw - 320px) / (480 - 320));
  }
}
/* /content */




/* bProdNav */
.bProdNav {
  display: flex;
  justify-content: center;
  padding: 0 100px;
  flex-wrap: wrap;
  margin-top: -40px;
}

.bProdNav-i {
  text-transform: uppercase;
  padding: 40px 23px 0;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #729FD2;
  opacity: 0.5;
  transition: all .25s;
  text-decoration: none;
}

.bProdNav-i:hover,
.bProdNav-i_active {
  opacity: 1;
}

@media (max-width: 1279px) {
 .bProdNav {
   padding: 0 50px;
 }
}

@media (max-width: 767px) {
  .bProdNav {
    padding: 0 0;
    justify-content: flex-start;
  }

  .bProdNav-i {
    width: 50%;
    text-align: center;
  }
}

@media (max-width: 479px) {
  .bProdNav {
    margin-top: calc((2.5rem + (40 - 25) * (100vw - 320px) / (480 - 320)) * -1);
  }
  .bProdNav-i {
    font-size: calc(1.8rem + (20 - 18) * (100vw - 320px) / (480 - 320));
    padding-top: calc(2.5rem + (40 - 25) * (100vw - 320px) / (480 - 320));

  }
}
/* /bProdNav */




/* bProd */
.bProd {
  display: flex;
  flex-wrap: wrap;
  padding: 0 100px 70px;
}

.bProd-i {
  width: 33.33%;
  margin-top: 100px;
}

.bProd-w-pic {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 50px;
}

.bProd-pic img {
  display: block;
}

.bProd-c {
  text-align: center;
  padding: 0 10px;
}

.bProd-h {
  font-weight: bold;
  font-size: 40px;
  line-height: 1.4;
  color: #004875;
  margin-bottom: 15px;
}

.bProd-vol {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #26303F;
  margin-bottom: 25px;
}

.bProd-desc {
  font-size: 20px;
  line-height: 1.4;
  color: #26303F;
  margin: 0 auto 27px;
  max-width: 420px;
}

.bProd-desc sup {
  font-size: 15px;
}

.bProd-note {
  font-size: 12px;
}

@media (max-width: 1279px) {
  .bProd {
    padding-left: 50px;
    padding-right: 50px;
  }

  .bProd-h {
    font-size: calc(3rem + (40 - 30) * (100vw - 320px) / (1280 - 320));
  }
}

@media (max-width: 999px) {
  .bProd-i {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .bProd {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bProd-i {
    width: 100%;
    margin-top: calc(6rem + (100 - 60) * (100vw - 320px) / (768 - 320));
  }
}

@media (max-width: 479px) {
  .bProd-desc {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }

  .bProd-desc sup {
    font-size: 13px;
  }
}
/* /bProd */




/* bContacts */
.bContacts {
  width: 100%;
  padding: 0 90px;
  max-width: 1280px;
  margin: 0 auto;
}

.bContacts-items {
  display: flex;
  flex-wrap: wrap;
}

.bContact {
  width: 50%;
  padding: 0 10px;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 70px;
}

.bContact-h {
  font-weight: bold;
  color: #004875;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.4;
}

.bContact-h-label {
  border-bottom: 1px solid;
  transition: all .25s;
  cursor: pointer;
}

.bContact-h-label:hover,
.bContact-h_active .bContact-h-label {
  border-bottom-color: transparent;
}

.bContact-desc {
  color: #26303F;
}

.bContact-social {
  display: flex;
  align-items: center;
  padding-top: 10px;
  max-width: 360px;
  width: 100%;
  justify-content: space-between;
}

.bContact-social-i {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
}

.bContact-social-vk { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-vk.svg"); }
.bContact-social-fb { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-fb.svg"); }
.bContact-social-in { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-in.svg"); }
.bContact-social-yt { background-image: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-social-yt.svg"); }

.bContacts-btn {
  display: flex;
  justify-content: center;
  margin-top: -10px;
  margin-bottom: 60px;
}

@media (max-width: 999px) {
  .bContacts {
    padding: 0 50px;
  }

  .bContacts-items {
    display: block;
  }

  .bContact {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
  }

  .bContacts-btn {
    margin-top: 0;
    padding-top: 20px;
  }
}

@media (max-width: 479px) {
  .bContacts {
    padding: 0 20px;
  }

  .bContact {
    margin-bottom: 30px;
  }

  .bContact-h {
    font-size: calc(1.6rem + (20 - 16) * (100vw - 320px) / (480 - 320));
  }

  .bContact-desc {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }
}
/* /bContacts */




/* logoMA */
.logoMA {
  display: flex;
  justify-content: center;
  padding: 0 20px 70px;
}

.logoMA-pic {
  display: flex;
  justify-content: center;
}

.logoMA-label {
  font-weight: bold;
  color: #004875;
  font-size: 20px;
  line-height: 1.4;
  margin-top: 30px;
}

@media (max-width: 1279px) {
  .logoMA {
    padding-bottom: calc(3rem + (70 - 30) * (100vw - 320px) / (1280 - 320));
  }

  .logoMA-label {
    margin-top: calc(1.5rem + (30 - 15) * (100vw - 320px) / (1280 - 320));
  }
}
/* /logoMA */




/* map */
.map,
.map2 {
  height: 950px;
}

@media (max-width: 1599px) {
  .map,
  .map2 {
    height: calc(75rem + (950 - 750) * (100vw - 1280px) / (1600 - 1280));
  }
}

@media (max-width: 1279px) {
  .map,
  .map2 {
    height: calc(50rem + (750 - 500) * (100vw - 1000px) / (1280 - 1000));
  }
}

@media (max-width: 999px) {
  .map,
  .map2 {
    height: 500px;
  }
}
/* /map */




/* form */
.input-text {
  width: 100%;
  height: 50px;
  background: #F0F3F4;
  border: 1px solid #F0F3F4;
  transition: all .25s;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #26303F;
  padding: 0 20px;
}

.textarea {
  width: 100%;
  height: 190px;
  background: #F0F3F4;
  border: 1px solid #F0F3F4;
  transition: all .25s;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #26303F;
  padding: 15px 20px;
}


.eula {
  font-size: 14px;
  line-height: 1.4;
  color: #26303F;
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

.eula a {
  color: #26303F;
}

.eula a:hover {
  text-decoration: none;
}

.input-error {
  border-color: #004875;
}
/* /form */




/* bForm */
.bForm {
  background: #A7D0E6;
  padding: 50px 50px 290px;
  position: relative;
  transition: all .25s;
  width: 100%;
  margin-top: 50px;
  z-index: 34;
}

.pReviews .bForm {
  background: #A7D0E6 url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/bg-pReviews-bForm.jpg") center no-repeat;
  background-size: cover;
}

.bForm_hide {
  display: none;
}

.bForm_show {
  display: block;
}

.bForm-close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.bForm-close > svg {
  stroke: #fff;
  transition: all .25s;
}

.bForm-close:hover > svg {
  stroke: #004875;
}

.bForm-c {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 50px 35px;
}

.bForm-h {
  font-family: 'Roboto Condensed', serif;
  font-size: 150px;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  margin-bottom: 25px;

}

.bForm-subh {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 65px;
}

.bForm-field {
  width: 100%;
  padding: 0 10px 20px;
}

.bForm-field_half {
  width: 50%;
  padding: 0 10px 20px;
}

.bForm-btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}

.bForm-eula {
  padding: 10px 0;
}

.bForm-file {
  width: 100%;
  background: #F0F3F4;
  border: 1px solid #F0F3F4;
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 16px 20px 13px;
}

.bForm-file input {
  display: none;
}

.bForm-file-label {
  font-size: 16px;
  line-height: 1.2;
  text-decoration-line: underline;
  color: #26303F;
}

.bForm-file:hover .bForm-file-label {
  text-decoration: none;
}

.bForm-filename {
  display: none;
  font-size: 14px;
  line-height: 1.2;
  color: #26303F;
  padding: 10px 0 0;
}

.bForm-file-error {
  color: #004875;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
  display: none;
  margin-top: 5px;
}

@media (max-width: 1599px) {
  .bForm {
    padding-bottom: calc(23rem + (290 - 185) * (100vw - 768px) / (1600 - 768));
  }
}

@media (max-width: 1279px) {
  .bForm-subh {
    margin-bottom: 50px;
  }
}

@media (max-width: 999px) {
  .bForm-field_half {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .bForm{
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 185px;
  }

  .bForm-c {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 479px) {
  .bForm-subh {
    font-size: 18px;
  }
}
/* /bForm */




/* 404 */
.p404-out {
  background: #fff;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

.p404-cow {
  position: absolute;
  bottom: -220px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 65;
  padding: 0 50px;
}

.p404-cow img {
  display: block;
}

.p404-in {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}

.p404-c {
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/404-circle.png") center no-repeat;
  height: 503px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -145px;
  position: relative;
  z-index: 64;
  padding: 0 20px;
}

.p404-h {
  font-weight: 900;
  font-size: 200px;
  line-height: 1.2;
  text-align: center;
  color: #A7D0E6;
}

.p404-subh {
  font-size: 20px;
  line-height: 1.4;
  color: #26303F;
  text-align: center;
}

@media (max-width: 999px) {
  .p404-cow {
    display: none;
  }
}

@media (max-height: 1079px) {
  .p404-cow {
    display: none;
  }

  .p404-c {
    margin-top: 0;
    height: 45vh;
    background-size: contain;
  }

  .p404-h {
    font-size: 18vh;
  }
}
/* /404 */

/* 404thankx */
.p404thankx-out {
  background: #fff;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  position: relative;
}

.p404thankx-cow {
  position: absolute;
  bottom: -220px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 65;
  padding: 0 50px;
}

.p404thankx-cow img {
  display: block;
}

.p404thankx-in {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}

.p404thankx-c {
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/404-circle.png") center no-repeat;
  height: 503px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -145px;
  position: relative;
  z-index: 64;
  padding: 0 20px;
}

.p404thankx-h {
  font-weight: 900;
  font-size: 100px;
  line-height: 1.2;
  text-align: center;
  color: #A7D0E6;
}

.p404thankx-subh {
  font-size: 20px;
  line-height: 1.4;
  color: #26303F;
  text-align: center;
}

@media (max-width: 999px) {
  .p404thankx-cow {
    display: none;
  }
}

@media (max-height: 1079px) {
  .p404thankx-cow {
    display: none;
  }

  .p404thankx-c {
    margin-top: 0;
    height: 22vh;
    background-size: contain;
  }

  .p404thankx-h {
    font-size: 9vh;
  }
}
/* /404thankx */


/* bReviews */
.bReviews {
  padding: 0 90px;
}

.bReviews_pb {
  padding-bottom: 290px;
}

.bReviews-slider {
  padding-bottom: 20px;
}

.bReviews-slider .slick-list {
  transition: all .25s ease;
}

.bReviews-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 70px 0;
}

.bReviews-arrow-prev {
  width: 100px;
  height: 20px;
  background: url(http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-arrow2.svg) left center no-repeat;
  background-size: 101px 9px;
  position: relative;
  transition: all .25s;
  transform: rotate(180deg);
  cursor: pointer;
}

.bReviews-arrow-next {
  width: 100px;
  height: 20px;
  background: url(http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-arrow2.svg) right center no-repeat;
  background-size: 101px 9px;
  position: relative;
  transition: all .25s;
  cursor: pointer;
}

.bReviews-n {
  font-weight: 900;
  font-size: 70px;
  line-height: 1;
  color: #A7D0E6;
  margin: 0 12px;
}

.bReviews-w-slide {
  padding: 0 10px;
}

.bReviews-h {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #004875;
  margin-bottom: 20px;
}

.bReviews-desc {
  font-size: 20px;
  line-height: 1.4;
  color: #26303F;
  margin-bottom: 69px;
}

.bReviews-who {
  display: flex;
  align-items: center;
}

.bReviews-face {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 45px;
  background: #C4C4C4;
  flex-shrink: 0;
}

.bReviews-face img {
  display: block;
  border-radius: 50%;
}

.bReviews-name {
  font-size: 16px;
  line-height: 1.4;
  color: #6F7F8A;
}

.bReviews-btn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

@media (hover) {
  .bReviews-arrow-prev:hover {
    background-position: left -55px center;
  }

  .bReviews-arrow-next:hover {
    background-position: right 55px center;
  }
}

@media (max-width: 1599px) {
  .bReviews_pb {
    padding-bottom: calc(23rem + (290 - 185) * (100vw - 768px) / (1600 - 768));
  }

  .bReviews-face {
    margin-right: calc(2rem + (45 - 20) * (100vw - 1280px) / (1600 - 1280));
  }

  .bReviews-desc {
    margin-bottom: 50px;
  }
}

@media (max-width: 1279px) {
  .bReviews {
    padding-left: 40px;
    padding-right: 40px;
  }

  .bReviews-face {
    margin-right: 20px;
  }

  .bReviews-nav {
    margin-top: calc(3rem + (70 - 30) * (100vw - 320px) / (1280 - 320));
    margin-bottom: calc(3rem + (70 - 30) * (100vw - 320px) / (1280 - 320));
  }
}

@media (max-width: 999px) {
  .bReviews-desc {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .bReviews {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bReviews_pb {
    padding-bottom: 185px;
  }

  .bReviews-n {
    font-size: calc(5rem + (70 - 50) * (100vw - 480px) / (768 - 480));
  }
}

@media (max-width: 479px) {
  .bReviews-name {
    font-size: 14px;
  }

  .bReviews-h {
    font-size: calc(1.8rem + (20 - 18) * (100vw - 320px) / (480 - 320));
  }

  .bReviews-desc {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }

  .bReviews-n {
    font-size: calc(3rem + (50 - 30) * (100vw - 320px) / (480 - 320));
  }
}
/* /bReviews */




/* bCity */
.bCity {
  width: 100%;
  padding: 0 90px;
  max-width: 1280px;
  margin: 0 auto;
}

.bCity-items {
  display: flex;
  flex-wrap: wrap;
}

.bCity-i {
  width: 50%;
  padding: 0 10px;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 70px;
}

.bCity-i-h {
  font-weight: bold;
  color: #7C7168;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.4;
}

.bCity-i-h-label {
  border-bottom: 1px solid;
  transition: all .25s;
  cursor: pointer;
}

.bCity-i-h-label:hover,
.bCity-i-h_active .bCity-i-h-label {
  border-bottom-color: transparent;
}

.bCity-i-desc {
  color: #26303F;
}

@media (max-width: 999px) {
  .bCity {
    padding: 0 50px;
  }

  .bCity-items {
    display: block;
  }

  .bCity-i {
    width: 100%;
    padding: 0;
    margin-bottom: 50px;
  }
}

@media (max-width: 479px) {
  .bCity {
    padding: 0 20px;
  }

  .bCity-i {
    margin-bottom: 30px;
  }

  .bCity-i-h {
    font-size: calc(1.6rem + (20 - 16) * (100vw - 320px) / (480 - 320));
  }

  .bCity-i-desc {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }
}
/* /bCity */




/* bLogos */
.bLogos {
  padding: 0 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 70px;
}

.bLogos-i {
  margin: 20px 30px;
}

.bLogos-i img {
  display: block;
}

@media (max-width: 999px) {
  .bLogos {
    padding: 0 50px;
    margin-bottom: 50px;
  }
}

@media (max-width: 479px) {
  .bLogos {
    padding: 0 20px;
     margin-bottom: 30px;
  }
}
/* /bLogos */




/* myBalloon */
.myBalloon {
  width: 280px;
  background: #fff;
  box-sizing: border-box;
}

.myBalloon-logo {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 15px;
}

.myBalloon-logo img {
  display: block;
  max-height: 100%;
}

.myBalloon-c {
  background: #004875;
  padding: 20px 30px 35px;
}

.myBalloon-h {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 12px;
}

.myBalloon-address {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
}
/* /myBalloon */


/* upBtn */
.upBtn {
  background: url(http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/top.svg) top center no-repeat;
  background-size: contain;
  width: 68px;
  height: 150px;
  position: fixed;
  bottom: 135px;
  right: 100px;
  opacity: 0;
  z-index: -1;
  transition: all .25s;
  cursor: pointer;
}

.upBtn:hover {
  opacity: 1;
}

.upBtn_show {
  opacity: .8;
  z-index: 987;
}

@media (max-width: 1279px) {
  .upBtn {
    bottom: 7vw;
    right: 5vw;
  }
}

@media (max-width: 999px) {
  .upBtn {
    width: 46px;
    height: 100px;
  }
}
/* /upBtn */

/* v2.1 */
.content-video {
  display: block;
  margin: 100px 0;
  position: relative;
  cursor: pointer;
}

.content-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  background: url("http://kzorka.ddbq.ru/wp-content/themes/zorka2022/img/icons/i-play-2.svg") center no-repeat;
  background-size: contain;
  opacity: 1;
  transition: all .25s;
}

.content-video:hover .content-video-play {
  opacity: .5;
}

.circles1 {
  justify-content: center;
}

@media (max-width: 1899px) {
  .content-video {
    margin-top: calc(3rem + (100 - 30) * (100vw - 320px) / (1900 - 320));
    margin-bottom: calc(3rem + (100 - 30) * (100vw - 320px) / (1900 - 320));
  }
}

@media (max-width: 767px) {
  .content-video-play {
    width: calc(10rem + (180 - 100) * (100vw - 320px) / (768 - 320));
    height: calc(10rem + (180 - 100) * (100vw - 320px) / (768 - 320));
  }
}




.bTabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.bTab {
  margin: 0 20px 20px;
}

.bTabLabel {
  color: #729FD2;
  font-weight: bold;
  line-height: 1.4;
  font-size: 20px;
  text-transform: uppercase;
  opacity: .5;
  transition: all .25s;
  cursor: pointer;
}

.bTabLabel_active {
  opacity: 1;
  /*cursor: default;*/
}

.bTabLabel:hover {
  opacity: 1;
}

@media (max-width: 1279px) {
  .bTabs {
    margin-bottom: calc(3rem + (60 - 30) * (100vw - 320px) / (1280 - 320));
  }

  .bTabLabel {
    font-size: calc(1.6rem + (20 - 16) * (100vw - 320px) / (1280 - 320));
  }
}

.bContactMail {
  color: #26303F;
  opacity: 1;
  text-decoration: none;
}

.bContactMail:hover {
  opacity: .5;
}

.bCity {
  margin-bottom: 60px;
}

.bCityDesc {
  color: #26303F;
  line-height: 1.4;
  font-size: 20px;
  text-align: center;
}

.bLogos-i {
  cursor: pointer;
  margin: 2px 12px;
  padding: 10px 10px;
  border: 4px solid transparent;
  transition: all .25s;
}

.bLogos-i_active {
  border-color: #7C7166;
}

.bLogos-i a {
  display: block;
}

@media (max-width: 1279px) {
  .bCity {
    margin-bottom: calc(3rem + (60 - 30) * (100vw - 320px) / (1280 - 320));
  }
}

@media (max-width: 479px) {
  .bCityDesc {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }
}

.bLogos {
  margin-bottom: 0;
}

.bBuyNotes {
  margin-top: 30px;
  margin-bottom: 70px;
  text-align: center;
  padding: 0 20px;
}

.bBuyNote {
  font-size: 16px;
  color: #26303F;
  line-height: 1.4;
  display: none;
}

@media (max-width: 999px) {
  .bLogos {
    margin-bottom: 0;
  }

  .bBuyNotes {
    margin-top: 30px;
    margin-bottom: 50px;
  }
}

@media (max-width: 479px) {
  .bLogos {
    margin-bottom: 0;
  }

  .bBuyNote {
    font-size: 14px;
  }

  .bBuyNotes {
    margin-top: 20px;
    margin-bottom: 30px;
  }
}
/* /v2.1 */



/* v2.1.1 */
.ipH2 {
  color: #004875;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 80px;
  padding: 0 20px;
}

.h-120_mH2 {
  margin-bottom: 37px;
}

@media (max-width: 1279px) {
  .ipH2 {
    margin-bottom: calc(4rem + (80 - 40) * (100vw - 320px) / (1280 - 320));
  }

  .h-120_mH2 {
    margin-bottom: calc(2rem + (37 - 20) * (100vw - 320px) / (1280 - 320));
  }
}

@media (max-width: 479px) {
  .ipH2 {
    font-size: calc(1.4rem + (20 - 14) * (100vw - 320px) / (480 - 320));
  }
}
/* /v2.1.1 */