/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');*/
@import url('../css2');



body {
  /*colors*/
  --color-white: #FFF;
  --color-black: #000;
  --color-red: #ff3300;
  --color-deepred: #990000;
  --color-green: #33cc00;
  --color-green2: #006262;
  --color-grey: #999999;
  --color-blue: #0033cc;
  --color-blue2: #545454;
  --color-lightgrey: #f9f9f9;
  --color-orange: #EB4C42;
  --color-purple: #333399;
  /*sizes*/
  --size-h1: 40px;
  --size-h2: 30px;
  --size-h3: 20px;
  --size-regular: 16px;
  --size-small: 12px;
  /*margins*/
  --m-15: 15px;
  --m-30: 30px;
   overflow-x: hidden;

}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1170px;
  width: 100%;
}

html {
  scroll-behavior: smooth;
}
body {
  /*font-family: 'Montserrat', sans-serif;*/
  font-family: 'Jost', sans-serif;
  font-size: var(--size-regular);
  line-height: 1.3;
  overflow-x: hidden;
}
a {
  transition: .2s;
}

/* common */

h2, .h2, h3, .h3 {
  margin-bottom: var(--m-30);
}
h2, .h2 {
  font-size: 30px;
}
h3, .h3 {
  font-size: 20px;
}
section {
  padding: 30px 0;
}

ul.no-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* buttons */

.btn {
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 5px;
  border-radius: 16px;
  border: 2px solid #006262;
  display: table;
  width: 180px;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.btn-xl {
  width: auto;
  font-size: 18px;
  padding: 12px 30px;
}
.btn-solid {
  border-radius: 6px;
  border: none;
}
.btn-green {
  color: #006262;
}
.btn-orange {
  color: #FFF;
  background: #EB4C42;
  background: linear-gradient(to bottom, #ff6b5b 0%, #EB4C42 100%);
  border: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.btn-orange:hover {
  color: #FFF;
  background: #006262;
  background: linear-gradient(to bottom, #008080 0%, #006262 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(0, 98, 98, 0.4);
}

/* header */

header {
	background: var(--color-lightgrey);
}
.top-header {
  max-width: 1170px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 0px;
}
.header-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 30%;
  padding-right: 15px;
  border-right: 1px solid #dfdfdf;
}
.header-logo .logo {
  display: flex;
  align-items: center;
  outline: none;
}
.header-logo .logo:hover {
	text-decoration: none;
}
.header-logo .logo img {
	max-height: 50px;
	margin-right: 10px;
}
.header-logo .logo span {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  color: #000;
  display: block;
  padding-left: 10px;
  text-transform: uppercase;
}
.header-logo .slogan {
  font-size: 15px;
  color: #999999;
  margin: 0px;
  font-weight: 500;
  line-height: 1;
}
.header-calc {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px;
  min-height: 45px;
  border-right: 1px solid #dfdfdf;
}
.header-calc span {
  font-weight: 500;
  font-size: 14px;
}
.header-calc .calc2 {
  padding-left: 40px;
  position: relative;
  text-decoration: underline;
  color: var(--color-black);
  cursor: pointer;
}
.header-calc .calc2:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='calcBody' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='calcScreen' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23004a4a'/%3E%3Cstop offset='100%25' stop-color='%23003838'/%3E%3C/linearGradient%3E%3ClinearGradient id='calcBtn' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23EB4C42'/%3E%3Cstop offset='100%25' stop-color='%23c73e35'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Корпус калькулятора --%3E%3Crect x='6' y='2' width='52' height='60' rx='6' fill='url(%23calcBody)'/%3E%3Crect x='10' y='6' width='44' height='52' rx='4' fill='%23007a7a' opacity='0.3'/%3E%3C!-- Экран --%3E%3Crect x='12' y='8' width='40' height='14' rx='3' fill='url(%23calcScreen)'/%3E%3Ctext x='48' y='19' text-anchor='end' fill='%2300ff88' font-size='10' font-family='monospace' font-weight='bold'%3E1234%3C/text%3E%3C!-- Блик на экране --%3E%3Crect x='14' y='10' width='20' height='2' rx='1' fill='white' opacity='0.2'/%3E%3C!-- Кнопки - ряд 1 --%3E%3Crect x='12' y='26' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='23' y='26' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='34' y='26' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='45' y='26' width='8' height='8' rx='2' fill='url(%23calcBtn)'/%3E%3C!-- Кнопки - ряд 2 --%3E%3Crect x='12' y='37' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='23' y='37' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='34' y='37' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='45' y='37' width='8' height='19' rx='2' fill='url(%23calcBtn)'/%3E%3C!-- Кнопки - ряд 3 --%3E%3Crect x='12' y='48' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='23' y='48' width='8' height='8' rx='2' fill='white'/%3E%3Crect x='34' y='48' width='8' height='8' rx='2' fill='white'/%3E%3C!-- Символ = на красной кнопке --%3E%3Cpath d='M47 44 L51 44 M47 48 L51 48' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C!-- Символы на кнопках --%3E%3Ctext x='16' y='33' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E7%3C/text%3E%3Ctext x='27' y='33' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E8%3C/text%3E%3Ctext x='38' y='33' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E9%3C/text%3E%3Ctext x='16' y='44' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E4%3C/text%3E%3Ctext x='27' y='44' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E5%3C/text%3E%3Ctext x='38' y='44' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E6%3C/text%3E%3Ctext x='16' y='55' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E1%3C/text%3E%3Ctext x='27' y='55' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E2%3C/text%3E%3Ctext x='38' y='55' text-anchor='middle' fill='%23006262' font-size='6' font-weight='bold'%3E3%3C/text%3E%3C!-- Искра/акцент --%3E%3Ccircle cx='56' cy='6' r='6' fill='%23EB4C42'/%3E%3Cpath d='M54 6 L58 6 M56 4 L56 8' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 30px;
  height: 30px;
  display: block;
}

.header-calc .calc2 a {
	color: #000;
}
.header-calc .city {
  display: flex;
  align-items: center;
}
.header-calc .city svg {
  width: 30px;
  height: 30px;
  margin-right: 4px;
}
.header-calc .city svg path {
  fill: var(--color-green2);
}
.header-calc .city span,
.header-calc .city a {
  display: block;
}
.header-calc .city a { 
  font-size: 14px;
  color: var(--color-green2);
  font-weight: 700;
  text-decoration: underline;
}

.header-contact {
  width: 36%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 15px;
}
.top-phone {
  padding-left: 30px;
  position: relative;
  display: table;
}
.top-phone:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='phoneGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23007a7a'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='ringGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23EB4C42'/%3E%3Cstop offset='100%25' stop-color='%23ff6b5b'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Волны звонка --%3E%3Cpath d='M44 8 Q56 12 58 24' stroke='%23EB4C42' stroke-width='3' fill='none' stroke-linecap='round' opacity='0.5'/%3E%3Cpath d='M44 2 Q62 8 62 26' stroke='%23EB4C42' stroke-width='3' fill='none' stroke-linecap='round' opacity='0.3'/%3E%3C!-- Основная трубка --%3E%3Cpath d='M24 40 C20 36 16 30 14 24 C12 18 14 12 18 8 L22 4 C24 2 28 2 29 5 L33 14 C34 16 33 19 31 20 L28 22 C27 23 27 25 28 26 L38 36 C39 37 41 37 42 36 L44 33 C45 31 48 30 50 31 L59 35 C62 36 62 40 60 42 L56 46 C52 50 46 52 40 50 C32 48 26 44 24 40 Z' fill='url(%23phoneGrad)'/%3E%3C!-- Блик на трубке --%3E%3Cpath d='M20 10 C22 8 24 8 25 10 L28 16 C29 18 28 20 26 21 L24 22' stroke='%2300a0a0' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.6'/%3E%3C!-- Пульсирующая точка --%3E%3Ccircle cx='52' cy='12' r='8' fill='url(%23ringGrad)'/%3E%3Ccircle cx='52' cy='12' r='4' fill='white' opacity='0.4'/%3E%3C!-- Искры активности --%3E%3Ccircle cx='48' cy='4' r='2' fill='%23EB4C42'/%3E%3Ccircle cx='60' cy='16' r='2' fill='%23EB4C42' opacity='0.7'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 1px;
  left: 0px;
  width: 20px;
  height: 21px;
  display: block;
}
.top-phone a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  letter-spacing: 1px;
}
.top-phone span {
  display: block;
  color: #666666;
  font-size: 14px;
  font-weight: 500;
}

/* menu */

