/* Start:/local/templates/inner_pages_2022/components/bitrix/system.pagenavigation/news_new/style.css?17586202212680*/
.pagination div.modern-page-navigation { 
	padding: 0.5em 0;}
	.pagination div.modern-page-navigation a, 
.pagination span.modern-page-current, 
.pagination span.modern-page-dots
{
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0.75em 0.5em;
	text-decoration: none;
}
.pagination div.modern-page-navigation a.modern-page-previous { 
	border-right-width: 1px; 
	border-right-style: solid; 
	border-left: none; }
	.pagination div.modern-page-navigation a.modern-page-first, 
.pagination div.modern-page-navigation span.modern-page-first { 
	border-left: none; 
	padding-left: 0.5em; }
	.pagination  span.modern-page-current { 
	font-weight: bold; }
	.pagination  div.modern-page-navigation a, 
.pagination  span.modern-page-current, 
.pagination  div.modern-page-navigation a.modern-page-previous, 
.pagination  span.modern-page-dots { 
	border: none; 
}
.pagination .modern-page-btn-ajax {
	padding: 10px 15px;
    margin: 0px auto 15px;
    width: fit-content;
    border: none;
    border-radius: 5px;
    font-size: 12px;
    text-transform: none;
	display: block;
	margin-top: 20px;
}
.pagination .modern-page-navigation img {
    position: relative;
    top: -4px;
}
.pagination .modern-page-title, .modern-page-navigation a:last-child, .modern-page-dots {
	display: none;
}
.pagination div.modern-page-navigation a, span.modern-page-current, div.modern-page-navigation a.modern-page-previous, span.modern-page-dots {
	font-size: 12px;
}
.pagination div.modern-page-navigation {
	display: flex;
    justify-content: center;
	align-items: center;
}

.pagination .modern-page-next,
.pagination .modern-page-previous {
	display: inline-flex !important;

	align-items: center;
	justify-content: center;
	min-width: 90px;
	font-size: 12px !important;
	width: fit-content;
	border: 1px solid #cdcdcd !important;
	padding: 0 10px;
	height: 25px;
	box-sizing: border-box;
}

.pagination .modern-page-navigation .modern-page-previous,
.pagination .modern-page-navigation a,
.pagination .modern-page-current {
	margin-right: 10px;
}

.pagination .modern-page-first.modern-page-current,
.pagination .modern-page-navigation a:hover,
.pagination .modern-page-btn-ajax:hover {
	color: white;
    background: #1c3172;
	cursor: pointer;
}

.pagination .modern-page-navigation a,
.pagination .modern-page-current {
	width: 20px;
}

.pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 30px auto;
}

@media screen and (max-width:700px) { 

	.pagination {
		margin: 10px auto 30px !important;
	}

	.pagination .modern-page-navigation {
		display: none !important;
	}
}
/* End */


/* Start:/portfolio/style.css?17586202248017*/
.title-block {
  padding: 0 !important;
  background: none !important;
  margin-bottom: 60px !important;
}

.title-block h1 {
  font-family: 'Cera Pro', sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 30px !important;
  line-height: 38px !important;
  color: #000000 !important;  
  letter-spacing: 0 !important;
}
.small_nav-menu-link,
.small_nav-menu-item {
  font-family: 'Cera Pro', sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 15px !important;
  color: #A9A9A9 !important;
}

.small_nav {
  margin-bottom: 15px !important;
}

.logo {
/*  margin: auto 20px auto 0 !important;*/
} 

.footer_body {
  justify-content: space-between !important;
}

.portfolio-nav-list {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.portfolio-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.portfolio-nav-item_link {
  padding: 7px 15px;
  font-family: 'Cera Pro', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  background: #EFEFEF;
  border-radius: 5px;
  text-decoration: none;
}

.portfolio-nav-item_link--current,
.portfolio-nav-item_link:hover {
  background: #163072;
  color: #FFFFFF;
}

.portfolio-nav-item_link--empty {
  background: none;
  padding: 7px 4px;
}

.portfolio-nav-item_link--empty:hover {
  background: none;
  text-decoration: underline;
  color: inherit;
}

.portfolio-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 30px;
  margin-bottom: 60px;
}

.portfolio-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E6E7E8;
  border-radius: 10px;
  overflow: hidden;
}

.portfolio-item__img-block {
  width: 100%;
  height: 344px;
  /* background-image: url('/portfolio/img/img_1.jpg');*/
  background-color: #EFEFEF;
}

.portfolio-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.portfolio-item__text-block {
  padding: 25px;
  position: relative;
  margin-bottom: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.portfolio-item__tag {
  display: flex;
  font-family: 'Cera Pro', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;  
  color: #A9A9A9;
  margin: 0 0 10px;
  gap: 20px;
}

.portfolio-item__tag a:hover {
  text-decoration: underline;
}

.portfolio-item__title {
  font-family: 'Cera Pro', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #000000;
  margin: 0 0 25px;
}

.portfolio-item__description {
  font-family: 'Cera Pro', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #000000;
  margin: 0 0 auto;
}

.portfolio-item__btns {
  margin: 40px 0 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 25px;
  justify-content: flex-start;
  flex-wrap: wrap;
}


.portfolio-item__btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: 'Cera Pro', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  color: #FFFFFF;
  padding: 5px 15px;
  width: 198px;
  /* max-width: fit-content; */
  background: #163072;
  border-radius: 10px;
}

