body {
  font-family: "Gilroy-Regular";
  font-size: 14px;
  line-height: 24px;
  box-sizing: border-box;
}
* {
    box-sizing: border-box;
}
a {
  text-decoration-line: none;
  -moz-text-decoration-line: none;
}
.container {
  max-width: 1440px;
  width:100%;
  margin: 0 auto;
  position: relative;
}
.overflow {
  overflow: hidden;
}
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* шапка */

.header {
  box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.05);
}
.header__top {
  /*padding: 15px 0;*/
  background: #303030;
}
.header__top > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__top-links {
  display: flex;
}
.header__top-link {
  padding:15px 0;
  margin-right: 64px;
  position: relative;
}
.header__top-link > a {
  font-family: "Gilroy-Medium";
  font-size: 16px;
  line-height: 19px;
  color: #dddddd;
}
.header__top-link > svg {
  fill: #dddddd;
  position: relative;
  top: 1px;
}
.header__top-link:last-of-type {
  margin-right: 0;
}
.header__top-socials {
  display: flex;
}
.header__top-socials-item {
  margin-right: 34px;
  display: flex;
  align-items: center;
}
.header__top-socials-item > svg {
  fill: #dddddd;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__top-socials-item:hover > svg {
  fill: #45a6ff;
  cursor: pointer;
}
.header__top-socials-item:last-of-type {
  margin-right: 0;
}
.background-image {
  position: absolute;
  z-index: -1;
  left: 50%;
  margin-left: -970px;
}
.background-image > img {
  width: 100%;
}
.header__bottom {
  padding: 24px 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.hader__info {
  display: flex;
  align-items: center;
}
.header__logo {
  display: block;
}
.header__workHours {
  margin-left: 119px;
  display: flex;
  align-items: center;
}
.header__workHours-item {
  margin-left: 20px;
  font-family: "Gilroy-Medium";
  color: #626262;
  font-size: 14px;
  line-height: 21px;
}
.header__workHours-item > span {
  font-family: "Gilroy-Bold";
}
.header__contacts {
  display: flex;
  align-items: center;
}
.header__contacts-phone {
  display: flex;
  align-items: center;
  margin-right: 84px;
}
.header__contacts-number {
  font-family: "Gilroy-Medium";
  margin-left: 13px;
  color: #4f4f4f;
  font-size: 15px;
  line-height: 18px;
  display: block;
}
.header__contacts-email {
  display: flex;
  align-items: center;
}
.header__contacts-post {
  font-family: "Gilroy-Bold";
  display: block;
  color: #45a6ff;
  font-size: 21px;
  line-height: 25px;
  margin-left: 14px;
  margin-top: -3px;
}
.header__nav {
  font-family: "Gilroy-Bold";
  background: #fff;
}
.header__nav-items {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.header__nav-insideMenu:hover {
  cursor: pointer;
}
.header__nav-item {
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #4f4f4f;
  font-family: "Gilroy-Medium";
  display: block;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__nav-item > svg {
  fill: #4f4f4f;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__nav-item > a {
  color: #4f4f4f;
  padding: 24px;
    display: block;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__nav-item--active > a {
  font-family: "Gilroy-Bold";
  color: #45a6ff;
}
.header__nav-item--active > svg {
  fill: #45a6ff;
}

.header__nav-item:first-child{
  background: #45a6ff;
  font-family: "Gilroy-Bold";
}
.header__nav-item:first-child > a{
	color: #fff;
}
.header__nav-item:first-child > a > svg{
	fill: #fff;
}
.header__nav-item:first-child:hover > a{
	color: #fff;
}

/*  */

.header__nav-item:hover {
  cursor: pointer;
  color: #45a6ff;
}
.header__nav-item:hover > a {
  color: #45a6ff;
}
.header__nav-item:hover .header__nav-item-insideMenu {
  opacity: 1;
  visibility: visible;
}
.header__nav-item:hover > svg {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  fill: #45a6ff;
}

.header__nav-item-insideMenu {
  position: absolute;
  width: 100%;
  left: 0;
  top: 70px;
  background: #fff;
  box-shadow: 0px 4px 53px rgba(0, 0, 0, 0.25);
  z-index: 10;
  box-sizing: border-box;
  padding: 39px 44px 45px 61px;
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}

.header__nav-item-insideMenu-row {
  display: flex;
  justify-content: flex-start;
  flex-wrap:wrap;
  text-transform: none;
}
.header__nav-item-insideMenu-row > .active {
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.header__nav-item-insideMenu-row > a {
  font-size: 14px;
  line-height: 19px;
  color: #7c7c7c;
  font-family: "Gilroy-Medium";
  flex-basis:25%;
  border-bottom: 1px solid #e9e9e9;
  padding:10px 0;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__nav-item-insideMenu-row > a:hover {
  color: #45a6ff;
}

/*  */
.header__nav-burger {
  width: 11px;
  height: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.header__nav-burger > span {
  width: 11px;
  height: 2px;
  background: #fff;
}
.header__nav-burger::after {
  width: 11px;
  height: 2px;
  background: #fff;
  content: "";
  position: absolute;
  top: 0;
}
.header__nav-burger::before {
  width: 11px;
  height: 2px;
  background: #fff;
  content: "";
  position: absolute;
  bottom: 0;
}
.header__catalog {
  width: 100%;
  left: 0;
  position: absolute;
  background: #ffffff;
  box-shadow: 0px 4px 53px rgba(0, 0, 0, 0.25);
  z-index: 10;
  top: 70px;
  padding: 39px 44px 45px 61px;
  opacity: 0;
  visibility: hidden;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__catalog--show {
  opacity: 1;
  visibility: visible;
}
.header__catalog-row {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 10px;
}
.header__catalog-row > .active {
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.header__catalog-row:last-of-type {
  margin-bottom: 0;
  border-bottom: none;
}
.header__catalog-row > a {
  font-size: 14px;
  line-height: 19px;
  color: #7c7c7c;
  font-family: "Gilroy-Medium";
  padding-bottom: 5px;
  width: 302px;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.header__catalog-row > a:hover {
  color: #45a6ff;
}
.header__burger {
  width: 68px;
  height: 68px;
  background: #45a6ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 31px;
  display: none;
}
.header__burger-lines {
  width: 36px;
  height: 26px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header__burger-lines::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  top: 0;
  left: 0;
  border-radius: 38px;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  -ms-border-radius: 38px;
  -o-border-radius: 38px;
}
.header__burger-lines::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background: #fff;
  bottom: 0;
  left: 0;
  border-radius: 38px;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  -ms-border-radius: 38px;
  -o-border-radius: 38px;
}
.header__burger-lines > span {
  height: 3px;
  width: 100%;
  background: #fff;
}
.header__wr {
  display: flex;
  align-items: center;
}

.header__top-link:hover > ul{
  visibility:visible;
  opacity:1;
}
.header__top-link > ul{
  position:absolute;
  background:#fff;
  top:100%;
  left:0;
  padding:0;
  list-style-type:none;
  margin:0;
  z-index:100;
  width:280px;
  display:block;
  box-sizing:border-box;
  visibility:hidden;
  opacity:0;
  transition:all .3s ease;
  box-shadow: 0 4px 10px 0 #cfcfcf;
}
.header__top-link > ul > li > a{
  padding:5px 10px;
  display:block;
  width:100%;
  box-sizing:border-box;
  color:#4f4f4f;
}
.header__top-link > ul > li > a:hover{
  color:#45a6ff;
}

/* Секция sectionPartners */
.sectionPartners {
  margin-top: 79px;
  position: relative;
}
.sectionPartners > .container > .title {
  text-align: center;
}
.slider-partners {
  margin-top: 20px;
}
.sectionPartners__item {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}
.sectionPartners__item > img {
  width: 100%;
  height: 100%;
}
.button-next {
  position: absolute;
  top: 127px;
  right: 0;
  z-index: 2;
}
.button-prev {
  position: absolute;
  top: 127px;
  left: 0;
  z-index: 2;
}
.sectionPartners > .container > .button-next {
  fill: #45a6ff;
}
.sectionPartners > .container > .button-prev {
  fill: #45a6ff;
}
.sectionPartners > .container > .swiper-button-disabled {
  fill: #bdbdbd;
}
.sectionPartners > .container > .swiper-pagination {
  position: relative;
}
.sectionPartners > .container > .swiper-pagination > .swiper-pagination-bullet {
  width: 28px;
  height: 4px;
  border-radius: 67px;
  -webkit-border-radius: 67px;
  -moz-border-radius: 67px;
  -ms-border-radius: 67px;
  -o-border-radius: 67px;
  margin-right: 8px;
}
.sectionPartners
  > .container
  > .swiper-pagination
  > .swiper-pagination-bullet-active {
  background: #45a6ff;
}

/* Последние статьи */
.articles {
  margin-top: 68px;
  position: relative;
}
.articles__wr > .title {
  text-align: center;
}
.articles__cards {
  margin-top: 54px;
  position: relative;
}
.articles__card {
  box-sizing: border-box;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  width: 406px;
  margin: 0 auto;
}
.articles__card-textBlock {
  padding: 32px 32px 36px 27px;
}
.articles__card-title {
  font-size: 18px;
  line-height: 21px;
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.articles__card-description {
  font-size: 16px;
  line-height: 19px;
  color: #6f6f6f;
  margin-top: 20px;
}
.articles__card-btn {
  display: flex;
  justify-content: flex-end;
}
.articles__card-btn > a {
  width: 153px;
  height: 36px;
  border: 2px solid #45a6ff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 19px;
  color: #45a6ff;
  font-family: "Gilroy-Semibold";
  border-radius: 42px;
  box-sizing: border-box;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.articles__card-btn > a:hover {
  background: #45a6ff;
  color: #fff;
}
.slider-newsCards {
  padding: 0 15px 30px 20px !important;
}

.articles-button-next {
  position: absolute;
  top: 127px;
  right: -60px;
  z-index: 2;
}
.articles-button-prev {
  position: absolute;
  top: 127px;
  left: -60px;
  z-index: 2;
}
.articles-button-prev {
  fill: #45a6ff;
}
.articles-button-next {
  fill: #45a6ff;
}
.articles__cards > .swiper-button-disabled {
  fill: #bdbdbd;
}
.articles__card-image {
  width: 100%;
  height: 126px;
}
.articles__card-image > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.articles-pagination {
  position: relative !important;
  margin: 0 auto;
}
.articles-pagination > .swiper-pagination-bullet {
  width: 28px;
  height: 4px;
  border-radius: 67px;
  -webkit-border-radius: 67px;
  -moz-border-radius: 67px;
  -ms-border-radius: 67px;
  -o-border-radius: 67px;
  margin-right: 8px;
}
.articles-pagination
  > .swiper-pagination-bullet
  > .swiper-pagination-bullet-active {
  background: #45a6ff;
}

/* Таблица цен */
.price {
  border: 2px solid rgb(211, 211, 211, 0.7);
  margin-bottom: 30px;
  height: 74px;
  overflow: hidden;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.price--show {
  height: auto;
}
.price__top {
  display: flex;
  align-items: center;
  padding: 15px 30px;
  justify-content: space-between;
}
.price__title {
  text-transform: uppercase;
  font-size: 21px;
  line-height: 25px;
  color: #454545;
  font-family: "Roboto-Medium";
  flex-grow: 1;
}
.price > .price__top > .btnBlue {
    margin-left: 15px;
    margin-right: 15px;
}
.price > .price__top > .btnBlue:hover {
  border: 2px solid #45a6ff;
}
.price__dropDown {
  width: 33px;
  height: 33px;
  background: #e0e0e0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  /* margin-left: 70px; */
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.price__dropDown--active {
  background: #45a6ff;
}
.price__dropDown-svg {
  fill: #fff;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.svg--rotate {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.price__table-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 0;
}
.price__table-row:nth-child(2n) {
  background: #f6f6f6;
  padding: 15px 0;
}
.price__table-leftBlock {
  width: 579px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 49px;
}
.price__table-title {
  font-family: "ProximaNova-Bold";
  font-size: 16px;
  line-height: 19px;
  color: #717171;
}
.price__table-char {
  font-family: "ProximaNova-Regular";
  font-size: 16px;
  line-height: 19px;
  color: #717171;
}
.price__table-title {
  max-width: 410px;
}
.price__table-rightBlock {
  font-size: 21px;
  line-height: 36px;
  color: #45a6ff;
  font-family: "Roboto-Bold";
  margin-right: 45px;
}
.price__table table {
    width: 100%;
    padding: 0 30px;
}

/* footer */
.footer {
  margin-top: 59px;
  background: #fbfbfb;
}
.footer__contacts {
  display: flex;
  align-items: flex-end;
}
.map {
  width: 1272px;
  height: 489px;
  background: cornflowerblue;
}
.map > iframe{
    transition:all .5s ease;
}
.map > iframe:not(:hover){
  filter: grayscale(100%);
}
.footer__rightBlock {
  margin-left: 74px;
}
.footer__title {
  font-size: 30px;
  color: #45a6ff;
  font-family: "Gilroy-Bold";
  line-height: 44px;
}
.footer__socials {
  margin-top: 36px;
  display: flex;
}
.footer__socials-item {
  margin-right: 52px;
}
.footer__socials-item:last-of-type {
  margin-right: 0;
}
.footer__socials-item > svg {
  fill: #45a6ff;
}
.footer__info {
  margin-top: 53px;
}
.footer__info-item {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  line-height: 19px;
  color: #3d3d3d;
  font-family: "Gilroy-Medium";
  margin-bottom: 39px;
}
.footer__info-item:last-of-type {
  /* margin-bottom: 0; */
}

.footer__info-item > svg {
  margin-right: 25px;
}
.footer__info-hours > span {
  font-family: "Gilroy-Bold";
}
.footer__bottom {
  padding: 55px 0;
}
.footer__copyright {
  font-size: 12px;
  line-height: 14px;
  color: #767676;
}
.footer__copyright > svg {
  margin-right: 18px;
}
.footer__bottom-wr {
  display: flex;
  justify-content: space-between;
}
.footer__link {
  display: block;
  font-size: 13px;
  line-height: 15px;
  text-decoration-line: underline;
  color: #767676;
}
.footer__links {
  display: flex;
  width: 1013px;
  justify-content: space-between;
}

/* Хлебные крошки */
.bread {
  margin-top: 51px;
  margin-bottom: 31px;
}
.bread__wr {
  display: flex;
  font-size: 12px;
  line-height: 14px;
  color: #898989;
  align-items: center;
}
.bread__wr > a {
  font-size: 12px;
  line-height: 14px;
  color: #898989;
}
.bread__separator {
  width: 14px;
  height: 1px;
  background: #b1b1b1;
  margin: 0 10px;
}

.title {
  font-family: "Gilroy-Bold";
  font-size: 25px;
  line-height: 30px;
  color: #45a6ff;
}
.titleBlack {
  font-size: 18px;
  line-height: 21px;
  color: #454545;
  font-family: "Roboto-Medium";
}
.workCard {
  box-sizing: border-box;
  max-width: 270px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
}
.workCard__image {
  width: 270px;
  height: 163px;
  overflow: hidden;
}
.workCard__image > img {
  width: 100%;
  height: 100%;
}
.workCard__textBlock {
 padding: 25px 35px 40px;
}
.workCard__title {
  font-family: "Gilroy-Medium";
  font-size: 16px;
  line-height: 19px;
  height: 54px;
  overflow: hidden;
  color: #484848;
}
.workCard__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 19px;
  width: 153px;
  height: 36px;
  border: 2px solid #45a6ff;
  box-sizing: border-box;
  border-radius: 42px;
  font-size: 16px;
  line-height: 19px;
  font-family: "Gilroy-Semibold";
  color: #45a6ff;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.workCard__btn:hover {
  background: #45a6ff;
  color: #fff;
  cursor: pointer;
}

.pageMenu {
  max-width: 429px;
  box-sizing: border-box;
}
.pageMenu__search {
  position: relative;
}
.pageMenu__search > input {
  width: 429px;
  height: 44px;
  border: 1px solid #e0e0e0;
  border-radius: 42px;
  padding: 0 54px 0 33px;
}
.pageMenu__search > svg {
  position: absolute;
  top: 12px;
  right: 33px;
}
.pageMenu__buttons {
  margin-top: 27px;
  display: flex;
  justify-content: space-between;
}
.pageMenu__title {
  font-size: 21px;
  line-height: 25px;
  color: #4f4f4f;
  font-family: "Gilroy-Semibold";
}
.pageMenu__pages {
  margin-top: 44px;
}
.pageMenu__page {
  display:block;
  padding: 14px 57px 15px;
  border: 2px solid transparent;
  border-radius: 78px;
  background: #fafafa;
  width: 428px;
  /*height: 48px;*/
  font-size: 16px;
  line-height: 19px;
  color: #4f4f4f;
  font-family: "Roboto-Medium";
  margin-bottom: 16px;
}
.pageMenu__page--active {
  border: 2px solid #45a6ff;
  background: #fff;
}
.pageMenu__page:last-of-type {
  margin-bottom: 0;
}
.pageMenu__buttons > .btnBlue:hover {
  border: 2px solid #45a6ff;
}
.pageMenu__buttons > .btnBorderBlue:hover {
  background: #45a6ff;
  border: 2px solid transparent;
}
.pageMenu__drop {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 54px;
}
.pageMenu__drop-btn {
  width: 33px;
  height: 33px;
  display: none;
  justify-content: center;
  align-items: center;
  background: #e0e0e0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.pageMenu__drop-btn > svg {
  fill: #fff;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.pageMenu__drop-btn--active {
  background: #45a6ff;
}
.pageMenu__drop-btn--active > svg {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

/* Заказать расчет */
.calculation {
  margin-top: 64px;
  background: url("/assets/templates/utemp/img/calculation-back-image.png");
  padding: 82px 0 93px 0;
}
.calculation__top {
  display: flex;
  align-items: center;
}
.calculation__title {
  font-size: 21px;
  line-height: 31px;
  font-family: "Gilroy-Medium";
  color: #fff;
  max-width: 255px;
}
.calculation__title > span {
  font-size: 30px;
  line-height: 44px;
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.calculation__call {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  max-width: 216px;
  margin-left: 97px;
}
.calculation__call > span {
  font-size: 17px;
  line-height: 28px;
  font-family: "Gilroy-Bold";
}
.calculation__bottom {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.calculation__bottom-inputs {
  display: flex;
  justify-content: space-between;
}
.calculation__input {
  width: 419px;
  height: 53px;
  border: 1px solid #c0c0c0;
  box-sizing: border-box;
  border-radius: 36px;
  padding: 0 29px;
  background: linear-gradient(
    0deg,
    rgba(58, 58, 58, 0.91),
    rgba(58, 58, 58, 0.91)
  );
  color: #fff;
  margin-right: 30px;
  transition:all .3s ease;
}
.calculation__input.error {
    border-color: red;
}
.calculation__input:last-of-type {
  margin-right: 0;
}
.calculation__input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 25px;
  color: #b8b8b8;
  font-family: "Gilroy-Regular";
  position: relative;
}
.calculation__input::-moz-placeholder {
  font-size: 14px;
  line-height: 25px;
  color: #b8b8b8;
  font-family: "Gilroy-Regular";
  position: relative;
}
.calculation__input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 25px;
  color: #b8b8b8;
  font-family: "Gilroy-Regular";
  position: relative;
}
.calculation__input:-moz-placeholder {
  font-size: 14px;
  line-height: 25px;
  color: #b8b8b8;
  font-family: "Gilroy-Regular";
  position: relative;
}
.calculation__btn {
  width: 200px;
  height: 53px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #45a6ff;
  border: 1px solid #45a6ff;
  border-radius: 42px;
  font-size: 18px;
  line-height: 21px;
  box-sizing: border-box;
  font-family: "Gilroy-Semibold";
  color: #fff;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.calculation__btn:hover {
  background: transparent;
  border: 1px solid #c0c0c0;
  cursor: pointer;
}
.calculation__policy {
  max-width: 293px;
  color: #e7e7e7;
  font-size: 12px;
  line-height: 20px;
}
.calculation__policy > a {
  color: #45a6ff;
}

.btnBlue {
  width: 200px;
  height: 44px;
  background: #45a6ff;
  box-shadow: 0px 25px 36px rgba(69, 166, 255, 0.2);
  border-radius: 42px;
  display: flex;
  justify-content: center;
  border: 2px solid transparent;
  align-items: center;
  font-family: "Gilroy-Bold";
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.btnBlue:hover {
  background: #ffffff;
  color: #45a6ff;
  cursor: pointer;
}

.btnBorderBlue {
  display: flex;
  width: 200px;
  height: 44px;
  background: transparent;
  border: 2px solid #45a6ff;
  border-radius: 42px;
  justify-content: center;
  align-items: center;
  font-family: "Gilroy-Semibold";
  color: #45a6ff;
  font-size: 18px;
  line-height: 22px;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.btnBorderBlue:hover {
  color: #fff;
  border: 2px solid #fff;
  cursor: pointer;
}
.whiteBtn {
  width: 200px;
  height: 40px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Gilroy-Semibold";
  font-size: 18px;
  line-height: 21px;
  color: #fff;
  border-radius: 42px;
  transition: ease-in-out 0.25s;
}
.whiteBtn:hover {
  cursor: pointer;
}
/* мобильное меню */
.mobileMenu {
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 444;
  position: relative;
  position: absolute;
  top: 0;
  left: -1100px;
  transition: ease-in-out 0.7s;
  -webkit-transition: ease-in-out 0.7s;
  -moz-transition: ease-in-out 0.7s;
  -ms-transition: ease-in-out 0.7s;
  -o-transition: ease-in-out 0.7s;
  padding-top: 10px;
  display: none;
  background: #fff;
}
.mobileMenu--show {
  transform: translateX(1100px);
  -webkit-transform: translateX(1100px);
  -moz-transform: translateX(1100px);
  -ms-transform: translateX(1100px);
  -o-transform: translateX(1100px);
}
.mobileMenu__top {
  padding: 0 15px 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobileMenu__close {
  width: 53px;
  height: 53px;
  background: #45a6ff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobileMenu__email {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 15px;
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.mobileMenu__email > svg {
  position: relative;
  top: 3px;
  margin-right: 9px;
}
.mobileMenu__wr {
  overflow-y: scroll;
  height: calc(100vh - 105px);
  padding-bottom: 100px;
}
.mobileMenu__contacts {
  margin-top: 17px;
  padding: 0 15px;
  display: flex;
  justify-content: space-between;
}
.mobileMenu__timeWork {
  display: flex;
}
.mobileMenu__timeWork-text {
  font-size: 15px;
  line-height: 17px;
  color: #828282;
  font-family: "Gilroy-Medium";
  margin-left: 9px;
}
.mobileMenu__timeWork-text > span {
  font-family: "Gilroy-Bold";
}
.mobileMenu-phone {
  font-size: 15px;
  color: #828282;
  line-height: 13px;
  font-family: "Gilroy-Semibold";
}
.mobileMenu-phone > svg {
  position: relative;
  top: 2px;
  margin-right: 9px;
}
.mobileMenu__topMenu {
  margin-top: 30px;
}
.mobileMenu__topMenu-insideMenu > a {
  display: block;
}
.mobileMenu__topMenu-item {
  height: 51px;
  overflow: hidden;
}
.mobileMenu__topMenu-item--active {
  height: auto;
}
.mobileMenu__topMenu-top {
  padding: 12px 0;
  display: flex;
  justify-content: space-between;
  padding: 12px 15px;
  align-items: center;
}
.mobileMenu__topMenu-top > a {
  font-size: 16px;
  line-height: 19px;
  color: #898989;
  font-family: "Gilroy-Medium";
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.mobileMenu__topMenu-dropdown {
  width: 27px;
  height: 27px;
  background: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.mobileMenu__topMenu-dropdown-ico {
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
  fill: #898989;
}
.mobileMenu__topMenu-item--active .mobileMenu__topMenu-dropdown-ico {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  fill: #fff;
}
.mobileMenu__topMenu-item--active .mobileMenu__topMenu-dropdown {
  background: #45a6ff;
}
.mobileMenu__topMenu-item--active .mobileMenu__topMenu-top > a {
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}

.mobileMenu__topMenu-item:nth-child(odd) {
  background: #f2f2f2;
}

.mobileMenu__topMenu-insideMenu {
  padding: 0 15px;
  background: #f2f2f2;
}

.mobileMenu__topMenu-item:nth-child(odd) > .mobileMenu__topMenu-insideMenu {
  background: #fff;
}

.mobileMenu__topMenu-insideMenu > a {
  padding: 10px 0;
  font-size: 16px;
  line-height: 21px;
  color: #7c7c7c;
}

.mobileMenu__catalog {
  padding: 24px;
  background: #45a6ff;
  display: block;
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #ffffff;
  font-family: "Gilroy-Bold";
}
.mobileMenu__catalog > svg {
  position: relative;
  margin-right: 16px;
  top: -3px;
}
.mobileMenu__mainMenu-item {
  height: 65px;
  overflow: hidden;
}
.mobileMenu__mainMenu-item--active {
  height: auto;
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}

.mobileMenu__mainMenu-item-top-drodown-ico {
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
  fill: #828282;
}

.mobileMenu__mainMenu-item-top {
  padding: 19px 15px;
  display: flex;
  justify-content: space-between;
}
.mobileMenu__mainMenu-item-top > a {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  color: #828282;
  font-family: "Gilroy-Medium";
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}

.mobileMenu__mainMenu-item-top-drodown {
  width: 27px;
  height: 27px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f2f2;
  transition: ease-in-out 0.25s;
  -webkit-transition: ease-in-out 0.25s;
  -moz-transition: ease-in-out 0.25s;
  -ms-transition: ease-in-out 0.25s;
  -o-transition: ease-in-out 0.25s;
}
.mobileMenu__mainMenu-item--active .mobileMenu__mainMenu-item-top-drodown {
  background: #45a6ff;
}
.mobileMenu__mainMenu-item--active .mobileMenu__mainMenu-item-top-drodown-ico {
  fill: #fff;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.mobileMenu__mainMenu-item--active .mobileMenu__mainMenu-item-top > a {
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.mobileMenu__mainMenu-item-insideMenu {
  background: #f2f2f2;
}
.mobileMenu__mainMenu-item-insideMenu > a {
  display: block;
  padding: 17px 15px;
  font-size: 16px;
  line-height: 21px;
  color: #7c7c7c;
  font-family: "Gilroy-Medium";
}
.mobileMenu__mainMenu-item-insideMenu > .active {
  color: #45a6ff;
  font-family: "Gilroy-Bold";
}
.mobileMenu__socials {
  padding: 0 15px;
  margin-top: 26px;
  display: flex;
  justify-content: space-between;
}
.mobileMenu__socials-item {
  display: block;
}
.mobileMenu__socials-item > svg {
  fill: #898989;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type:none;
  padding:0;
}
.pagination > .page-item {
  display: flex;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 16px;
  line-height: 19px;
  font-family: "Gilroy-Semibold";
  margin-right: 14px;
}
.pagination > .page-item > .page-link{
    color: #45a6ff;
}
.pagination > .page-item.active {

  background: #45a6ff;
}
.pagination > .page-item.active  > .page-link{
    color:#fff;
}
.pagination > .page-item:last-of-type {
  margin-right: 0;
}
.pagination__dots {
  color: #45a6ff;
  font-size: 16px;
  line-height: 19px;
  font-family: "Gilroy-Semibold";
  margin-right: 14px;
}

/* Рабочие страницы */
.pages {
  margin-top: 40px;
}
.pages > .container > a {
  width: 100px;
  height: 20px;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.pages > .container {
  display: flex;
  justify-content: center;
}
.calculation__bottom-privatPolicy {
  display: flex;
  align-items: center;
}
.calculation__policy {
  margin-left: 10px;
}

/* BREADCRUMB */
.B_crumbBox{
  display: flex;
  font-size: 12px;
  line-height: 14px;
  color: #898989;
  align-items: center;
  list-style-type:none;
  padding:0;
  margin:50px 0 30px;
}
.B_crumbBox a{
  color:#898989;
}

.parent1 {
  flex-wrap: wrap;
  flex-direction:row;
}

.column1 {
  flex: 1 1 0px;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
  margin: 20px;
  padding: 10px;
}

/* media */

@media (max-width: 1710px) {
  .map {
    width: 1000px;
  }
}
@media (max-width: 1580px) {
  .articles-button-next {
    right: 0;
  }
  .articles-button-prev {
    left: 0;
  }
  .sectionPartners > .container > .button-next {
    right: 0;
  }
  .sectionPartners > .container > .button-prev {
    left: 0;
  }
}

@media (max-width: 1440px) {
  .container {
    padding: 0 15px;
	box-sizing: border-box;
  }
  .header__catalog {
    width: 100%;
  }
  /* footer */
  .map {
    width: 900px;
  }
  .footer__links {
    width: 800px;
  }
  .calculation__input {
    margin-right: 20px;
  }
}
@media (max-width: 1366px) {
  .price__table-leftBlock {
    width: 450px;
  }
  .price__table-title {
    max-width: 300px;
  }
  .workCard {
    margin-top: 20px;
  }
  .price > .price__top > .btnBlue {
    margin-left: 0;
  }
  .calculation__input {
    width: 350px;
  }
  .price__title {
    max-width: 380px;
  }
}
@media (max-width: 1280px) {
  /* header */
  .header__workHours {
    margin-left: 30px;
  }
  .header__contacts-phone {
    margin-right: 30px;
  }
  .header__nav-item {
    padding: 24px 10px 24px 10px;
  }
  .sectionPartners__item {
    width: 123px;
    height: 123px;
  }
  .sectionPartners > .container > .button-prev {
    top: 90px;
  }
  .sectionPartners > .container > .button-next {
    top: 90px;
  }
  /* footer */
  .map {
    width: 700px;
  }

  .price__table-leftBlock {
    width: 500px;
  }
  .calculation__bottom {
    flex-direction: column;
    align-items: flex-start;
  }
  .calculation__bottom-privatPolicy {
    margin-top: 20px;
  }
  .calculation {
    padding: 35px 0 55px 0;
  }
  .price__title {
    max-width: none;
  }
  .pageMenu {
    width: 100%;
    max-width: none;
  }
  .pageMenu__search > input {
    width: 100%;
  }
  .pageMenu__page {
    width: 100%;
  }
  .pageMenu__buttons {
    justify-content: flex-start;
  }
  .pageMenu__buttons > .btnBlue {
    width: 200px;
    height: 44px;
    margin-right: 33px;
    font-size: 18px;
  }
  .pageMenu__buttons > .btnBlue:last-of-type {
    margin-right: 0;
  }
  .pageMenu__drop-btn {
    display: flex;
  }
  .pageMenu__pages {
    display: none;
  }
  .pageMenu__pages--open {
    display: block;
  }
}
@media (max-width: 1100px) {
  /* header */
  .header__nav-items {
    display: none;
  }
  .hader__info {
    flex-direction: column;
    align-items: flex-start;
  }
  .header__workHours {
    margin-left: 0;
    margin-top: 40px;
  }
  .header__burger {
    display: flex;
  }
  .header__contacts {
    flex-direction: column;
    align-items: flex-start;
  }
  .header__bottom {
    align-items: flex-start;
  }
  .header__contacts-email {
    margin-top: 19px;
  }
  .background-image {
    height: 625px;
  }
  .background-image > img {
    height: 100%;
  }
  .header__contacts-post {
    font-size: 20px;
    line-height: 24px;
  }
  .header__top-link {
    margin-right: 20px;
  }
  .mobileMenu {
    display: block;
  }
  /* footer */
  .map {
    width: 422px;
    height: 417px;
  }
  .footer__rightBlock {
    margin-left: 15px;
  }
  .footer__bottom-wr {
    flex-direction: column-reverse;
  }
  .footer__copyright {
    margin-top: 36px;
  }
  .footer__links {
    width: auto;
  }
  /* .sectionPartners > .container > .button-prev {
    left: -15px;
  }
  .sectionPartners > .container > .button-next {
    right: -15px;
  } */
  .price__title {
    font-size: 19px;
  }
  .price__table-title {
    max-width: 250px;
  }
  .price__table-leftBlock {
    width: 450px;
  }
}
@media (max-width: 767px) {
  /* header */
  .header__top {
    display: none;
  }
  .header__logo {
    position: absolute;
    right: 15px;
    width: 120px;
    height: 31px;
    display: block;
  }
  .header__logo > img {
    width: 100%;
    height: 100%;
  }
  .header__burger {
    width: 53px;
    height: 53px;
  }
  .header__burger-lines {
    width: 29px;
    height: 20px;
  }
  .header__burger-lines > span {
    height: 2px;
  }
  .header__burger-lines::after {
    height: 2px;
  }
  .header__burger-lines::before {
    height: 2px;
  }
  .header__contacts {
    left: 85px;
    top: 45px;
    position: absolute;
  }
  .header__contacts-number {
    font-size: 12px;
  }
  .header__contacts-phone > svg {
    width: 16px;
    height: 16px;
  }
  .header__contacts-number {
    margin-left: 6px;
  }
  .header__contacts-email > svg {
    width: 14px;
    height: 13px;
  }
  .header__contacts-post {
    font-size: 18px;
    margin-left: 9px;
  }
  .header__workHours {
    margin-left: 70px;
  }
  .header__workHours > svg {
    width: 16px;
    height: 16px;
  }
  .header__workHours-item {
    font-size: 11px;
    margin-left: 9px;
  }
  .btnBlue {
    width: 135px;
    height: 30px;
    font-size: 14px;
  }
  .btnBorderBlue > svg {
    width: 12px;
    height: 12px;
  }
  .map {
    display: none;
  }
  /* footer */
  .footer {
    background: #fff;
  }
  .footer__bottom {
    background: #fbfbfb;
  }
  .footer__contacts {
    margin-bottom: 28px;
  }

  /* mobileMenu */
  .mobileMenu__email {
    font-size: 12px;
  }
  .mobileMenu__logo {
    width: 80px;
    height: 20px;
  }
  .mobileMenu__logo > img {
    width: 100%;
    height: 100%;
  }
  .mobileMenu__timeWork-text {
    font-size: 11px;
  }
  .mobileMenu-phone {
    font-size: 11px;
  }
  .price {
    width: 100%;
    height: 60px;
  }
  .price--show {
    height: auto;
   }

  .price__table-leftBlock {
    margin-left: 20px;
    flex-direction: column;
    align-items: flex-start;
    width: auto;
  }
  .price__table-char {
    margin-top: 11px;
  }
  .price > .price__top > .btnBlue {
    width: 116px;
    height: 30px;
    font-size: 16px;
    line-height: 21px;
  }
  .price__dropDown {
    width: 20px;
    height: 20px;
  }
  .price__dropDown > svg {
    width: 8px;
  }
  .price__title {
    font-size: 14px;
  }
  .calculation__call {
    margin-left: 0px;
    text-align: center;
  }
  .workCard__image {
    width: 100%;
  }
  .workCard {
    max-width: 228px;
  }
  .calculation__bottom-inputs {
    flex-direction: column;
  }
  .calculation__input {
    margin-top: 20px;
  }
  .calculation__bottom {
    align-items: center;
    margin-top: 10px;
  }
  .calculation__top{
    flex-direction:column;
  }
  .calculation__title{
      text-align:center;
  }
  .calculation__bottom-privatPolicy{
      flex-direction:column;
  }
  .calculation__btn{
      margin-bottom:20px;
  }
}
@media (max-width: 520px) {
  .footer__links {
    flex-direction: column;
    align-items: center;
  }
  .footer__link {
    font-size: 18px;
    margin-bottom: 21px;
  }
  .title {
    font-size: 20px;
  }
  .calculation__call {
    font-size: 16px;
  }
  .calculation__call > span {
    font-size: 16px;
    display: block;
  }
  .calculation__title > span {
    font-size: 25px;
  }
  .calculation__bottom {
    align-items: flex-start;
    margin-top: 0;
  }
  .calculation__bottom-privatPolicy {
    width: 100%;
  }
  .calculation__btn{
    width:100%;
  }
  .calculation__input {
    width: 100%;
  }
  .calculation__bottom-inputs {
    width: 100%;
  }
  .calculation__policy {
    margin-top: 20px;
  }

  .price__table-title {
    font-size: 12px;
    max-width: 210px;
  }
  .price__table-char {
    font-size: 12px;
  }
  .price__table-rightBlock {
    font-size: 14px;
    margin-right: 15px;
  }
  .price > .price__top > .btnBlue{
      display:none;
  }
  .pageMenu__buttons > .btnBlue {
    width: 158px;
    height: 34px;
    font-size: 14px;
    margin-right: 10px;
  }
  .btnBorderBlue {
    width: 135px;
    height: 30px;
    font-size: 14px;
  }
  .pageMenu__buttons > .btnBorderBlue {
    width: 158px;
    height: 34px;
    font-size: 14px;
  }
  .articles__card {
    width: 227px;
  }
  .articles__card-title {
    font-size: 16px;
  }
  .articles__card-description {
    font-size: 14px;
    margin-top: 10px;
  }
  .articles__card-btn {
    justify-content: center;
    margin-top: 24px;
  }
  .pageMenu__page {
    font-size: 15px;
  }
}
@media (max-width: 500px) {
  .workCard {
    max-width: 162px;
  }
  .workCard__image {
    height: 97px;
  }
  .workCard__textBlock {
    padding: 15px;
  }
  .workCard__btn {
    width: 132px;
    font-size: 14px;
  }
  .workCard__title {
    font-size: 14px;
    line-height: 16px;
    height: 32px;
    overflow: hidden;
  }
}

@media (max-width: 374px) {
  .header__contacts-post {
    font-size: 14px;
  }
  .header__logo {
    width: 90px;
  }
  
  .articles__card {
    width: 190px;
  }
  .mobileMenu__email {
    font-size: 10px;
  }
  .mobileMenu__email > svg {
    margin-right: 2px;
    top: 2px;
  }
  .price__title {
    font-size: 13px;
  }
  .price__table-title {
    max-width: 120px;
  }
  .calculation__title > span {
    line-height: 10px;
  }
  .workCard {
    width: 140px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .workCard__textBlock {
    padding: 26px 10px 20px 10px;
  }
  .workCard__btn {
    width: 100%;
  }
}




.page__wr{
  display:flex;
  justify-content:space-between;
  margin-top:30px;
}
.page__content{
  max-width: 893px; 
  width: 100%;
  margin-right: 20px;
}

@media (max-width: 1280px) {
  .page__wr {
    flex-direction: column-reverse;
    align-items: center;
  }
  .page__content{
    margin-top: 30px;
    margin-right: 0;
    max-width: 100%;
  }
}
.page__content img{
  height:auto;
  max-width:100%;
}

@media(max-width:1100px){
  .B_crumbBox{
    margin:20px 0 20px;
  }
  .page__wr{
    margin-top:0;
  }
}


/* BLOG */
.blog__item {
  display: flex;
  background: #ffffff;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
  margin-bottom: 42px;
}
.blog__item:last-of-type {
  margin-bottom: 0;
}
.blog__item .leftBlock .image {
  width: 444px;
  height: 377px;
}
.blog__item .leftBlock .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog__item .rightBlock {
  padding: 34px 28px 53px 35px;
}
.blog__item .rightBlock .top {
  display: flex;
}
.blog__item .blog__item-about {
  width: 82px;
  height: 29px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 42px;
  font-size: 12px;
  line-height: 16px;
  font-family: "Roboto-Regular";
  color: #9e9e9e;
  margin-left: 73px;
}
.blog__item .blog__item-title {
  max-width: 291px;
  font-size: 20px;
  line-height: 24px;
  color: #45a6ff;
  font-family: "Gilroy-Semibold";
}
.blog__item .blog__item-text {
  margin-top: 34px;
  max-width: 415px;
  font-size: 14px;
  line-height: 18px;
  color: #9e9e9e;
  font-family: "Roboto-Regular";
}
.blog__item .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 46px;
}
.blog__item .blog__item-date {
  display: flex;
  align-items: center;
}
.blog__item .workCard__btn {
  margin-top: 0;
}
.blog__item .blog__item-date {
  font-size: 14px;
  line-height: 16px;
  text-align: justify;
  font-family: "Gilroy-Medium";
  color: #c7c7c7;
}
.blog__item .blog__item-date svg {
  margin-right: 9px;
  width: 15px;
  height: 15px;
}
@media (max-width: 1000px) {
  .blog__item .leftBlock {
    max-width: none;
    justify-content: space-between;
  }
  .blog__item .leftBlock .image {
    width: 294px;
    height: 100%;
  }
  .blog__item .blog__item-title {
    font-size: 18px;
    line-height: 21px;
  }
  .blog__item .rightBlock .top {
    justify-content: space-between;
  }
  .blog__item .blog__item-about {
    margin-left: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 678px) {
  .blog__item {
    flex-direction: column;
  }
  .blog__item .leftBlock .image {
    width: 100%;
    height: 200px;
  }
}
@media (max-width: 425px) {
  .blog__item .blog__item-title {
    font-size: 16px;
    line-height: 19px;
    max-width: 203px;
  }
  .blog__item .workCard__btn {
    width: 130px !important;
  }
  .blog__item .rightBlock {
    padding: 28px 18px 32px;
  }
}

/* PORTFOLIO */
.portfolio__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.portfolio__card {
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.07);
  width: 270px;
  margin-bottom: 38px;
}
.portfolio__card-textBlock {
  padding: 25px;
  display: flex;
    flex-direction: column;
    justify-content: space-between;
  height: 235px;
}
.portfolio__card-image {
  width: 271px;
  height: 163px;
}
.portfolio__card-image > img {
  width: 100%;
  height: 100%;
}
.portfolio__card-title {
  margin-bottom: 25px;
}
.portfolio__card-title > p {
  margin: 0;
  color: #484848;
  font-size: 16px;
  line-height: 19px;
  font-family: "Gilroy-Semibold";
}
.portfolio__char {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  font-family: "Gilroy-Medium";
  color: #c7c7c7;
  margin-bottom: 10px;
}
.portfolio__char > svg {
  margin-right: 9px;
  width: 15px;
  height: 15px;
}
.portfolio__char:last-of-type {
  margin-bottom: 0;
}
.portfolio__card .workCard__btn {
  margin-top: 31px;
}

@media (max-width: 570px) {
  .portfolio__cards {
    justify-content: space-around;
  }
}



/* PAGE 404 */
.page404__leftBlock {
  max-width: 900px;
}
.page404__text {
  margin-left: 138px;
  position: relative;
}
.page404__text .magnifier {
  position: absolute;
  top: -10px;
  left: -111px;
}
.page404__text .title1 {
  font-size: 36px;
  line-height: 44px;
  text-transform: uppercase;
  color: #45a6ff;
  font-family: "Gilroy-Extrabold";
}
.page404__text .title2 {
  font-size: 109px;
  line-height: 134px;
  text-transform: uppercase;
  font-family: "Gilroy-Extrabold";
  color: #45a6ff;
}
.page404__text .description {
  max-width: 691px;
  color: #484848;
  font-size: 18px;
  line-height: 31px;
}
.page404__text .description a {
  color: #45a6ff;
  border-bottom: 1px solid #45a6ff;
  -moz-text-decoration-line: underline;
  font-family: "Gilroy-Bold";
}
.page404__seemore {
  margin-top: 67px;
}
.page404__seemore-cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 34px;
  font-family: "Roboto-Regular";
  color: #9e9e9e;
  font-size: 12px;
  line-height: 16px;
}

@media (max-width: 1290px) {
  .page404__text {
    margin-left: 100px;
  }
}
@media (max-width: 825px) {
  .page404__text .title2 {
    font-size: 92px;
    line-height: 113px;
  }
  .page404__text .description {
    font-size: 16px;
    line-height: 31px;
  }
}
@media (max-width: 768px) {
  .page404__text .magnifier {
    width: 109px;
    height: 109px;
  }
  .page404__text .magnifier img {
    width: 100%;
    height: 100%;
  }
  .page404__text .magnifier {
    left: -100px;
  }
  .page404__text {
    margin-left: 90px;
  }
}
@media (max-width: 525px) {
  .page404__text .title1 {
    font-size: 31px;
    line-height: 38px;
  }
  .page404__text .title2 {
    font-size: 53px;
    line-height: 65px;
  }
  .page404__text .magnifier {
    width: 86px;
    height: 86px;
  }
  .page404__text .magnifier {
    left: -75px;
  }
  .page404__text {
    margin-left: 70px;
  }
  .page404__text .description {
    font-size: 14px;
    line-height: 23px;
  }
}

/* MODAL */

.animated-modal {
  display: none;
  max-width: 550px;
  border-radius: 4px;
  overflow: hidden;
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2{
  padding-left:10px;
  text-transform:uppercase;
  font-family: "Gilroy-Bold";
  color: #45a6ff;
  margin-bottom:15px;
}

.animated-modal h2,
.animated-modal div{
  transform: translateY(-50px);
  opacity: 0;
  transition-property: transform, opacity;
  transition-duration: .4s;
}

.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal div {
  transform: translateY(0);
  opacity: 1;
}

.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal div {
  transition-delay: .3s;
}

.modal-input__group{
  display:flex;
  flex-direction:column;
  margin-bottom:15px;
}
.modal-input__group > label{
  padding-left:10px;
}
.modal-input__group > input{
  border:none;
  outline:none;
  padding:15px;
  border:2px solid #333;
  border-radius:10px;
  transition:all .3s ease;
}
.modal-input__group > input:focus{
  border-color:#45a6ff;
}

.modal-input__submit > input{
  background-color:#45a6ff;
  border:none;
  border:2px solid #45a6ff;
  padding:15px;
  border-radius:10px;
  color:#fff;
  font-family: "Gilroy-Bold";
  font-size:18px;
  width:100%;
  cursor:pointer;
  transition:all .3s ease;
}
.modal-input__submit > input:hover{
  color:#45a6ff;
  background-color:#fff;
}
.modal-input__submit > input:disabled {
    opacity: 0.5;
}
.modal-input__submit > p{
  text-align:center;
  font-size:14px;
  line-height:1;
}
.modal-input__submit > p > a{
  color: #45a6ff;
}
.modal-form .errors{
  text-align:center;
  color:red;
  margin-bottom:15px;
}
.success-modal{
  border-radius:10px;
  font-size:18px;
}
.success-modal > .success-title{
  font-family: "Gilroy-Bold";
  color: #45a6ff;
  font-size:20px;
  text-align:center;
}
.success-modal > span{
  font-size:16px;
  text-align:center;
  color: #7c7c7c;
  font-family: "Gilroy-Medium";
}

.calculation__errors{
  width:100%;
  text-align:center;
  color:red;
  margin-top:10px;
  font-size:16px;
}



/**/
.page__content > p {
    font-size: 14px;
    line-height: 24px;
    color: #484848;
    font-family: 'Roboto-Light';
    text-align: justify;
}
.building__title {
  font-size: 18px;
  line-height: 31px;
  color: #484848;
  font-family: 'Roboto-Bold';
  margin-top: 30px;
}
.catalog__cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 34px;
}
.catalog__cards > .workCard {
  margin-bottom: 28px;
}
@media (max-width: 374px) {
  .catalog__cards {
    justify-content: space-between;
  }
}