.navbar {
  position: relative;
  width: 100%;
  padding: 5px 15px;
  max-width: 1170px;
  margin: auto;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.navbar li {
  margin: 0px;
  padding: 10px 15px;
  position: relative;
}
.navbar li .nav-link {
  padding: 0!important;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  position: relative;
  font-weight: 500;
}
.navbar li .nav-link:hover {
	color: var(--color-green2);
}
.navbar li .nav-link.special {
  color: var(--color-orange);
  text-decoration: underline;
}
.navbar li .nav-link.special:after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23007a7a'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='axe' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23EB4C42'/%3E%3Cstop offset='100%25' stop-color='%23c73e35'/%3E%3C/linearGradient%3E%3ClinearGradient id='wood' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23006262'/%3E%3Cstop offset='100%25' stop-color='%23004a4a'/%3E%3C/linearGradient%3E%3C/defs%3E%3C!-- Голова --%3E%3Ccircle cx='32' cy='12' r='8' fill='url(%23body)'/%3E%3Ccircle cx='32' cy='11' r='5' fill='%23007a7a' opacity='0.5'/%3E%3C!-- Каска/шапка --%3E%3Cellipse cx='32' cy='6' rx='7' ry='3' fill='%23EB4C42'/%3E%3Crect x='26' y='4' width='12' height='4' rx='2' fill='%23EB4C42'/%3E%3C!-- Тело --%3E%3Cpath d='M24 22 L22 40 L26 40 L28 28 L32 32 L36 28 L38 40 L42 40 L40 22 C40 20 36 18 32 18 C28 18 24 20 24 22Z' fill='url(%23body)'/%3E%3C!-- Рубашка клетка --%3E%3Cline x1='26' y1='24' x2='26' y2='36' stroke='%23EB4C42' stroke-width='1' opacity='0.6'/%3E%3Cline x1='30' y1='22' x2='30' y2='32' stroke='%23EB4C42' stroke-width='1' opacity='0.6'/%3E%3Cline x1='34' y1='22' x2='34' y2='32' stroke='%23EB4C42' stroke-width='1' opacity='0.6'/%3E%3Cline x1='38' y1='24' x2='38' y2='36' stroke='%23EB4C42' stroke-width='1' opacity='0.6'/%3E%3C!-- Руки --%3E%3Cpath d='M24 24 L12 32 L14 35 L24 30' fill='url(%23body)'/%3E%3Cpath d='M40 24 L48 20 L50 24 L42 30' fill='url(%23body)'/%3E%3C!-- Топор --%3E%3Crect x='6' y='28' width='18' height='3' rx='1' fill='%238B4513' transform='rotate(-20 15 30)'/%3E%3Cpath d='M4 22 L2 28 L10 32 L12 26 Z' fill='url(%23axe)'/%3E%3Cpath d='M5 24 L8 25 L7 29 L4 28 Z' fill='%23ff6b5b' opacity='0.4'/%3E%3C!-- Ноги --%3E%3Crect x='24' y='40' width='6' height='14' rx='2' fill='url(%23body)'/%3E%3Crect x='34' y='40' width='6' height='14' rx='2' fill='url(%23body)'/%3E%3C!-- Сапоги --%3E%3Crect x='22' y='52' width='10' height='6' rx='2' fill='%23004a4a'/%3E%3Crect x='32' y='52' width='10' height='6' rx='2' fill='%23004a4a'/%3E%3C!-- Полено рядом --%3E%3Cellipse cx='54' cy='54' rx='6' ry='8' fill='url(%23wood)'/%3E%3Cellipse cx='54' cy='54' rx='4' ry='5' fill='%23007a7a' opacity='0.5'/%3E%3Cpath d='M54 46 L54 62' stroke='%23EB4C42' stroke-width='1' opacity='0.5'/%3E%3C!-- Искры от рубки --%3E%3Ccircle cx='8' cy='18' r='2' fill='%23EB4C42'/%3E%3Ccircle cx='14' cy='16' r='1.5' fill='%23EB4C42' opacity='0.7'/%3E%3Ccircle cx='4' cy='24' r='1' fill='%23ffaa00'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  right: -30px;
  top: -6px;
}

.navbar .dropdown-menu {
  transition: all .5s;
  background: #fff;
  min-width: 300px;
  border: 1px solid var(--color-grey);
  padding: 0px;
  border-radius: 0;
  margin: 0;
}
.navbar .dropdown-menu .dropdown-item {
  font-size: 16px;
  font-weight: 500;
  padding: 9px;
  border: none;
  position: relative;
  display: block;
  text-transform: none;
  color: var(--color-black);
  border-bottom: 1px solid var(--color-lightgrey);
}
.navbar .dropdown-menu .dropdown-item:hover {
  background: var(--color-lightgrey);
  color: var(--color-green2);
}
.navbar .dropdown-submenu {
  left: 100%;
  top: -1px;
}
.has-dropdown {
  position: relative;
}
@media(min-width:992px) {
  .has-dropdown:hover > .dropdown-menu {
    display: block;
  }
}
.has-dropdown .dropdown-menu li {
  padding: 0;
}

.navbar-toggler {
  width: auto;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: 11;
  height: auto;

  border-radius: 0;
  display: none;
}
.navbar-toggler svg {
  width: 30px;
  height: 30px;
}

@media(max-width:991px) {
  header {

  }
  .top-wrapper {
    display: flex;
    flex-direction: column;
  }
  .top-wrapper .navbar-toggler {order: 1;}
  .top-wrapper .navbar {order: 2;}
  .top-wrapper .top-header {order: 3}
  .navbar-toggler {
    display: block;
	top: 5px;
  }
  .navbar {
    border: none;
    padding: 0;
  }
  .header-calc,
  .header-logo .logo span,
  .header-contact .top-callback,
  .header-logo .slogan br {
    display: none;
  }
  .header-logo .logo {
	width: 55px;
	min-height: 30px;
  }
  .header-logo {
    width: 100%;
    border: 0px;
    padding: 10px;
    justify-content: center;
    max-width: 300px;
    border-bottom: 1px dashed #dcdcdc;
  }
  .header-logo .logo {
    padding-right: 10px;
    max-width: 55px;
  }
  .header-logo .logo img {
	margin: 0;
  }
  .header-logo .slogan {
    font-size: 14px;
    color: #626262;
	text-align: center;
  }
  .top-header {
    padding: 0px;
    justify-content: center;
  }
  .top-phone a {
    font-size: 18px;
    letter-spacing: 0px;
  }
  .header-contact {
    flex-wrap: wrap;
    width: 260px;
	padding: 5px 0;
	justify-content: center;
  }
  .navbar li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  }
  .navbar li .nav-link:before {
    position: absolute;
    left: -15px;
    top: 60%;
    font-size: 20px;
    line-height: 1;
    margin-top: -14px;
  }

  .navbar li .nav-link-arrow:before {
    content: '\203A';
    position: absolute;
    left: -15px;
    top: 60%;
    font-size: 20px;
    line-height: 1;
    margin-top: -14px;
  }

  .navbar li .nav-link.special:after {
    right: 0;
  }
  .navbar .dropdown-menu {
    border: none;
    padding-top: 10px;
    margin-right: 14px;
  }
  .navbar .dropdown-menu .dropdown-item:last-child {
    border: none;
  }
}

/* footer */

