/**/
/* fonts */
/**/
@font-face {
  font-family: "termina";
  src: url("../fonts/termina.woff2") format("woff2"),
  url("../fonts/termina.woff") format("woff");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
  url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'),
  url('../fonts/open-sans-v18-latin-regular.woff') format('woff');
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
  url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'),
  url('../fonts/open-sans-v18-latin-700.woff') format('woff');
}

/**/
/* reset */
/**/
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  background: none;
  box-shadow: none;
  box-sizing: border-box;
  font: inherit;
  color: inherit;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}


/**/
/* defaults */
/**/
html, body {
  background-color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.375;
  font-weight: 400;
  color: #030303;
  -webkit-font-smoothing: antialiased;
}
label, img, svg {
  display: block;
}
button {
  vertical-align: top;
  cursor: pointer;
}
a {
  text-decoration: none;
}


/**/
/* grid */
/**/
.grid-cont {
  max-width: 1146px;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: content-box;
}
.grid-cont--lg {
  max-width: 1240px;
}
.grid-cont--xl {
  max-width: none !important;
}
.grid-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.grid-row--aic {
  align-items: center;
}
.grid-row--aib {
  align-items: flex-end;
}
.grid-row--jcc {
  justify-content: center;
}
.grid-row--jce {
  justify-content: flex-end;
}
.grid-row--jca {
  justify-content: space-around;
}
.grid-row--jcb {
  justify-content: space-between;
}
.grid-row--nog {
  margin-right: 0;
  margin-left: 0;
}
.grid-row--nog > .grid-col {
  padding-right: 0;
  padding-left: 0;
}
.grid-row--nowrap {
  flex-wrap: nowrap;
}
.grid-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.grid-col--1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.grid-col--2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.grid-col--3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.grid-col--4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.grid-col--5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.grid-col--6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.grid-col--7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.grid-col--8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.grid-col--9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.grid-col--10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.grid-col--11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.grid-col--12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.grid-col--auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}
@media screen and (max-width: 1279.98px) {
  .grid-col--lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 1023.98px) {
  .grid-col--md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--order-md-last {
    order: 999;
  }
  .grid-col--order-md-first {
    order: -999;
  }
}
@media screen and (max-width: 767.98px) {
  .grid-row {
    margin-right: -10px;
    margin-left: -10px;
  }
  .grid-col {
    padding-right: 10px;
    padding-left: 10px;
  }
  .grid-col--sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--order-sm-last {
    order: 999;
  }
  .grid-col--order-sm-first {
    order: -999;
  }
}
@media screen and (max-width: 599.98px) {
  .grid-cont {
    padding-right: 20px;
    padding-left: 20px;
  }
  .grid-col--xs {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .grid-col--xs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .grid-col--xs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .grid-col--xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .grid-col--xs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .grid-col--xs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .grid-col--xs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .grid-col--xs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .grid-col--xs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .grid-col--xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .grid-col--xs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .grid-col--xs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .grid-col--xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid-col--order-xs-last {
    order: 999;
  }
  .grid-col--order-xs-first {
    order: -999;
  }
}


/**/
/* display */
/**/
.removed {
  display: none;
}
@media screen and (max-width: 1279.98px) {
  .removed-lg {
    display: none;
  }
  .blocked-lg {
    display: block;
  }
  .iblocked-lg {
    display: inline-block;
  }
}
@media screen and (max-width: 1023.98px) {
  .removed-md {
    display: none !important;
  }
  .blocked-md {
    display: block !important;
  }
  .iblocked-md {
    display: inline-block !important;
  }
}
@media screen and (max-width: 767.98px) {
  .removed-sm {
    display: none !important;
  }
  .blocked-sm {
    display: block !important;
  }
  .iblocked-sm {
    display: inline-block !important;
  }
}
@media screen and (max-width: 599.98px) {
  .removed-xs {
    display: none !important;
  }
  .blocked-xs {
    display: block !important;
  }
  .iblocked-xs {
    display: inline-block !important;
  }
}


/**/
/* typography */
/**/
h1, .h1 {
  font-family: termina, sans-serif;
  font-size: 92px;
  line-height: 82px;
  font-weight: 900;
  text-transform: uppercase;
}
h2, .h2 {
  font-family: termina, sans-serif;
  font-size: 72px;
  line-height: 64px;
  font-weight: 900;
  text-transform: uppercase;
}
h3, .h3 {
  font-family: termina, sans-serif;
  font-size: 60px;
  line-height: 54px;
  font-weight: 900;
  text-transform: uppercase;
}
h4, .h4 {
  font-family: termina, sans-serif;
  font-size: 48px;
  line-height: 42px;
  font-weight: 900;
  text-transform: uppercase;
}
h5, .h5 {
  font-family: termina, sans-serif;
  font-size: 30px;
  line-height: 26px;
  font-weight: 900;
  text-transform: uppercase;
}
.outlined {
  -webkit-text-stroke: 2px currentcolor;
  -webkit-text-fill-color: transparent;
}
strong, .strong {
  font-weight: 700;
}
@media screen and (max-width: 1279.98px) {
  h1, .h1 {
    font-size: 72px;
    line-height: 64px;
  }
}
@media screen and (max-width: 1023.98px) {
  h1, .h1 {
    font-size: 60px;
    line-height: 54px;
  }
  h2, .h2 {
    font-size: 60px;
    line-height: 54px;
  }
}
@media screen and (max-width: 767.98px) {
  h1, .h1 {
    font-size: 40px;
    line-height: 38px;
  }
  .outlined {
    -webkit-text-stroke: 1.5px currentcolor;
  }
}
@media screen and (max-width: 599.98px) {
  h1, .h1,
  h2, .h2,
  h3, .h3,
  h4, .h4 {
    font-size: 40px;
    line-height: 38px;
  }
}


/**/
/* page */
/**/
.site {
  overflow: hidden;
}




/**/
/* HEADER */
/**/


/**/
/* header */
/**/
.header {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  padding: 30px 0;
}
.header__inner {
  margin-right: -30px;
  padding: 10px 30px 10px 20px;
  background-color: #231F20;
}
@media screen and (max-width: 1023.98px) {
  .header {
    position: static;
    padding: 20px 0 0;
    background-color: #DCDBDA;
  }
  .header__inner {
    margin-top: 20px;
    margin-left: -30px;
  }
}
@media screen and (max-width: 767.98px) {
  .header {
    padding-top: 10px;
  }
  .header__inner {
    margin-top: 10px;
  }
}
@media screen and (max-width: 599.98px) {
  .header__inner {
    margin-right: -20px;
    margin-left: -20px;
  }
}


/**/
/* logo */
/**/
.logo {
  display: inline-block;
  vertical-align: top;
}

@media screen and (max-width: 767.98px) {
  .logo__image {
    height: 50px;
  }
}


/**/
/* slogan */
/**/
.slogan {
  position: relative;
  top: 1px;
  font-family: termina, sans-serif;
  font-size: 25px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFF;
}
@media screen and (max-width: 1279.98px) {
  .slogan {
    text-align: right;
  }
}
@media screen and (max-width: 1279.98px) {
  .slogan {
    text-align: center;
  }
}
@media screen and (max-width: 599.98px) {
  .slogan {
    font-size: 16px;
  }
}


/**/
/* main nav */
/**/
.main-nav {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FEDC07;
  list-style: none;
}
.main-nav__link {
  margin-left: 40px;
  transition-duration: 0.25s;
  transition-property: color;
}
.main-nav__link:hover {
  color: #FFF;
}
/*.main-nav__link:first-child {
  margin-left: 0;
}*/




/**/
/* CONTENT */
/**/


/**/
/* hero */
/**/
.hero {
  position: relative;
  padding: 260px 0 274px;
  background-color: #DCDBDA;
}
.hero::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../img/hero/bg.jpg) 100% 50% no-repeat;
}
.hero__bg {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../img/hero/bg2.png) 100% 50% no-repeat;
  pointer-events: none;
}
.hero__bg-2 {
  background-image: url(../img/hero/bg3.png);
}
.hero__title {
  position: relative;
  height: 318px;
  padding-left: 20px;
  border-left: 10px solid #FEDC07;
}
.hero__button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 440px;
  margin-top: 40px;
  background-color: #000;
  box-shadow: inset 0 0 0 2px #000;
  font-size: 14px;
  line-height: 56px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.hero__button:hover {
  background-color: transparent;
  color: #000;
}
@media screen and (max-width: 1279.98px) {
  .hero {
    padding: 220px 0 180px;
    background-size: auto 100%;
  }
  .hero::before,
  .hero__bg {
    background-size: auto 100%;
  }
  .hero__title {
    height: 248px;
  }
  .hero__button {
    width: auto;
    padding: 0 40px;
  }
}
@media screen and (max-width: 1179.98px) {
  .hero::before,
  .hero__bg {
    right: -100px;
  }
}
@media screen and (max-width: 1023.98px) {
  .hero {
    padding: 100px 0 140px;
  }
  .hero__title {
    height: 210px;
  }
}
@media screen and (max-width: 767.98px) {
  .hero::before,
  .hero__bg {
    right: -60px;
  }
  .hero__title {
    height: auto;
    padding-left: 12px;
    border-left-width: 8px;
  }
  .hero__button {
    margin-top: 20px;
    padding: 0 20px;
    font-size: 12px;
    line-height: 36px;
  }
}
@media screen and (max-width: 599.98px) {
  .hero {
    padding: 60px 0 420px;
    background: url(../img/hero/bg@xs@2x.png) 50% 0%/cover;
  }
  .hero::before,
  .hero__bg {
    display: none;
  }
}


