@import url("/bitrix/templates/artfactor/css/fonts/Circe/stylesheet.css");

*{
	font-family: 'Circe' !important;
}
html .logo-row  .top-description{
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 13px;
	text-transform: uppercase;
	color: #333333;
}
html .logo-row .slogan {
    padding-left: 0;
    margin-left: 1%;
    width: 11%;
}
html .logo_and_menu-row .burger{
	background: url(/bitrix/templates/artfactor/images/new/burger.png);
	background-repeat: no-repeat;
	background-position: center;
}
html .search_img{
	background: url(/bitrix/templates/artfactor/images/new/search.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
html .phone-block .region-block .p-block a{
	font-style: normal;
	font-weight: 350;
	font-size: 18px;
	line-height: 27px;
	color: #333333;
}
html .phone-block .region-block .p-block a img{
	padding-right: 10px;
}
html .logo_and_menu-row .phone-block .inner-table-block {
    padding-left: 16px;
    padding-right: 35px;
}
html .mega_fixed_menu .maxwidth-theme{
	background: transparent;
}
html .mega_fixed_menu {
    position: absolute;
    top: 101px;
}
html .mega_fixed_menu .maxwidth-theme .col-md-12{
	background: #FFFFFF;
	border: 1px solid #F2F2F2;
	box-sizing: border-box;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
html .mega_fixed_menu .svg.svg-close {
    top: -60px;
}
html .d-none{
	opacity: 0;
}
.mega-menu table td.dropdown .wrap > a i{
	display: none;
}
html .banners-big .slides .item .title{
	color: #fff;
}
html .banners-big .slides .item:hover .title{
	color: #fff;
}
html .banners-big .slides .text-block{
	color: #fff;
}
html .flexslider .slides > li a {

    text-align: center;
    border-radius: 30px;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 10px 50px;

}
html .banners-big.short-banner .flexslider, html .banners-big.short-banner .slides > li, html .banners-big.short-banner .slides, html .banners-big.short-banner .slides .text{
	height: 100%;
	max-height: 680px;
}
html .banners-big .slides .text{
	line-height: 650px;
}
html .banners-big .nav-carousel .flex-direction-nav li.flex-nav-prev a {
    background: url('/bitrix/templates/artfactor/images/svg/Arrow_left_white_large.svg') 14px 12px no-repeat;
}
html .banners-big .nav-carousel .flex-direction-nav li.flex-nav-next a {
    background: url('/bitrix/templates/artfactor/images/svg/Arrow_right_white_large.svg') 14px 12px no-repeat;
}
html .banners-big .nav-carousel .flex-direction-nav li:hover{
	background: transparent;
	border: 1px solid #9D9D9D;
}
html .banners-big .nav-carousel .flex-direction-nav li{
	background: transparent;
	border: 1px solid #9D9D9D;
}
html .logo-row .logo.logo-new {
    display: flex;
    flex-direction: row;
    align-items: center;
}
html .search_img.new_search{
	height: 40px !important;
}
html .catalog .title_block{
	font-family: Circe;
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 54px;
	color: #333333;
}
html .catalog.sections .items.services > div:first-child{
	height: 455px;
}
html .catalog.sections .items.services > div{
	height: 210px;
	position: relative;
	float: left;
}
html .row.new_fff {
    -webkit-display: block;
    -ms-display: block;
    display: block;
    margin-top: 40px;
}
html .row.new_fff .item{
	padding: 0px;
}
html .catalog.sections .items.services > div:first-child .item .img{
	height: 395px;
	overflow: hidden;
}
html .catalog.sections .items.services > div .item .img{
	height: 150px;
	overflow: hidden;
	text-align: center;
}
.item-views.sections .items.services .item .title a{
	font-style: normal;
	font-weight: normal;
	font-size: 19px;
	line-height: 20px;
	color: #FFFFFF; 
}
.item-views.sections .items.services .item .title{
	margin-bottom: 0px;
	padding: 20px;
	display: block;
	width: 100%;
	background: url(/bitrix/templates/artfactor/images/new/but_sh.jpg);
	background-color: #0a3c86;
	background-repeat: no-repeat;
	background-position: right;
}
html .COMPANY_INDEX h3{
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 42px;
	color: #333333;
}
html .item-views.blocks h3{
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 54px;
	color: #333333;
}
.flexslider .flex-direction-nav a:not(.flex-disabled) {
    opacity: 1;
    visibility: visible;
}
html .PORTFOLIO_INDEX .flexslider .slides > li a {
    line-height: 70px;
}
html .PORTFOLIO_INDEX .flexslider.navigation-vcenter .flex-direction-nav .flex-prev, html .PORTFOLIO_INDEX .flexslider.navigation-vcenter .flex-direction-nav .flex-next{
    border: 1px solid #E5E5E5;
    padding: 20px;
	border-radius: 50%;
}
html .PORTFOLIO_INDEX .front .flex-direction-nav a::before, .flex-direction-nav a::before {
    content: "";
    left: 23px;
    position: absolute;
    top: 23px;
    background: url(/bitrix/templates/artfactor/images/svg/Arrow_left_black_sm.svg) -0px 0 no-repeat;
    width: 20px;
    height: 20px;
    margin: 0 0 0 0px;
    opacity: .7;
    transition: opacity .3s ease;
    transform: translateY(-50%) translateX(-50%);
}
html .PORTFOLIO_INDEX .front .flex-direction-nav a.flex-next::before {
    background: url(/bitrix/templates/artfactor/images/svg/Arrow_right_black_sm.svg) -0px 0 no-repeat;
    left: 26px;
}
html .PORTFOLIO_INDEX .item-views.staff-items.table-type-block.normal .item .image{
	margin-bottom: 0px;
}
html .MAP_INDEX  .bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info{
	top: 0px;
	bottom: 0px;
}
html .MAP_INDEX .maxwidth-theme{
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
}
html .MAP_INDEX .bx-yandex-view-layout .pane_info_wrapper{
	height: 100%;
}
html .MAP_INDEX .bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info {
    background: url(/bitrix/templates/artfactor/images/new/but_sh2.jpg);
    background-color: #0A3C86;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 430px;
    display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0px 55px;
}
html .MAP_INDEX .bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info .title{
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 54px;
	color: #FFFFFF; 
}
.pane_info_wrapper .pane_info .value-block{
	color: #fff;
}
.btn.btn-default.btn-transparent-bg:not(:hover){
	background: #fff;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .btn-block .btn {
    border-radius: 30px;
}
html .MAP_INDEX .btn-block {
    display: block;
    width: 200px;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block {
    padding: 10px 0px;
}
.pane_info_wrapper .pane_info .value-block {
    padding: 0px;
    font-style: normal;
	font-weight: 350;
	font-size: 17px;
	line-height: 24px;
	color: #FFFFFF;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .schedule {
    margin: 10px 0px;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .phones {
    padding-bottom: 0px;
    font-style: normal;
	font-weight: 350;
	font-size: 17px;
	line-height: 24px;
	color: #FFFFFF;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .info_block .schedule {
    color: #fff;
    font-style: normal;
	font-weight: 350;
	font-size: 17px;
	line-height: 24px;
	color: #FFFFFF;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .email a {
    color: #fff;
    font-style: normal;
	font-weight: 350;
	font-size: 17px;
	line-height: 24px;
	color: #FFFFFF;
}
.bx-yandex-view-layout .pane_info_wrapper .pane_info .email a:hover {
    color: #fff;
}
html .MAP_INDEX .info_block img{
	padding-right: 10px;
}
footer {
    background: none repeat scroll 0 0 #FFFFFF;
}
.bottom-menu .items > .item-link, .bottom-menu .items > .item-link a {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 54px;
	color: #444444;
}
.link_156{
	font-style: normal;
	font-weight: 350;
	font-size: 14px;
	line-height: 21px;
	text-decoration-line: underline;
	color: #333333;
}
.copy-block .logo-new{
	display: flex;
	flex-direction: column;
	display: none;
}
.copy-block .logo-new .slogan{
	padding: 0px;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	text-transform: uppercase;
	color: #333333;
	padding-top: 15px;
	padding-bottom: 40px;
}
.company-front.flexbox {
	align-items: end;
}
.profit-front-block .props .title {
    clear: unset;
}
.profit-front-block .item .image {
	background: unset;
	width: unset;
	height: unset;
	max-width: unset;
	max-height: unset;
	min-height: unset;
	border-radius: unset;
	line-height: unset;
	text-align: left;
	width: 100%;
}
.profit-front-block .item .image img{
	float: left;
	margin-right: 15px;
}
.profit-front-block .item .image + .body-info {
    padding:  0px;
}
.profit-front-block .item .title.bo{
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	color: #333333;
	padding-top: 15px;
}
.profit-front-block .item .title{
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #333333;
}
.COMPANY_INDEX{
	padding-bottom: 50px;
}
.profit-front-block .props .title {
    margin: 0;
    padding-top: 0px;
}
.body:not(.index) {
    background: #E5E5E5;
}
.right_block{
	padding: 25px;
	background: #FFFFFF;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
}
.full_block {
	width: 100% !important;
	padding: 25px;
	background: #FFFFFF;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
}
.side-menu > li > a {
    border: none;
    border-bottom: 1px solid #DEDEDE;
}
.side-menu {
    border-bottom: none;
}
section.page-top h1{
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 42px;
	color: #333333;
}
.history.item-views.list .item .title{
	font-style: normal;
	font-weight: bold !important;
	font-size: 26px;
	line-height: 30px;
	text-align: center;
	color: #0A3C86;
}
.history.item-views.list .item {
    background: #f3f3f3;
}
.history.item-views.list .item .info{
	background: #fff;
	border: 0px solid #E9E9E9;
}
.accordion-head span img{
	position: absolute;
	right: 25px;
	transition: all 0.3s;
	top: 50%;
	transform: translateY(-50%);
}
.accordion-head.accordion-open span img{
	transform: rotate(180deg) translateY(50%);
}
.item-views.accordion .item {
    margin-bottom: 10px;
    padding-bottom: 0;
    background: #F5F5F5;
}
.item-views.accordion .item.opened {
    background: #f2f2f2;
    border-top: 2px solid #0A3C86 !important;
    border-bottom: 2px solid #0A3C86 !important;
}
.accordion-type-1 .item .accordion-body{
    background: #fff;
}
body .table-type-block.item-views .row > div .item{
	display: flex;
	flex-direction: row;
	box-shadow: none;
}
.item-views.table-elements .item .image {
    max-width: 275px;
}
.table-type-block.item-views.table-elements .row > div{
	border-bottom: 1px solid #E6E6E6;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 32px;
	margin-right: 32px;
}
.table-type-block.item-views.table-elements .row > div:not(:first-child){
	padding-top: 32px;
}
.item-views.table-elements .item .body-info .title{
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #333333;
}
.item-views.table-elements .item .body-info .previewtext{
	font-style: normal;
	font-weight: 350;
	font-size: 17px;
	line-height: 24px;
	color: #333333;
}
.item-views.table-elements .item .body-info .btn {
    position: absolute;
    bottom: 0px;
    border: 1px solid #0A3C86;
	border-radius: 30px;
	padding: 7px 35px;
}
.item-views.table-elements .item .body-info .btn a{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #0A3C86;
}
.item-views.table-elements.news2 .item .body-info {
    padding-left: 40px;
}
.right_block.narrow_N{
	background: transparent;
	box-shadow: none;
}
.maxwidth-theme .right_block.narrow_N{
	background: #fff;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
}

body.header_nopacity.header_fill_none header .maxwidth-theme{
	background: transparent !important;
}

.text_before_items .introtext{
	border: none;
	padding: 0px;
}
.list-type-block.item-views.wide_img .item > .image{
	padding: 0px;
	height: 200px;
}
.item-views.list .item .image img{
	height: 100%;
	object-fit: cover;
}
.list-type-block.item-views.wide_img .item .body-info{
	padding: 0px;
}
.item-views .item .title a{
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 20px;
	color: #000000;
}
.item-views .item p{
	font-style: normal;
	font-weight: 350;
	font-size: 15px;
	line-height: 21px;
	color: #333333;
}
.item-views .item .btn{
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	color: #0A3C86;
	background: #fff;
	border: 1px solid #0A3C86;
	box-sizing: border-box;
	border-radius: 30px;
	padding: 7px 35px;
}
.item-views .item .link-block-more{
	position: absolute;
	bottom: 25px;
}
.list-type-block.item-views .item{
	padding: 25px 0px;
	border: none;
	border-bottom: 1px solid #f2f2f2;
}
.obsluzchivanie-kranov .profit-front-block{
	display: flex;	
	flex-wrap: wrap;
}
.obsluzchivanie-kranov .profit-front-block > div {
	margin-bottom: 20px;	
}

.bottom-menu .items > .item-link, .bottom-menu .items > .item-link a {
    font-size: 20px;
    line-height: 20px;
    padding-top: 20px;
}

footer:not(.footer-grey) .bottom-menu .item.active .title a, footer:not(.footer-grey) .bottom-menu .item:hover .title a{
	color: #444 !important;
}

/*.active2{
	border-bottom: 1px solid #0A3C86;
}*/
.active2 a{
	color: #0A3C86 !important;
}
.side-menu .submenu > li.active2 > a{
	color: #0A3C86 !important;
}
.side-menu .submenu > li > a {
    text-decoration: none;
    color: #555555 !important;
}
.slice-item img{
	object-position: center;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
span.zoom {
    background-color: #0A3C86;
    background-image: url('/bitrix/templates/artfactor/images/zoom2.jpg');
}

@media (max-width: 600px){
	body .table-type-block.item-views .row > div .item{
		flex-direction: column;
	}
	.item-views.table-elements .item .body-info .btn{
		position: relative;
		margin-top: 15px;
	} 
	.item-views.table-elements .item .image{
		margin: 0 auto;
	}

	.item-views .item .link-block-more{
		left: 0;
		right: 0;
		text-align: center;
	}
}

.mega_fixed_menu .mega-menu table tr {
    display: table-cell;
    vertical-align: top;
}
.mega_fixed_menu .mega-menu table tr:first-child td {
	width: 100%;
}
.mega_fixed_menu .mega-menu table tr:first-child td ul li:last-child {
	padding-bottom: 25px;
}
.mega_fixed_menu .mega-menu table .menu-item {
    width: 33%;
}

#headerfixed .mega-menu table td .wrap > a {
    width: 170px;
    white-space: normal;
    line-height: 20px !important;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	margin: 5px 0px;
	padding: 0px;
}
#headerfixed .top-description{
	display: none;
}
@media (max-width: 600px){
	.catalog.sections .item .info {
	    padding-top: 0px;
	}
	.slice-item img{
		object-fit: cover;
	}
	.bx-yandex-view-layout.front_map .pane_info_wrapper .pane_info{
		left: 0px;
	}
	html .MAP_INDEX .maxwidth-theme{
		position: relative;
		height: 400px;
	}
}

.text_after_items ul li::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 5px;
    height: 5px;
    background: #0A3C86;
    border-radius: 50%;
    transform: translateY(-50%);
}


@media (max-width: 991px) and (min-width: 768px){
	html .catalog.sections .items.services > div:first-child{
		height: 210px;
	}
	html .catalog.sections .items.services > div:first-child .item .img{
		height: 150px;
	}
	html .catalog.sections .items.services > div{
		width: 50%;
	}
}
@media (max-width: 768px){
	html .catalog.sections .items.services > div{
		width: 100%;
	}
}

.menu-item .wrap:nth-child(2){
	margin-bottom: 10px;
}



.side-menu .submenu > li > a {
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}
.side-menu .submenu > li:last-child > a {
    border-bottom: 0px solid #eee;
    margin-bottom: 0px;
}



.flexslider .slides img {
    height: auto;
    object-fit: contain;
    max-height: 100px;
}


.items.row.row_block1.services .slice-item{
  transition: all 0.3s;
}
.items.row.row_block1.services .slice-item:hover{
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  box-shadow: 0px 5px 10px #ddd;
}

.ask_a_question222{
	text-align: center;
	padding-top: 15px;
}

figure.effect-oscar {
  background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%);
  background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);
}

figure.effect-oscar img {
  opacity: 0.9;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-oscar figcaption {
  padding: 3em;
  background-color: rgba(58,52,42,0.7);
  -webkit-transition: background-color 0.35s;
  transition: background-color 0.35s;
}

figure.effect-oscar figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
}

figure.effect-oscar h2 {
  margin: 20% 0 10px 0;
  -webkit-transition: -webkit-transform 0.35s;
  transition: 0.35s;
  position: absolute;
  top: 50%;
  transform: translate( -50%, -50%);
  left: 50%;
      width: 100%;
    padding: 0 20px;
}

figure.effect-oscar figcaption::before,
figure.effect-oscar p {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

figure.effect-oscar:hover h2 {
/*    top: 30px;*/
    transform: translate( calc(-50%), calc(-90px));
}
figure.effect-oscar h2 {
	color: white;
}
figure.effect-oscar:hover figcaption::before,
figure.effect-oscar:hover p {
  opacity: 1;
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}

figure.effect-oscar:hover figcaption {
  background-color: rgba(58,52,42,0);
}

figure.effect-oscar:hover img {
  opacity: 0.4;
}


.service-grid {
  position: relative;
  list-style: none;
  text-align: center;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.service-grid figure.last {
  background: transparent;
}
/* Common style */
.service-grid figure {
  position: relative;
  overflow: hidden;
  margin: 10px 0;
  max-width: 400px;
  max-height: 300px;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.service-grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.service-grid figure figcaption {
  color: #fff;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
}

.service-grid figure figcaption::before,
.service-grid figure figcaption::after {
  pointer-events: none;
}

.service-grid figure figcaption,
.service-grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.service-grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.service-grid figure h2 {
  word-spacing: 0;
  font-weight: 300;
}

.service-grid figure h2 span {
  font-weight: 800;
}

.service-grid figure h2,
.service-grid figure p {
  margin: 0;
}

.service-grid figure p {
  letter-spacing: 1px;
/*  font-size: 68.5%;*/
  margin: auto;
  width: 85%;
}

.like_h2 {
	font-size: 18.5pt;
}
.like_h3 {
	font-size: 14.5pt;
}
.flex-cont {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	    justify-content: space-between;
padding: 15px 0;
}
.logo-row .flex-cont .top-description {
    height: auto;
    line-height: 1.2;
}
.adr, .shed, .phn {
    display: flex;
    column-gap: 10px;
    max-width: 250px;
    align-items: center;
}
.adr span, .shed span, .phn span {
    width: 20px;
    height: 20px;
    background: #0A3C86;
    display: flex;
    min-width: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.adr svg, .shed svg, .phn svg{margin-top: 2px;width:10px;}
.adr span svg path, .shed span svg path, .phn span svg path {
    fill: #fff!important;
}
.eml a img {
    width: 20px;
}

.eml a {
    display: flex;
    column-gap: 10px;
    align-items: center;
    font-size: 18px;
color:#222;
}
.phn a{
 font-size: 18px;
color:#222;
}

@media screen and (max-width: 420px) {
  .service-grid {
    justify-content: center;
  } 
  .service-grid figure.last {
    display: none;
  }
  .service-grid figure h2 {
  	font-size: 30px;
  }
}