.soc_icon {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.soc_icon.soc_icon-vk {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24' width='24px' height='24px'%3E%3Cpath d='M 21.800781 0 L 2.199219 0 C 0.984375 0 0 0.984375 0 2.199219 L 0 21.800781 C 0 23.015625 0.984375 24 2.199219 24 L 21.800781 24 C 23.015625 24 24 23.015625 24 21.800781 L 24 2.199219 C 24 0.984375 23.015625 0 21.800781 0 Z M 19.050781 14.089844 C 20.492188 15.429688 20.789063 16.078125 20.839844 16.160156 C 21.4375 17.148438 20.179688 17.226563 20.179688 17.226563 L 17.773438 17.261719 C 17.773438 17.261719 17.257813 17.363281 16.578125 16.894531 C 15.679688 16.277344 14.828125 14.671875 14.171875 14.882813 C 13.5 15.09375 13.519531 16.539063 13.519531 16.539063 C 13.519531 16.539063 13.527344 16.792969 13.375 16.960938 C 13.207031 17.136719 12.882813 17.117188 12.882813 17.117188 L 11.808594 17.117188 C 11.808594 17.117188 9.433594 17.316406 7.34375 15.140625 C 5.0625 12.765625 3.050781 8.078125 3.050781 8.078125 C 3.050781 8.078125 2.933594 7.785156 3.058594 7.636719 C 3.199219 7.46875 3.585938 7.464844 3.585938 7.464844 L 6.15625 7.449219 C 6.15625 7.449219 6.398438 7.492188 6.574219 7.617188 C 6.71875 7.722656 6.796875 7.921875 6.796875 7.921875 C 6.796875 7.921875 7.214844 8.972656 7.761719 9.925781 C 8.839844 11.78125 9.339844 12.1875 9.703125 11.988281 C 10.234375 11.695313 10.074219 9.363281 10.074219 9.363281 C 10.074219 9.363281 10.085938 8.515625 9.808594 8.136719 C 9.59375 7.847656 9.1875 7.761719 9.007813 7.738281 C 8.863281 7.71875 9.101563 7.382813 9.410156 7.230469 C 9.871094 7.007813 10.6875 6.992188 11.65625 7.003906 C 12.40625 7.011719 12.625 7.058594 12.917969 7.128906 C 13.804688 7.34375 13.503906 8.171875 13.503906 10.152344 C 13.503906 10.789063 13.390625 11.679688 13.847656 11.976563 C 14.046875 12.105469 14.527344 11.996094 15.730469 9.949219 C 16.304688 8.980469 16.730469 7.839844 16.730469 7.839844 C 16.730469 7.839844 16.824219 7.636719 16.972656 7.550781 C 17.121094 7.460938 17.320313 7.488281 17.320313 7.488281 L 20.027344 7.472656 C 20.027344 7.472656 20.839844 7.375 20.972656 7.742188 C 21.109375 8.128906 20.667969 9.027344 19.5625 10.5 C 17.746094 12.917969 17.546875 12.691406 19.050781 14.089844 Z'/%3E%3C/svg%3E");
}
.soc_icon.soc_icon-fb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-instagram' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z'/%3E%3C/svg%3E");
}
.soc_icon.soc_icon-ig {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");
}

.soc_icon.soc_icon-wa {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-facebook' viewBox='0 0 32 32'%3E%3Cpath d='M 24.503906 7.503906 C 22.246094 5.246094 19.246094 4 16.050781 4 C 9.464844 4 4.101563 9.359375 4.101563 15.945313 C 4.097656 18.050781 4.648438 20.105469 5.695313 21.917969 L 4 28.109375 L 10.335938 26.445313 C 12.078125 27.398438 14.046875 27.898438 16.046875 27.902344 L 16.050781 27.902344 C 22.636719 27.902344 27.996094 22.542969 28 15.953125 C 28 12.761719 26.757813 9.761719 24.503906 7.503906 Z M 16.050781 25.882813 L 16.046875 25.882813 C 14.265625 25.882813 12.515625 25.402344 10.992188 24.5 L 10.628906 24.285156 L 6.867188 25.269531 L 7.871094 21.605469 L 7.636719 21.230469 C 6.640625 19.648438 6.117188 17.820313 6.117188 15.945313 C 6.117188 10.472656 10.574219 6.019531 16.054688 6.019531 C 18.707031 6.019531 21.199219 7.054688 23.074219 8.929688 C 24.949219 10.808594 25.980469 13.300781 25.980469 15.953125 C 25.980469 21.429688 21.523438 25.882813 16.050781 25.882813 Z M 21.496094 18.445313 C 21.199219 18.296875 19.730469 17.574219 19.457031 17.476563 C 19.183594 17.375 18.984375 17.328125 18.785156 17.625 C 18.585938 17.925781 18.015625 18.597656 17.839844 18.796875 C 17.667969 18.992188 17.492188 19.019531 17.195313 18.871094 C 16.894531 18.722656 15.933594 18.40625 14.792969 17.386719 C 13.90625 16.597656 13.304688 15.617188 13.132813 15.320313 C 12.957031 15.019531 13.113281 14.859375 13.261719 14.710938 C 13.398438 14.578125 13.5625 14.363281 13.710938 14.1875 C 13.859375 14.015625 13.910156 13.890625 14.011719 13.691406 C 14.109375 13.492188 14.058594 13.316406 13.984375 13.167969 C 13.910156 13.019531 13.3125 11.546875 13.0625 10.949219 C 12.820313 10.367188 12.574219 10.449219 12.390625 10.4375 C 12.21875 10.429688 12.019531 10.429688 11.820313 10.429688 C 11.621094 10.429688 11.296875 10.503906 11.023438 10.804688 C 10.75 11.101563 9.980469 11.824219 9.980469 13.292969 C 9.980469 14.761719 11.050781 16.183594 11.199219 16.382813 C 11.347656 16.578125 13.304688 19.59375 16.300781 20.886719 C 17.011719 21.195313 17.566406 21.378906 18 21.515625 C 18.714844 21.742188 19.367188 21.710938 19.882813 21.636719 C 20.457031 21.550781 21.648438 20.914063 21.898438 20.214844 C 22.144531 19.519531 22.144531 18.921875 22.070313 18.796875 C 21.996094 18.671875 21.796875 18.597656 21.496094 18.445313 Z'/%3E%3C/svg%3E");
}
.soc_icon.soc_icon-tg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-facebook' viewBox='0 0 50 50'%3E%3Cpath d='M25,2c12.703,0,23,10.297,23,23S37.703,48,25,48S2,37.703,2,25S12.297,2,25,2z M32.934,34.375	c0.423-1.298,2.405-14.234,2.65-16.783c0.074-0.772-0.17-1.285-0.648-1.514c-0.578-0.278-1.434-0.139-2.427,0.219	c-1.362,0.491-18.774,7.884-19.78,8.312c-0.954,0.405-1.856,0.847-1.856,1.487c0,0.45,0.267,0.703,1.003,0.966	c0.766,0.273,2.695,0.858,3.834,1.172c1.097,0.303,2.346,0.04,3.046-0.395c0.742-0.461,9.305-6.191,9.92-6.693	c0.614-0.502,1.104,0.141,0.602,0.644c-0.502,0.502-6.38,6.207-7.155,6.997c-0.941,0.959-0.273,1.953,0.358,2.351	c0.721,0.454,5.906,3.932,6.687,4.49c0.781,0.558,1.573,0.811,2.298,0.811C32.191,36.439,32.573,35.484,32.934,34.375z'/%3E%3C/svg%3E");
}

footer {
  padding: 50px 0px;
  background: var(--color-blue2);
  color: var(--color-white);
}
footer .about {}
footer .footer-block {
  margin-bottom: var(--m-30);
}
footer .about .logo {
	max-width: 60px;
  max-height: 45px;
  display: none;
}
footer .about .socials {
  display: flex;
  align-items: center;
}
footer .about .socials .soc_icon {
  color: #F00;
}
footer .about .socials .soc_icon + .soc_icon {
  margin-left: 10px;
}
footer .about .contacts,
footer .about .contacts a {
  color: var(--color-white);
}
footer .about .contacts > div {
  margin-bottom: var(--m-15);
  display: flex;
  align-items: center;
}
footer .about .contacts > div:before {
  content: '';
  width: 20px;
  min-width: 20px;
  height: 20px;
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 10px;
}
/* Телефон */
footer .about .contacts > div.phone:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='fp1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='30' fill='url(%23fp1)'/%3E%3Ccircle cx='32' cy='32' r='26' stroke='%23007a7a' stroke-width='2' fill='none'/%3E%3Cpath d='M26 38 C23 35 20 30 19 26 C18 22 19 18 22 15 L24 13 C25 12 27 12 28 14 L30 19 C31 20 30 22 29 23 L28 24 C27 25 27 26 28 27 L37 36 C38 37 39 37 40 36 L41 35 C42 34 44 33 45 34 L50 36 C52 37 52 39 51 40 L49 42 C46 45 42 46 38 45 C32 43 28 40 26 38 Z' fill='white'/%3E%3Ccircle cx='50' cy='14' r='10' fill='%23EB4C42'/%3E%3Cpath d='M46 10 Q50 6 54 10' stroke='white' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3Cpath d='M44 6 Q50 0 56 6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.6'/%3E%3C/svg%3E");
}