/**/
/* benefits */
/**/
.benefits {
  padding: 60px 0 7vw;
  background: linear-gradient(90deg, #DAD9D9, #E9E8E7);
  background: #DCDCDB;
}
.benefits .grid-col {
  position: relative;
  z-index: 2;
}
.benefits__image {
  margin-top: -120px;
  margin-left: -67px;
}
.benefits__title {
  min-height: 50px;
  padding-left: 10px;
  border-left: 5px solid #E1251B;
  font-size: 30px;
  line-height: 26px;
}
.benefits__subtitle {
  margin-top: 10px;
  font-weight: 700;
}
.benefits__caption {
  margin-top: 5px;
  font-size: 13px;
}
@media screen and (max-width: 1023.98px) {
  .benefits__image {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .benefits {
    padding-bottom: 60px;
  }
  .benefits__image {
    width: auto;
    height: 250px;
    margin-left: -56px;
  }
}
@media screen and (max-width: 599.98px) {
  .benefits__image {
    margin-bottom: 0;
  }
  .benefits__title {
    margin-top: 40px;
    min-height: 25px;
  }
  .benefits__title br {
    display: none;
  }
}


/**/
/* no waiting */
/**/
.no-waiting {
  position: relative;
  background-color: #231F20;
  color: #F0F0F0;
}
.no-waiting::before {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 100%;
  left: 0;
  height: 303px;
  margin-bottom: -140px;
  background: url(../img/no-waiting/bg.png) 50% 100%/cover;
}
.no-waiting__figure {
  position: relative;
  height: 684px;
  margin-right: -15px;
}
.no-waiting__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100%;
  background: url(../img/no-waiting/image.jpg) 50% 50%/cover no-repeat;
}
.no-waiting__title {
  margin-top: 60px;
}
.no-waiting__content {
  margin-top: 20px;
  line-height: 1.75;
}
@media screen and (max-width: 1023.98px) {
  .no-waiting__figure {
    height: 75vw;
    margin-right: -30px;
  }
  .no-waiting__image {
    width: 100vw;
  }
  .no-waiting__content {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767.98px) {
  .no-waiting::before {
    margin-bottom: -80px;
  }
}
@media screen and (max-width: 599.98px) {
  .no-waiting__figure {
    margin-right: -20px;
  }
  .no-waiting__title {
    margin-top: 40px;
  }
  .no-waiting__content {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 1.5;
  }
}


/**/
/* save time */
/**/
.save-time {
  overflow: hidden;
  padding: 30px 0;
  background-color: #FEDC07;
  text-align: center;
}
.save-time__title {
  font-size: 16px;
  line-height: 1;
}
.save-time__icon {
  margin: 0 30px;
}
.save-time__caption {
  font-weight: 700;
}
@media screen and (max-width: 1023.98px) {
  .save-time__title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 599.98px) {
  .save-time__icon {
    margin: 0;
  }
}


/**/
/* calculator */
/**/
.calculator {
  padding: 60px 0 120px;
  text-align: center;
}
.calculator__cont {
  max-width: 950px;
}
.calculator__title {
  display: inline-flex;
  align-items: center;
  height: 53px;
  padding-left: 70px;
  background: url(../img/calculator/icon.svg) 0 50% no-repeat;
  font-size: 28px;
  line-height: 32px;
}
.calculator__label {
  max-width: 240px;
  margin: 30px auto 15px;
  line-height: 1.25;
  font-weight: 700;
}
.calculator__input {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  padding-left: 24px;
  border-radius: 0;
  border: 1px solid #979797;
  box-shadow: none;
  line-height: 46px;
  -webkit-appearance: none;
  transition-duration: 0.25s;
  transition-property: border-color;
}
.calculator__input:focus {
  border-color: #231F20;
}
.calculator__select {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  padding-left: 14px;
  border-radius: 0;
  border: 1px solid #979797;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="39" height="24" stroke="%23DD0000" stroke-width="2" fill="none"><polyline points="6 9 12 15 18 9"></polyline></svg>') 100% 50% no-repeat;
  box-shadow: none;
  line-height: 46px;
  -webkit-appearance: none;
  transition-duration: 0.25s;
  transition-property: border-color;
}
.calculator__select:focus {
  border-color: #231F20;
}
.calculator__prefix,
.calculator__postfix {
  display: inline-block;
  vertical-align: top;
  line-height: 48px;
}
.calculator__prefix {
  width: 25px;
  margin-right: -25px;
  text-align: center;
}
.calculator__range {
  display: block;
  width: 100%;
  max-width: 260px;
  height: 8px;
  margin: 25px auto 10px;
  border-radius: 4px;
  border: 1px solid #B2B2B2;
  background-color: #EFEFEF;
  -webkit-appearance: none;
}
.calculator__range::-webkit-slider-thumb {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background: #DD0000;
  cursor: pointer;
  -webkit-appearance: none;
}
.calculator__table {
  width: 100%;
  margin-top: 50px;
  border-collapse: collapse;
}
.calculator__table th {
  padding: 10px;
  font-weight: 700;
  color: #FFF;
}
.calculator__table th:nth-child(2) {
  background-color: #8C8C8C;
}
.calculator__table th:nth-child(3) {
  background-color: #E1251B;
}
.calculator__table td {
  width: 25%;
  border-bottom: 1px solid #D9D9D9;
  background-color: #F3F3F3;
}
.calculator__table td:first-child {
  width: 50%;
  padding: 12px 10px 12px 40px;
  font-weight: 700;
  text-align: left;
}
.calculator__table td:nth-child(2),
.calculator__table td:nth-child(3) {
  font-family: termina, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
.calculator__table td:nth-child(2) div,
.calculator__table td:nth-child(3) div {
  padding: 12px 10px;
/*
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
*/
}
.calculator__table td:nth-child(2) div {
  border-color: #FEDC07;
}
.calculator__table td:nth-child(3) div {
  border-color: #E1251B;
}
.calculator__item {
  display: none;
  margin-top: 35px;
  margin-bottom: -15px;
  font-weight: 600;
}
.calculator__th {
  margin-top: 10px;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  color: #FFF;
}
.calculator__th--left {
  background-color: #8C8C8C;
}
.calculator__th--right {
  background-color: #E1251B;
}
.calculator__td {
/*   margin-top: -4px; */
  padding: 10px 0;
/*   border: 4px solid #000; */
  font-family: termina, sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
}
/*
.calculator__td--left {
  border-color: #FEDC07;
}
.calculator__td--right {
  border-color: #E1251B;
}
*/
.calculator__tip {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
  margin: 3px 12px 3px -28px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%23030303" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>') 50% 50%/100% 100%;
}
.calculator__tip span {
  position: absolute;
  bottom: 100%;
  left: -16px;
  width: 240px;
  margin-bottom: 8px;
  padding: 8px 10px;
  border-radius: 4px;
  background-color: #231F20;
  font-size: 13px;
  font-weight: 400;
  pointer-events: none;
  opacity: 0;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: opacity;
}
.calculator__tip span::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 20px;
  border-top: 4px solid #231F20;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.calculator__tip:hover span {
  opacity: 1;
}
.calculator__foot {
  position: relative;
  margin-top: -1px;
  padding: 30px 25px;
  background-color: #231F20;
  text-align: left;
  color: #FFF;
}
.calculator__more {
  font-family: termina, sans-serif;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}
.calculator__price {
  margin-left: -15px;
  font-family: termina, sans-serif;
  font-size: 32px;
  line-height: 1;
  font-weight: 900;
  color: #FEDC07;
}
@media screen and (max-width: 1023.98px) {
  .calculator__title {
    display: block;
    height: auto;
    padding: 63px 0 0;
    background-position: 50% 0;
  }
}
@media screen and (max-width: 767.98px) {
  .calculator__table {
    margin-top: 40px;
  }
  .calculator__table td:first-child {
    font-size: 14px;
  }
  .calculator__foot {
    text-align: center;
  }
  .calculator__more {
    margin-bottom: 20px;
  }
  .calculator__price {
    margin: 10px 0 0;
  }
}
@media screen and (max-width: 599.98px) {
  .calculator {
    padding-bottom: 80px;
  }
  .calculator__table {
    display: none;
  }
  .calculator__item {
    display: block;
  }
  .calculator__tip {
    margin-left: 0;
    margin-right: 6px;
  }
  .calculator__foot {
    margin-top: 35px;
    padding: 20px;
  }
}


/**/
/* find store */
/**/
.find-store {
  padding: 35px 0;
  background-color: #FEDC07;
}
.find-store__cont {
  max-width: 950px;
}
.find-store__image {
  margin: -95px 30px -20px -50px;
}
.find-store__title {
  font-size: 24px;
  line-height: 28px;
}
.find-store__button {
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  padding: 0 20px;
  background-color: #000;
  box-shadow: inset 0 0 0 2px #000;
  font-size: 14px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #FFF;
  transition-duration: 0.25s;
  transition-property: background-color, color;
}
.find-store__button:hover {
  background-color: transparent;
  color: #000;
}
@media screen and (max-width: 599.98px) {
  .find-store__image {
    width: auto;
    height: 200px;
    margin: 0 0 0 -50px;
  }
  .find-store__title {
    font-size: 18px;
    line-height: 1.125;
  }
  .find-store__button {
    padding: 0 20px;
    font-size: 12px;
    line-height: 36px;
  }
}


/**/
/* guides */
/**/
.guides {
  padding: 70px 0;
  background: url(../img/guides/bg.jpg) 50% 0%/cover;
}
.guides__title {
  height: 120px;
  padding-left: 10px;
  border-left: 10px solid #FEDC07;
}
.guides__item {
  display: block;
  margin-top: 60px;
}
.guides__image {
  margin-bottom: 20px;
}
.guides__heading {
  font-size: 18px;
  line-height: 1.125;
}
@media screen and (max-width: 1023.98px) {
  .guides__title {
    height: 102px;
  }
}
@media screen and (max-width: 599.98px) {
  .guides__title {
    height: auto;
    padding-left: 12px;
    border-left-width: 8px;
  }
  .guides__item {
    margin-top: 40px;
  }
}


/**/
/* mobile app */
/**/
.mobile-app {
  overflow: hidden;
  background: #FEDC07 url(../img/mobile-app/bg.jpg) 50% 50%/cover;
}
.mobile-app__cont {
  max-width: 1000px;
}
.mobile-app__image {
  margin-top: 20px;
}
.mobile-app__title {
  color: #231F20;
}
.mobile-app__overline {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1;
  color: #FFF;
}
.mobile-app__button {
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
}
@media screen and (max-width: 1023.98px) {
  .mobile-app__button {
    margin: 20px -20px 0 0;
  }
}
@media screen and (max-width: 767.98px) {
  .mobile-app__title {
    font-size: 40px;
    line-height: 1;
  }
  .mobile-app__button {
    margin-right: 0;
  }
}
@media screen and (max-width: 599.98px) {
  .mobile-app {
    padding-top: 40px;
    text-align: center;
  }
  .mobile-app .grid-row {
    justify-content: center;
  }
  .mobile-app__image {
    margin-top: 40px;
  }
  .mobile-app__title {
    font-size: 36px;
  }
  .mobile-app__button img {
    width: auto;
    height: 40px;
  }
}




/**/
/* FOOTER */
/**/


/**/
/* footer */
/**/
.footer {
  padding: 40px 0 25px;
  background-color: #000;
  text-align: center;
  color: #8C8C8C;
}
@media screen and (max-width: 767.98px) {
  .footer .logo__image {
    height: 100px;
  }
}


/**/
/* social nav */
/**/
.social-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.social-nav__link {
  display: block;
  margin: 0 10px;
}
.social-nav__link svg {
  width: auto;
  height: 20px;
}
.social-nav__link:hover {
  color: #FFF;
}


/**/
/* copyrights */
/**/
.copyrights {
  margin-top: 25px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.copyrights a {
  text-decoration: underline;
}
.copyrights a:hover {
  text-decoration: none;
}



/**/
/* ANIMATIONS */
/**/


/**/
/* wow */
/**/
[data-anim-name="fadeInUp"] {
  opacity: 0;
  transform: translateY(60px);
}
[data-anim-name="fadeInLeft"] {
  opacity: 0;
  transform: translateX(60px);
}
[data-anim-name="fadeInRight"] {
  opacity: 0;
  transform: translateX(-60px);
}
.animated [data-anim-name="fadeInUp"],
.animated [data-anim-name="fadeInLeft"],
.animated [data-anim-name="fadeInRight"] {
  opacity: 1;
  transform: none;
  transition-duration: 1s;
  transition-property: opacity, transform;
}
.animated [data-anim-delay="0.125s"] {
  transition-delay: 0.125s;
}
.animated [data-anim-delay="0.25s"] {
  transition-delay: 0.25s;
}
.animated [data-anim-delay="0.375s"] {
  transition-delay: 0.375s;
}
.animated [data-anim-delay="0.5s"] {
  transition-delay: 0.5s;
}
.animated [data-anim-delay="0.625s"] {
  transition-delay: 0.625s;
}
.animated [data-anim-delay="0.75s"] {
  transition-delay: 0.75s;
}
.animated [data-anim-delay="0.875s"] {
  transition-delay: 0.875s;
}
.animated [data-anim-delay="1s"] {
  transition-delay: 1s;
}