.portfolio-item__btn--red {
  background: #D11B1D;
}

.portfolio-item__btn:hover {
  filter: opacity(0.8);
}

.portfolio-item__author {
  position: absolute;
  top: -55px;
  right: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #EFEFEF;
  border-radius: 0px 0px 5px 5px;
  width: 80px;
  height: 80px;
  z-index: 1;
}

.portfolio-item__author::before {
  content: '';
  width: 100%;
  height: 10px;
  background: #D11B1D;
  border-radius: 5px 5px 0px 0px; 
  position: absolute;
  display: flex;
  top: -15px;
}

.portfolio_pagination__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  list-style: none;
  padding: 0;
  margin: 0 auto 100px auto;
}

.portfolio_pagination__link {
  background: #EFEFEF;
  border-radius: 5px;
  height: 30px;
  min-width: 30px;
  font-family: 'Cera Pro', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.portfolio_pagination__link--current,
.portfolio_pagination__link:hover {
  background: #163072;
  color: #FFFFFF;
}

@media (max-width: 768px) {
  main {
    width: 100% !important;
  }

  .title-block {
    margin-bottom: 40px !important;
  }

  .title-block h1 {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .container {
    padding: 0 20px !important;
  }
  .portfolio-nav-list {
    transition: all 0.2s linear;
    flex-wrap: nowrap;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
    margin-bottom: 40px;
  }

  .portfolio-nav-list .portfolio-nav-item_link--current {
    background: #D11B1D;
    position: relative;
  }

  .portfolio-nav-list.open .portfolio-nav-item_link--current {
    background: #163072;
  }

  .portfolio-nav-item_link--current::after {
    content: '';
    width: 14px;
    height: 11px;
    position: absolute;
    top: calc(50% - 11px/2);
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 0.499107C0.5 0.366499 0.552678 0.239322 0.646447 0.145554C0.740215 0.0517859 0.867392 -0.000892639 1 -0.000892639H14C14.1326 -0.000892639 14.2598 0.0517859 14.3536 0.145554C14.4473 0.239322 14.5 0.366499 14.5 0.499107C14.5 0.631716 14.4473 0.758892 14.3536 0.852661C14.2598 0.946429 14.1326 0.999107 14 0.999107H1C0.867392 0.999107 0.740215 0.946429 0.646447 0.852661C0.552678 0.758892 0.5 0.631716 0.5 0.499107ZM7.5 2.99911C7.63261 2.99911 7.75979 3.05179 7.85355 3.14555C7.94732 3.23932 8 3.3665 8 3.49911V9.29211L10.146 7.14511C10.2399 7.05122 10.3672 6.99848 10.5 6.99848C10.6328 6.99848 10.7601 7.05122 10.854 7.14511C10.9479 7.23899 11.0006 7.36633 11.0006 7.49911C11.0006 7.63188 10.9479 7.75922 10.854 7.85311L7.854 10.8531C7.80755 10.8997 7.75238 10.9366 7.69163 10.9618C7.63089 10.987 7.56577 11 7.5 11C7.43423 11 7.36911 10.987 7.30837 10.9618C7.24762 10.9366 7.19245 10.8997 7.146 10.8531L4.146 7.85311C4.05211 7.75922 3.99937 7.63188 3.99937 7.49911C3.99937 7.36633 4.05211 7.23899 4.146 7.14511C4.23989 7.05122 4.36722 6.99848 4.5 6.99848C4.63278 6.99848 4.76011 7.05122 4.854 7.14511L7 9.29211V3.49911C7 3.3665 7.05268 3.23932 7.14645 3.14555C7.24021 3.05179 7.36739 2.99911 7.5 2.99911Z' fill='white'/%3E%3C/svg%3E");
  }

  .portfolio-nav-list.open .portfolio-nav-item_link--current::after {
    transform: rotate(180deg);
  }

  .portfolio-item__img-block {
    height: 211px;
  }

  .portfolio-item__text-block {
    padding: 20px;
  }

  .portfolio-item__title {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
  }

  .portfolio-nav-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .portfolio-item__btns {
    margin: 30px 0 0;
    gap: 15px;
  }

  .portfolio-item__btn {
    width: 100%;
  }

  .portfolio-nav-item_link {
    width: 100%;
    text-align: center;
  }

  .portfolio-nav-item_link--current {
    text-align: left;
    margin-bottom: 10px;
  }

  .portfolio-nav-item_link--empty {
    display: none;
  }

  .portfolio-list {
    grid-template-columns: 1fr;
    margin-bottom: 80px;
  }
}
/* End */
/* /local/templates/inner_pages_2022/components/bitrix/system.pagenavigation/news_new/style.css?17586202212680 */
/* /portfolio/style.css?17586202248017 */