/* Локация */
footer .about .contacts > div.location:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='fl1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='fl2' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23EB4C42'/%3E%3Cstop offset='100%25' stop-color='%23c73e35'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='32' cy='58' rx='14' ry='4' fill='%23006262' opacity='0.4'/%3E%3Cpath d='M32 4 C18 4 8 14 8 26 C8 42 32 60 32 60 C32 60 56 42 56 26 C56 14 46 4 32 4 Z' fill='url(%23fl1)'/%3E%3Cpath d='M32 8 C20 8 12 16 12 26 C12 38 32 54 32 54 C32 54 52 38 52 26 C52 16 44 8 32 8 Z' fill='url(%23fl2)'/%3E%3Ccircle cx='32' cy='26' r='10' fill='white'/%3E%3Ccircle cx='32' cy='26' r='6' fill='%23EB4C42'/%3E%3Ccircle cx='30' cy='24' r='2' fill='white' opacity='0.6'/%3E%3Ccircle cx='20' cy='12' r='3' fill='%23EB4C42' opacity='0.5'/%3E%3Ccircle cx='44' cy='14' r='2' fill='%23006262' opacity='0.6'/%3E%3C/svg%3E");
}

/* Почта */
footer .about .contacts > div.mail:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='fm1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='fm2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ff6b5b'/%3E%3Cstop offset='100%25' stop-color='%23EB4C42'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='14' width='56' height='40' rx='6' fill='url(%23fm1)'/%3E%3Crect x='8' y='18' width='48' height='32' rx='4' fill='%23007a7a' opacity='0.5'/%3E%3Cpath d='M4 18 L32 38 L60 18' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 50 L24 34' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.5'/%3E%3Cpath d='M60 50 L40 34' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' opacity='0.5'/%3E%3Ccircle cx='52' cy='10' r='10' fill='url(%23fm2)'/%3E%3Cpath d='M48 10 L51 13 L56 7' stroke='white' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='32' cy='32' r='4' fill='%23EB4C42'/%3E%3Ccircle cx='32' cy='32' r='2' fill='white' opacity='0.5'/%3E%3C/svg%3E");
}

/* Время работы */
footer .about .contacts > div.time:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='ft1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='28' fill='url(%23ft1)'/%3E%3Ccircle cx='32' cy='32' r='24' fill='%23007a7a' opacity='0.4'/%3E%3Ccircle cx='32' cy='32' r='22' stroke='white' stroke-width='2' fill='none'/%3E%3Ccircle cx='32' cy='32' r='3' fill='white'/%3E%3Cpath d='M32 32 L32 16' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M32 32 L44 38' stroke='%23EB4C42' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='32' cy='12' r='2' fill='white'/%3E%3Ccircle cx='32' cy='52' r='2' fill='white'/%3E%3Ccircle cx='12' cy='32' r='2' fill='white'/%3E%3Ccircle cx='52' cy='32' r='2' fill='white'/%3E%3Ccircle cx='18' cy='18' r='1.5' fill='white' opacity='0.6'/%3E%3Ccircle cx='46' cy='18' r='1.5' fill='white' opacity='0.6'/%3E%3Ccircle cx='18' cy='46' r='1.5' fill='white' opacity='0.6'/%3E%3Ccircle cx='46' cy='46' r='1.5' fill='white' opacity='0.6'/%3E%3Ccircle cx='54' cy='10' r='8' fill='%23EB4C42'/%3E%3Ctext x='54' y='14' text-anchor='middle' fill='white' font-size='10' font-weight='bold'%3E24%3C/text%3E%3C/svg%3E");
}
footer .menu {}
footer .menu .title {
  margin-bottom: var(--m-15);
  font-size: var(--size-h3);
}
footer .menu a {
  display: block;
  color: var(--color-white);
  margin-bottom: 5px;
}
footer .menu a:hover {
  color: var(--color-orange);
}
footer .copyright {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--color-grey);
  font-size: 12px;
}
footer .copyright a {
  color: var(--color-grey);
  display: block;
}

@media(max-width:991px) {
  footer {
    padding: 30px 0;
  }
  footer .copyright {
    font-size: 12px;
    line-height: 1.2;
  }
}

/* forms */

.form-group {
  margin-bottom: 30px;
}
.form-control {
  border: none;
  border-bottom: 1px solid #818181;
  border-radius: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  padding: 15px 0;
}
.form-control,
input,
select,
button,
button:active,
button:focus {
  outline: none!important;
  box-shadow: none!important;
}
.agree-check {
  font-size: 12px;
  margin-bottom: 20px;
}

/* modals */

.custom-modal {}
.custom-modal .modal-dialog {
  max-width: 480px;
}
.custom-modal .modal-content {
  background: #FFFFFF;
  border: 1px solid var(--color-grey);
  border-radius: 0;
}
.custom-modal .close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  opacity: 1;
}
.custom-modal .heading {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}
.custom-modal .modal-body {
  padding: 50px 60px;
}
.modal-body .text {
  font-weight: 500;
  font-size: 20px;
  line-height: 135.6%;
  margin-bottom: 40px;
}
.custom-modal .modal-body .text-center .btn {
  margin: auto;
}

.city-wrapper {
  column-count: 2;
}
.city-wrapper a {
  color: #000;
  display: block;
  margin-bottom: 5px;
}

@media(max-width: 991px) {
  .custom-modal .modal-body {
    padding: 40px 30px;
  }
}

/* go up */

.go-up {
  position: fixed;
  bottom: 30px;
  right: 30px;
  opacity: 0;
  transition: .5s;
}
.go-up.active {
  opacity: 1;
}
.go-up svg {
  width: 42px;
  height: 42px;
}
.go-up svg path {
  fill: var(--color-green2)
}
/* intro section */

.intro {
  background: url(/images/intro_bg_after.png) 50% 100% no-repeat var(--color-lightgrey);
  background: var(--color-lightgrey);
}
.intro h1,
.intro .h1 {
  font-weight: 700;
}
.intro h1 span,
.intro .h1 span {
  color: var(--color-orange);
  white-space: nowrap;
}
.intro .guarantee {
  font-weight: 600;
  font-size: 22px;
  display: table;
  position: relative;
  padding: 5px 0px;
  border-bottom: 2px solid var(--color-orange);
  margin-left: 0px;
  margin-bottom: 50px;
  line-height: 1;
}
.intro .guarantee:before {
  content: '';
  background: url(/images/intro_icons.png) 0px -2px no-repeat;
  display: block;
  width: 39px;
  height: 41px;
  position: absolute;
  left: -50px;
  top: 0px;
  display: none;
}
.intro .guarantee span {
  color: var(--color-orange);
}
.intro .intro-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin-bottom: 50px;
}
.intro .intro-list li {
  position: relative;
  width: 50%;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 5px 15px 5px 50px;
}
.intro .intro-list li:before {
  content: '';
  /* Премиальное полено с блеском */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23006262'/%3E%3Cstop offset='100%25' stop-color='%23004a4a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='12' cy='32' rx='10' ry='14' fill='url(%23g1)'/%3E%3Cellipse cx='11' cy='31' rx='6' ry='9' fill='%23007a7a' opacity='0.6'/%3E%3Cpath d='M12 18 L58 24 Q62 32 58 40 L12 46' fill='url(%23g1)'/%3E%3Cpath d='M14 26 L50 30' stroke='%23EB4C42' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M16 34 L48 36' stroke='%23EB4C42' stroke-width='1.5' stroke-linecap='round' opacity='0.7'/%3E%3Ccircle cx='52' cy='20' r='6' fill='%23EB4C42'/%3E%3Cpath d='M49 20 L51 18 L51 22 L55 20 L53 22 L55 22' stroke='white' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: 7px;
}

.intro .intro-list li:nth-child(2):before {
  /* Связка премиум дров с биркой */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g2' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23006262'/%3E%3Cstop offset='100%25' stop-color='%23004a4a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='10' cy='48' rx='8' ry='10' fill='url(%23g2)'/%3E%3Cpath d='M10 38 L54 32' stroke='%23006262' stroke-width='10' stroke-linecap='round'/%3E%3Cellipse cx='10' cy='28' rx='8' ry='10' fill='url(%23g2)'/%3E%3Cpath d='M10 18 L54 24' stroke='%23007a7a' stroke-width='10' stroke-linecap='round'/%3E%3Cellipse cx='10' cy='38' rx='8' ry='10' fill='url(%23g2)'/%3E%3Cpath d='M10 28 L54 28' stroke='%23005555' stroke-width='10' stroke-linecap='round'/%3E%3Crect x='28' y='18' width='8' height='28' rx='2' fill='%23EB4C42'/%3E%3Cpath d='M30 22 L34 22 M30 26 L34 26 M30 30 L34 30 M30 34 L34 34 M30 38 L34 38' stroke='white' stroke-width='1'/%3E%3Ccircle cx='50' cy='12' r='10' fill='%23EB4C42'/%3E%3Ctext x='50' y='16' text-anchor='middle' fill='white' font-size='12' font-weight='bold'%3E%25%3C/text%3E%3C/svg%3E");
}

.intro .intro-list li:nth-child(3):before {
  /* Поленница со звездой качества */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g3' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23006262'/%3E%3Cstop offset='100%25' stop-color='%23004a4a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='44' width='40' height='10' rx='5' fill='url(%23g3)'/%3E%3Crect x='6' y='32' width='36' height='10' rx='5' fill='%23007a7a'/%3E%3Crect x='8' y='20' width='32' height='10' rx='5' fill='url(%23g3)'/%3E%3Cellipse cx='6' cy='49' rx='5' ry='7' fill='%23006262'/%3E%3Cellipse cx='8' cy='37' rx='5' ry='7' fill='%23006262'/%3E%3Cellipse cx='10' cy='25' rx='5' ry='7' fill='%23006262'/%3E%3Cpolygon points='52,6 54,14 62,14 56,20 58,28 52,24 46,28 48,20 42,14 50,14' fill='%23EB4C42'/%3E%3Cpolygon points='52,10 53,14 57,14 54,17 55,21 52,19 49,21 50,17 47,14 51,14' fill='white' opacity='0.3'/%3E%3Ccircle cx='52' cy='50' r='12' fill='%23EB4C42'/%3E%3Cpath d='M46 50 L50 54 L58 46' stroke='white' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.intro .intro-list li:nth-child(4):before {
  /* Горящие дрова с энергией */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='fire' x1='0%25' y1='100%25' x2='0%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23EB4C42'/%3E%3Cstop offset='50%25' stop-color='%23ff6b5b'/%3E%3Cstop offset='100%25' stop-color='%23ffaa00'/%3E%3C/linearGradient%3E%3ClinearGradient id='g4' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23006262'/%3E%3Cstop offset='100%25' stop-color='%23004a4a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 4 Q42 16 38 24 Q46 18 44 30 Q52 22 48 36 Q44 50 32 50 Q20 50 16 36 Q12 22 20 30 Q18 18 26 24 Q22 16 32 4Z' fill='url(%23fire)'/%3E%3Cpath d='M32 14 Q38 22 35 28 Q40 24 38 34 Q35 44 32 44 Q29 44 26 34 Q24 24 29 28 Q26 22 32 14Z' fill='%23ffdd44'/%3E%3Cpath d='M32 24 Q35 30 33 36 Q31 42 32 42 Q33 42 31 36 Q29 30 32 24Z' fill='white' opacity='0.6'/%3E%3Cellipse cx='10' cy='56' rx='7' ry='6' fill='url(%23g4)'/%3E%3Cpath d='M10 50 L54 46' stroke='%23006262' stroke-width='10' stroke-linecap='round'/%3E%3Cellipse cx='54' cy='58' rx='7' ry='6' fill='url(%23g4)'/%3E%3Cpath d='M54 52 L10 56' stroke='%23007a7a' stroke-width='10' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='18' r='6' fill='%23EB4C42'/%3E%3Cpath d='M5 18 L11 18 M8 15 L8 21' stroke='white' stroke-width='2'/%3E%3Ccircle cx='56' cy='14' r='6' fill='%23EB4C42'/%3E%3Cpath d='M53 14 L59 14 M56 11 L56 17' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}
.bubble {
  color: #fff;
  font-weight: 500;
  font-size: 22px;
  display: table;
  padding: 10px 20px;
  position: relative;
  margin: 0px 0px -20px 40px;
  position:  relative;
}
.bubble:after {
  content: '';
  border: 20px solid transparent;
  border-top: 20px solid #33cc00;
  position: absolute;
  bottom: -35px;
  right: 30px;
}
.bubble.green {
  background: var(--color-green);
  z-index: 2;
}
.bubble.green:after {
  border-top-color: var(--color-green);	
}
.bubble.orange {
  background: var(--color-orange);
}
.bubble.orange:after {
  border-top-color: var(--color-orange);	
}



.intro-btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.intro-btn-group .btn {
  border-color: var(--color-green2);
  border-width: 2px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  text-transform: none;
  padding: 0;
  width: auto;
  outline: none;
  box-shadow: none;
}
.intro-btn-group .btn span {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #000;
  text-align: center;
  height: 50px;
  padding: 0px 15px;
  white-space: nowrap;
  border-radius: 13px;
}
.intro-btn-group .btn span:first-child {
  color: #fff;
  
  background: var(--color-green2);
  padding: 0px 20px;
}
.intro-btn-group .btn:hover {
  background: var(--color-green2);
}
.intro-btn-group .btn:hover span {
  color: #fff;
}

@media(max-width: 991px) {
  .intro-btn-group {
    flex-direction: column;
  }
  .intro-btn-group .btn:first-child {
    margin-bottom: 15px;
  }
  .intro h1 span,
  .intro .h1 span {
    display: inline;
  }
}

/* offers section */

.offers {
	padding-bottom: 0px;
}

.offers .offer-item {
  background: #f4f4f4;
  padding: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  margin: 0px 0px 20px;
  text-decoration: none;
  color: #000;
  transition: .2s;
}
.offers .offer-item .image {
	max-width: 40%;
}
.offers .offer-item .info {
  max-width: 60%;
  padding-left: 10px;
}
.offers .offer-item .image img {
	filter: grayscale(.75);
	transition: .4s;
}
.offers .offer-item:hover .image img {
	filter: grayscale(0);
}
.offers .offer-item .name {
  display: table;
  font-size: 24px;
  border-bottom: 1px solid #111;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
  margin-bottom: 15px;
  transition: .2s;
}
.offers .offer-item:hover .name {
  color: var(--color-orange);
  border-color: var(--color-orange);
  text-decoration: none;
}
.offers .offer-item .text {
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 15px;
  text-align: justify
}
.offers .offer-item .price {
  display: table;
  font-size: 17px;
  font-weight: 500;
  color: #000;
  margin-bottom: 10px;
  color: var(--color-orange);
}

@media(max-width: 575px) {
  .offers .offer-item {
    flex-direction: column;
  }
  .offers .offer-item .image,
  .offers .offer-item .info {
    max-width: 100%;
  }
  .offers .offer-item .image img {
	filter: grayscale(0);  
  }
}

/* project section */

.project {
  background: url(/images/bg_project.jpg) no-repeat center;
  background: var(--color-lightgrey);
  background-size: cover;
  transition: .5s;
}
.project h2,
.project .h2,
.project h3,
.project .h3 {
  font-size: 24px;
} 
.project-types-wrapper {
  max-height: 163px;
  overflow: hidden;
  transition: .2s;
}
.project-types-wrapper.active {
  max-height: 999px;
}
.project-types {
  margin-bottom: 20px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.project-types li {
  width: 33.33%;
  margin-bottom: 7px;
  padding-left: 20px;
  position: relative;
}
.project-types li:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='circleGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='32' cy='32' r='30' fill='url(%23circleGrad)'/%3E%3Ccircle cx='32' cy='32' r='26' stroke='%23007a7a' stroke-width='2' fill='none' opacity='0.5'/%3E%3Cpath d='M20 32 L28 40 L44 24' stroke='white' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 18px;
  height: 18px;
}
.project-types li a {
  font-weight: 400;
  font-size: 16px;
  color: #000;
  letter-spacing: -0.8px;
}
.projects-toggler {
  color: #000;
  display: block;
  margin: 15px 0;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}
.projects-toggler:hover {
  color: var(--color-orange);
}
.projects-toggler:before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-three-dots' viewBox='0 0 16 16'%3E%3Cpath d='M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E");
  margin-right: 5px;
  background: var(--color-orange);
  border-radius: 50%;
  padding-top: 6px;
  width: 20px;
  height: 20px;  
}

.project .cta-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0;
}
.project .cta-block .socials a {
  text-decoration: none;
  display: inline-block;
}
.project .cta-block .socials a + a {
  margin-left: 10px;
}
.project .cta-block .socials svg {
  width: 40px;
  height: 40px;
}
.project .cta-block .socials .tg {
  color: var(--color-blue2);
}
.project .cta-block .socials .wa {
  color: var(--color-green);
}
.project .cta-block .phone a {
  display: block;
  font-size: 22px;
  font-weight: 600;
  color: #000033;
}
.project .cta-block .phone span {
  display: block;
  color: #000033;
  font-size: 13px;
  font-weight: 500;
}

@media(max-width: 575px) {
  .project-types li {
    width: 50%;
  }
  .project-types li a {
    font-size: 14px;
  }
  .project .cta-block {
    flex-direction: column;
  }
  .project .cta-block .phone {
    margin: 15px 0;
  }
  .project .cta-block .button + .button {
	margin-top: 15px;
  }
}

/* examples section */

.examples {
	
}
.examples-item {
  box-shadow: 0px 0px 11px rgb(0 0 0 / 1%);
  border: .5px solid #e7e7e7;
  margin: 20px;
  border-radius: 15px;
  overflow: hidden;
  background-color: var(--color-lightgrey);
}
.examples-item .name {
  background: var(--color-lightgrey);
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  padding: 15px;
}
.examples-item .info {
  padding: 20px;
}
.examples-item .calculations {
  display: none;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
}
.examples-item .calculations .link a {
  color: #000;
  position: relative;
}
.examples-item .calculations .link a:before {
  content: url(/images/price.png);
  position: absolute;
  left: -25px;
  top: 0px;
}
.examples-item ul {
  padding: 0;
  font-size: 16px;
  margin: 0 0 15px;
  color: #212121;
  line-height: 1.3;
  font-weight: 400;
  list-style-type: none;
}
.examples-item ul li {
  position: relative;
  padding-left: 20px;
  list-style: none;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 5px;
}
.examples-item ul li:before {
  content: url(/images/icon.webp);
  position: absolute;
  left: 0px;
  top: 2px;
}
.examples-item .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.examples-item .bottom .btn {
  width: auto;
}
.examples-item .bottom .price {
  color: var(--color-orange);
  font-weight: 700;
}

/* how we work section */

.howwework {}
.howwework h2,
.howwework .h2 {
  display: table;
  position: relative;
  margin: 0px auto 5px;
}
.howwework h2:before,
.howwework .h2:before,
.howwework h2:after,
.howwework .h2:after {
  content: '';
  position: absolute;
  background: url(/images/decor.png) 0px 0px no-repeat;
  width: 225px;
  height: 16px;
  top: 12px;
  display: none;
}
.howwework h2:before,
.howwework .h2:before {
  left: -235px;
}
.howwework h2:after,
.howwework .h2:after {
  right: -235px;
  transform: rotate(180deg);
}

.howwework .works {
  display: flex;
  justify-content: space-between;
  max-width: 1100px;
  margin: 50px auto;
  flex-wrap: wrap;
}
.howwework .works-item {
  text-align: center;
}
.howwework .works [class^='col']:nth-child(1) .works-item:before {
  content: '1';
}
.howwework .works [class^='col']:nth-child(2) .works-item:before {
  content: '2';
}
.howwework .works [class^='col']:nth-child(3) .works-item:before {
  content: '3';
}
.howwework .works [class^='col']:nth-child(4) .works-item:before {
  content: '4';
}
.howwework .works [class^='col']:nth-child(5) .works-item:before {
  content: '5';
}
.howwework .works [class^='col']:nth-child(6) .works-item:before {
  content: '6';
}
.howwework .works-item:before {
  position: absolute;
  top: -15px;
  left: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-green2);
  border-radius: 100px;
  font-weight: 700;
  color: #fff;
}
.howwework .works-item img {
	border: 2px solid var(--color-green2);
}
.howwework .works-item p {
  font-size: 14px;
  margin: 10px 0px;
  font-weight: 600;
  padding: 0px 5px;
}

.howwework .icons {
  margin-bottom: 50px;
}
.howwework .icons .icons-item {
  padding-left: 55px;
  position: relative;
}
.howwework .icons .icons-item:before {
  content: '';
  /*background: url(/images/icons.png) 0px 0px no-repeat;*/
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.854 7.854a.5.5 0 0 0-.708-.708L7.5 9.793 6.354 8.646a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z'/%3E%3Cpath d='M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  left: 0px;
}
.howwework .icons [class^='col']:nth-child(2) .icons-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-clipboard-data' viewBox='0 0 16 16'%3E%3Cpath d='M4 11a1 1 0 1 1 2 0v1a1 1 0 1 1-2 0v-1zm6-4a1 1 0 1 1 2 0v5a1 1 0 1 1-2 0V7zM7 9a1 1 0 0 1 2 0v3a1 1 0 1 1-2 0V9z'/%3E%3Cpath d='M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z'/%3E%3Cpath d='M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z'/%3E%3C/svg%3E");
}
.howwework .icons [class^='col']:nth-child(3) .icons-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tools' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z'/%3E%3C/svg%3E");
}
.howwework .icons [class^='col']:nth-child(4) .icons-item:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-tags' viewBox='0 0 16 16'%3E%3Cpath d='M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z'/%3E%3Cpath d='M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z'/%3E%3C/svg%3E");
}
.howwework .icons .icons-item .name {
  line-height: 1;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
}
.howwework .icons .icons-item p {
  font-size: 15px;
  font-weight: 400;
}

.howwework .text {
  padding: 40px 0px;
  border-top: 2px dashed #999;
}
.howwework .text a {
  color:var(--color-green2);
  font-weight:bold;
}
.howwework .text .numbers {
  text-align: center;
}
.howwework .text .numbers strong {
  display: block;
  color:var(--color-green2);
  font-size: 48px;
  line-height: 1;
  margin-bottom: 10px;
  
}
.howwework .text .numbers span {
  display: block;
  font-size: 15px;
  font-weight: 500;
} 

@media(max-width: 768px) {
  .howwework h2:before,
  .howwework .h2:before,
  .howwework h2:after,
  .howwework .h2:after {
    display: none;
  }
  .howwework .works-item {
	margin-bottom: 30px;
  }
  .howwework .works-item:before {
	left: 10px;
  }
}

/* our works section */

.arrows {
  position: absolute;
  top: 0px;
  width: 42px;
  height: 42px;
  border: 2px solid #aaaaaa;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 27px;
  line-height: 1;
  color: #aaaaaa;
}
.arrows:hover {
  border: 2px solid #ff0000;
}
.arrow-right {
  right: -10px;
}
.arrows:hover:before {
  border-color: #ff0000;
}
.arrows:before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-left: 4px solid #aaa;
  border-bottom: 4px solid #aaa;
  transform: rotate(45deg);
}
.arrow-right:before {
  transform: rotate(225deg);
}

.works_slider {
  padding-top: 30px;
}

.works_slider .slick-dots li button:before{
  content:none;
}
.works_slider .slick-dots {
  position: relative;
  bottom: 0px;
}
.works_slider .slick-dots li button {
  background: rgb(50 153 51 / 37%);
  border-radius: 50px;
  width: 15px;
  height: 15px;
}
.works_slider .slick-dots li.slick-active button {
  background: rgb(0 98 98 / 99%);
}
.works_slider .arrows {
  top: -42px;
}

.works_nav_slider_name {
	max-width:1200px;
	padding:0px 50px;
	margin:auto;
}
.works_box_v {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  flex-direction: row-reverse;
}
.works_col1 {
	width:47%;
	padding-left:15px;
}
.works_img {
	padding:0px 2px;
}
.works_nav_item span {
  padding: 10px 20px;
  border: 2px solid #aaaaaa;
  border-radius: 5px;
  display: table;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  cursor:pointer;
  transition: .4s;
}
.child-active span {
  padding: 10px 20px;
  border: 2px solid #EB4C42;
  border-radius: 5px;
  display: table;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  color: #000;
  cursor:pointer;
  transition: .4s;
}


.ourworks .works_nav_item span {
	font-size: 14px;
	padding: 10px 40px;
}
.works_nav_item {
  padding:0px 5px;
}
.slick-current.works_nav_item span {
  border: 2px solid #EB4C42;
  color: #EB4C42;
}

.works_col2 {
	width: 53%;
	
}
.works_informates {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom:10px;
}
.works_informates .li {
  position: relative;
  padding-left: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 60px;
}
/* Иконка заказчика (человек с галочкой) */
.works_informates .li:before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='personGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='checkGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ff6b5b'/%3E%3Cstop offset='100%25' stop-color='%23EB4C42'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='24' cy='18' r='12' fill='url(%23personGrad)'/%3E%3Ccircle cx='24' cy='17' r='8' fill='%23007a7a' opacity='0.4'/%3E%3Cpath d='M4 56 C4 42 12 34 24 34 C30 34 35 36 38 40' stroke='url(%23personGrad)' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3Cellipse cx='24' cy='56' rx='20' ry='6' fill='url(%23personGrad)'/%3E%3Ccircle cx='50' cy='46' r='14' fill='url(%23checkGrad)'/%3E%3Cpath d='M42 46 L48 52 L58 40' stroke='white' stroke-width='4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}

/* Иконка стоимости (кошелёк) */
.works_informates .works_informates_sale:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='walletGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='coinGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ff6b5b'/%3E%3Cstop offset='100%25' stop-color='%23EB4C42'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='4' y='16' width='48' height='40' rx='6' fill='url(%23walletGrad)'/%3E%3Crect x='8' y='20' width='40' height='32' rx='4' fill='%23007a7a' opacity='0.3'/%3E%3Crect x='32' y='30' width='24' height='16' rx='4' fill='%23005555'/%3E%3Ccircle cx='44' cy='38' r='6' fill='url(%23coinGrad)'/%3E%3Ccircle cx='44' cy='38' r='3' fill='white' opacity='0.4'/%3E%3Cpath d='M8 16 L24 4 L48 4 L52 16' fill='url(%23walletGrad)'/%3E%3Cpath d='M12 16 L24 8 L44 8 L48 16' fill='%23007a7a' opacity='0.5'/%3E%3Ccircle cx='56' cy='12' r='8' fill='url(%23coinGrad)'/%3E%3Ctext x='56' y='16' text-anchor='middle' fill='white' font-size='10' font-weight='bold'%3E₽%3C/text%3E%3C/svg%3E");
}

/* Иконка доставки (часы/календарь) */
.works_informates .works_informates_data:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='clockGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23008080'/%3E%3Cstop offset='100%25' stop-color='%23006262'/%3E%3C/linearGradient%3E%3ClinearGradient id='fastGrad' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23ff6b5b'/%3E%3Cstop offset='100%25' stop-color='%23EB4C42'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='28' cy='36' r='24' fill='url(%23clockGrad)'/%3E%3Ccircle cx='28' cy='36' r='20' fill='%23007a7a' opacity='0.3'/%3E%3Ccircle cx='28' cy='36' r='18' stroke='white' stroke-width='2' fill='none'/%3E%3Ccircle cx='28' cy='36' r='3' fill='white'/%3E%3Cpath d='M28 36 L28 22' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M28 36 L38 42' stroke='%23EB4C42' stroke-width='3' stroke-linecap='round'/%3E%3Ccircle cx='28' cy='16' r='2' fill='white'/%3E%3Ccircle cx='28' cy='56' r='2' fill='white'/%3E%3Ccircle cx='8' cy='36' r='2' fill='white'/%3E%3Ccircle cx='48' cy='36' r='2' fill='white'/%3E%3Ccircle cx='54' cy='14' r='10' fill='url(%23fastGrad)'/%3E%3Cpath d='M50 14 L54 10 L54 14 L58 14' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.works_informates .li span {
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
  font-weight: 500;
}
.works_informates .li strong {
  display: block;
  font-weight: 700;
  font-size: 17px;
}
.works_text {
  background: #f6f6f6;
  padding: 20px;
  border-radius: 5px 5px 0px 0px;
}
.works_text p {
  margin-bottom: 10px;
  font-weight: 400;
  color: #000;
}
.works_text p:last-child {
	margin-bottom:0px;
}
.works_order {
  background: #f6f6f6;
  padding: 0px 20px 20px;
  border-radius: 0px 0px 5px 5px;
  margin-bottom: 15px;
}
.works_text p strong {
	font-weight: 500;
}
.works_order span {
	display:table;

	cursor:pointer;
	text-decoration:underline;
}
.clikrabot span:hover {
	text-decoration:none;
}
.works_order_text {
  display: none;
  padding: 20px;
  background: #f6f6f6;
  margin-bottom:10px;
}
.works_order_text ul {
	list-style:none;
  padding: 0;
}
.works_order_text ul li{
  font-size: 16px;
  padding-left: 20px;
  position: relative;
}
.works_order_text ul li:before {
  content: url(/images/icon.webp);
  position: absolute;
  left: 0px;
  top: 2px;
}

.works_otziv {
    position: relative;
}
.works_otziv strong {
	display:table;
	padding-bottom:2px;
	border-bottom:1px solid #999;
}
.works_otziv p {
  position: relative;
  padding: 15px 30px;
}
.works_otziv p:before {
  content: '"';
  line-height: 1;
  color: #006262;
  font-size: 46px;
  position: absolute;
  left: 0px;
  top: 10px;
}
.works_otziv p:after {
  content: '"';
  line-height: 1;
  color: #006262;
  font-size: 46px;
  position: absolute;
  right: 0px;
  bottom: -5px;
}

.slick-slide img {
  max-width: 100%;
}
.works_images_sliders_nav {
  margin-top: 4px;
}

@media(max-width: 991px) {
	
	.article {
		padding-top: 0;
	}
	
  .works_slider {
    width:100%;
    padding:0px 5px;
  }
  .works_col1 {
    width: 100%;
	padding: 5px;
  }
  .works_col2 {
    width:100%;
    padding:5px;
  }
  .fslidn span {
    padding: 8px;
    font-size: 14px;
  }
  .foundation_calculations_sz {
    flex-wrap: wrap;
  }
  .foundation_calculations_sale {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .works_nav_slider_name {
    display:none !important;
  }
  .works_text p {
    margin-bottom: 8px;
    font-size: 15px;
  }
  .works_slider .arrows {
    top: 10%;
    z-index: 1;
    background: rgb(255 255 255 / 70%);
    width: 70px;
    height: 70px;
  }
  .works_slider .arrow-left {
    left: 0px;
  }
  .works_slider .arrow-right {
    right: 0px;
  }
}


/* why us section */

.whyus {
  text-align: center;
  background: var(--color-lightgrey);
}
.whyus svg {
 margin: 15px 0; 
}
.whyus svg path {
  fill: var(--color-green2);
}
.whyus .title {
  font-size: 21px;
  font-weight: 700;
  padding-bottom: 10px;
}
.whyus .st {
  font-size: 14px;
}


/* fixed right block */

.moclients-sidebar__outside_right {
  right: -220px;
  left: auto;
}
.moclients-sidebar__outside_right.active {
  right: 0;
  left: auto;
}
.moclients-sidebar__outside {
    position: fixed;
    z-index: 9997;
    top: 50%;
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: auto;
    -webkit-transition: all .15s;
    transition: all .15s;
}
.moclients-sidebar__outside_right .moclients-sidebar {
    right: 0;
}
.moclients-sidebar__outside .moclients-sidebar {
    overflow: hidden;
}
.moclients-sidebar__outside * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.moclients-sidebar__outside a {
	color: #FFF;
}
.moclients-sidebar__item:hover a {
	color: var(--color-green2);
}
.moclients-sidebar, .moclients-sidebar__item {
    position: relative;
    -webkit-transition: all .15s;
    transition: all .15s;
}
.moclients-sidebar__outside .moclients-sidebar__item {
    height: 67px;
    padding: 0;
    color: #fff;
    background: var(--color-green2);
}

.moclients-sidebar__item {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    padding: 0 15px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none!important;
    color: #000;
    background: var(--color-green2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.moclients-sidebar, .moclients-sidebar__item {
    position: relative;
    -webkit-transition: all .15s;
    transition: all .15s;
}
.moclients-sidebar__outside * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.moclients-sidebar__icon {
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 74px;
    height: 100%;
    padding: 0 20px;
    content: '';
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.moclients-sidebar__outside .moclients-sidebar__item {
    height: 67px;
    padding: 0;
    color: #fff;
    background: var(--color-green2);
}
.moclients-sidebar__item {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    padding: 0 15px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none!important;
    color: #000;
    background: var(--color-green2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.moclients-sidebar__outside_right .moclients-sidebar__item span {
    padding: 0 15px 0 0;
}
.moclients-sidebar__outside .moclients-sidebar__item span {
    width: 166px;
}
.moclients-sidebar__item span {
    width: 129px;
    color: inherit;
}
.moclients-sidebar__outside .moclients-sidebar__item .moclients-sidebar__icon svg * {
    fill: #fff!important;
    stroke: #fff!important;
}
.moclients-sidebar__outside .moclients-sidebar__item .moclients-sidebar__icon svg {
    display: block;
    width: 100%}
.moclients-sidebar__outside .moclients-sidebar__item:not(:last-child) {
    border-bottom: 1px solid #fff;
}
.moclients-sidebar__item:not(:last-child), .moclients-sidebar__outside .moclients-sidebar__item:hover:not(:last-child) {
    border-bottom: 1px solid #e2e7e9;
}
.moclients-sidebar__outside .moclients-sidebar__item:hover {
  color: #000;
  background: #f0f3f4;
}
.moclients-sidebar__outside .moclients-sidebar__item:hover .moclients-sidebar__icon svg * {
  fill: #fc6c3d!important;
  stroke: #fc6c3d!important;
}


.moclients-sidebar_hide-btn {
  position: absolute;
  left: -79.5px;
  transform: rotate(-90deg);
  top: 56px;
  background: var(--color-green2);
  color: #fff;
  width: 134px;
  text-align: center;
  border-bottom: 1px solid #fff;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  -webkit-transition: all .15s;
  transition: all .15s;
}

@media (min-width: 900px) {
  .moclients-sidebar_hide-btn {
    position: absolute;
    left: -89.5px;
    transform: rotate(-90deg);
    top: 46px;
    background: var(--color-green2);
    color: #fff;
    width: 134px;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    -webkit-transition: all .15s;
    transition: all .15s;
  }
}

.moclients-sidebar_hide-btn:hover {
  background: #fff;
  color: var(--color-green2);
}
@media screen and (max-width: 900px) {
  .moclients-form-control__input {
    width: 100%;
    max-width: 380px;
  }
  .moclients-form-control__input input {
      font-size: 16px;
  }
  .moclients-form-control__input input:focus, .moclients-form-control__textarea textarea:focus {
      font-size: 16px;
  }
}

/* pre footer */

.pre-footer .buttons .item {
  width: 100%!important;
}
.pre-footer {
  font-size: 20px;
  background: url(/images/bg_project.jpg) no-repeat center;
  background-size: cover;
}
.pre-footer .buttons .item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-width: 2px;
  text-align: center;
  color: rgb(255, 255, 255);
  border-color: rgb(105, 140, 200);
  font-size: 20px;
  border-style: solid;
  box-shadow: rgba(1, 1, 1, .29) 0 4px 10px 0;
  background: rgb(105, 140, 200);
  border-radius: 30px;
  width: 100%;
  height: 59px;
  text-decoration: none;
  margin: 10px 0;
}
.pre-footer .buttons .tg {
  background: #6194ed;
  border-color: #6194ed;
}
.pre-footer .buttons .wa {
  background: #83d05b;
  border-color: #83d05b;
}
.pre-footer .buttons .vb {
  background: #614d9b;
  border-color: #614d9b;
}
.pre-footer .buttons .item img {
  margin-right: 10px;
  width: 30px;
}

/* faq section */

.faq {}
.faq .accordion {}
.faq .accordion .accordion-item {
  border-left: none;
  border-right: none;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
  padding: 20px 0;
}
.faq .accordion-button {
  padding: 0;
  border: none;
  background: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.faq .accordion-button:not(.collapsed) {
  background: transparent;
  color: #2A2826;
}
.faq .accordion-button span {
  padding-right: 50px;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  text-align: left;
}
.faq .accordion-button::after {
  content: url(/images/faq-plus.svg);
  background-image: none;
}
.faq .accordion-button:not(.collapsed)::after {
  content: url(/images/faq-minus.svg);
  background-image: none;
}
.faq .accordion-body {
  padding: 20px 0 0 0;
  text-align: justify;
}

.konsult .grey-form {
  border-radius: 10px;
  border: 1px solid #003663;
}

.faq .grey-form {
  margin-left: 100px;
  padding: 30px;
  border-radius: 10px;
  border: 1px solid #003663;
}
.faq .form-bottom {
  text-align: center;
}
.faq .form-bottom .btn {
  margin: auto
}
.faq .form-bottom .form-agree a {
	color: var(--color-green2);
}
@media(max-width: 991px) {
  .faq .accordion .accordion-item {
    padding: 30px 0;
  }
  .faq .grey-form {
    margin: 80px -.75em 0;
  }
  
}

/* content */

.content {}

.content table {
  border-collapse: collapse;
  width: 100% !important;
  margin-bottom: 20px;
  border: 1px solid var(--color-grey);
}
.content table tr:nth-child(1) td {
  background: var(--color-grey);
  color: #fff;
}
.content table td {
  background: #ebebeb;
  text-align: center;
  padding: 15px 10px;
  border-left: 1px solid var(--color-grey);
  font-weight: 500;
}
.content table tr:nth-child(2n) td {
  background: #fff;
}
.content table + .btn {
  margin: 20px auto;
}
.content_text {}
.content_text a {
	color: #000;
}
.content_text p,
.content_text li {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.content_text.partial {
  margin-bottom: 30px;
  overflow: hidden;
  max-height: 200px;
  position: relative;
  transition: 0.4s;
}
.content_text.partial:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  display: block;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.content_text + .content_toggler {
  display: none;
}
.content_text.partial + .content_toggler {
  display: table;
}
.content_toggler {
  margin: auto;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
}


@media(max-width:991px) {
	.content table {
		font-size: 14px;
		display: block;
		max-width: 100%;
		overflow-x: auto;
		height: auto!important;
	}
	.content table td {
		white-space: nowrap;
	}
}

/* services links */

.services-links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.services-links a {
  margin-bottom: 10px;
}
.services-links a:hover {
  text-decoration: none;
}
.services-links span.works_nav_item span,
.services-links a:hover span {
  border-color: var(--color-orange);
}
.services-links span.works_nav_item span {
	cursor: default;
}

.about-icon {
	min-width: 180px;
	margin: auto;
}

/* calc form */

.form-calculator {
	background: url(/img/calcform_bg.jpg) center no-repeat;
	background-size: cover;
}
.form-calculator .form-control {
	background: transparent;
}

.agree-checkbox + .custom-control-label {
	margin-bottom: 15px;
}
.agree-checkbox + .custom-control-label a {
	color: var(--color-orange);
}
.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--color-orange);
    background-color: var(--color-orange);
	box-shadow: none!important;
}
.btn:disabled {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.bg-gray {
  background-color: var(--color-lightgrey);
}

.btn-err {
  font-size: 14px;
  text-transform: uppercase;
  padding: 12px 5px;
  border-radius: 16px;
  border: 2px solid #006262;
  width: 180px;
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}

.breadcrumb a {
  color: var(--color-green2);
}

.intro h1 {
  font-size: 2.1rem;
}

.header_fixed {
  position: fixed;
  width: 100%;
  z-index: 10;
  top: 0px;
}
@media (min-width: 992px) {
  .header_fixed .top-header {
    display: none;
  }
}
@media (max-width: 589px) {
  .header_fixed .header-contact {
    display: none;
  }
}
.header_fixed + .bg-gray {
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 54px;
}

h2:target {
  padding-top: 100px; /* Высота вашего header */
  margin-top: -100px; /* Отрицательный margin, равный высоте header */
}


@media (max-width: 991px) {
  .navbar-collapse {
    max-height: 75vh; /* Максимальная высота меню, например, 75% от высоты экрана */
    overflow-y: auto; /* Включить вертикальную прокрутку */
  }

  /* Скрыть полосу прокрутки по умолчанию */
  .navbar-collapse::-webkit-scrollbar {
    display: none;
  }

  /* Для браузеров, не поддерживающих ::-webkit-scrollbar */
  .navbar-collapse {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
}


.no-arrow::after {
  display: none;
}

.navbar li .nav-link-arrow::before {
  /* ваш текущий стиль для стрелки вправо */
  transition: transform 0.3s ease; /* добавим плавность перехода */
}

/* новый класс для стрелки вниз */
.navbar li .nav-link-arrow[aria-expanded="true"]::before {
  content: '\2039'; /* код символа стрелки вниз */
  transform: rotate(270deg); /* поворачиваем стрелку на 90 градусов */
}

/* Добавляем медиа-запрос для экранов шире 991px */
@media (min-width: 992px) {
  /* При наведении на блок с классом .have-three-col показываем выпадающий список */
  .have-three-col:hover .list-three-col {
    display: grid !important; /* Или можно использовать display: flex; */
    grid-template-columns: repeat(3, 1fr); /* Три колонки с равными ширинами */
    gap: 5px; /* Расстояние между колонками */
    padding: 5px; /* Отступы внутри выпадающего списка */
  }
}


/* modal выпадающие города */

.city-wrapper {
  position: relative;
  display: inline-block;
}

.city-link > a {
  text-decoration: none;
  color: black;
}

.city-link > a::after {
  content: ' →';
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 530px; /* или больше, в зависимости от количества ссылок */
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
  border: 1px solid #ccc; /* обводка для визуального выделения */
  z-index: 1;
  padding-left: 2px;
}

.column-cities {
  float: left;
  width: 24.9%; /* для 4 колонок */
}

.city-link:hover .dropdown-content {
  display: block;
}

/* Дополнительные стили для ссылок внутри выпадающего меню */
.dropdown-content a {
  color: black;
  /*padding: 2px 4px;*/
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

/* end modal выпадающие города */

.fw-bold {
  font-weight: bold;
}