/*
	Theme Name: oir-poisk.ru
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');


/*
	root
*/
:root {
  --text: #323232;
  --accente: #1B345C;
  --accente_hover: #304E80;
  --blue: #53B7E8;
  --blue_hover: #38B9F8;
  --white: #FFFFFF;
  --red: red;
  --grey: #F2F2F2;
  --grey_hover: #EAE8E8;
  --yellow: #FDFFC2;
}


html {
	margin: 0%;
	padding: 0%;
	color: var(--color-white);

    overflow-x: hidden;
}
body {
    margin: 0%;
    padding: 0%;
    line-height: 140%;
    font-size: 17px;
    font-family: 'Inter';
	font-weight: 400;
    color: var(--text);
    overflow-x: hidden;
}
a {
	color: var(--accente);
    text-decoration: none;
}
a:hover {
    color: var(--red);
    text-decoration: none;
}
h1, h2, p.h2, h3, p.h3, h4, p.h4, h5, h6 {
	font-weight: 700;
    letter-spacing: 0px;
	position: relative;
}
h1, p.h1 {
	font-size: 55px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
p.h2, h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
p.h3, h3 {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
    line-height: 120%;
	letter-spacing: 0;
}
p.h4, h4 {
    font-size: 20px;
    line-height: 20pt;
}
h5, h6 {
    font-size: 19px;
    text-transform: inherit;
    line-height: 20pt;
    margin: 0%;
    margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
input, select, textarea {
	outline: none;
}
/*
.center {
    margin: 0 auto;
    width: 90%;
    max-width: 1300px;
    box-sizing: border-box;
    position: relative;
}
*/
.center {
    box-sizing: border-box;
    position: relative;
    padding: 0;
    clear: both;
    display: block;
	width: 92%;
	max-width: 1350px;
	margin: 0 auto;
}
.center:after {
	content: '';
	clear: both;
	display: block;
}
.clear {
	position: relative;
	clear: both;
}
a.button, input[type="button"], input[type="submit"] {
    background-color: var(--blue);
    color: var(--white);
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 19px 26px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0px 6px 20px 11px rgb(0 0 0 / 3%);
    transition: 0.5s;
    text-transform: uppercase;
}
a.button:hover, input[type="button"]:hover, input[type="submit"]:hover {
    background-color: var(--blue_hover);
    color: var(--white);
}

/*
	section
*/
section {
    padding: 20px 0;
}
iframe {
    border: none;
    border-radius: 8px;
    object-fit: cover;
}
video {
    border: none;
    border-radius: 8px;
    object-fit: cover;
}

/*
	flex
*/
.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.center.flex:after {
	content: none;
}
.flex.flex_top {
    align-items: flex-start;
}
.gap10 {
	gap: 10px;
}
.gap20 {
	gap: 20px;
}
.gap30 {
	gap: 30px;
}

/*
	header
*/
header {
    background-color: var(--accente);
    color: var(--white);
    position: relative;
}
header:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(152deg, rgb(0 0 0) 0%, rgb(0 0 0 / 30%) 100%);
    object-fit: cover;
    z-index: 1;
    opacity: 0.8;
}
header img.bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
header > * {
	position: relative;
	z-index: 1;
}
header a {
    color: var(--white);
}
a.max {
    content: url('images/max.svg');
}
a.telegram {
    content: url('images/telegram.svg');
}
address a.max {
    content: url('images/max_color.svg');
}
address a.telegram {
    content: url('images/telegram_color.svg');
}

/*
	table
*/
table {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
	border-spacing: 0;
}
table thead th,
table thead td {
    border-bottom: 2px solid var(--accente);
}
table th,
table td {
    padding: 10px 30px;
    box-sizing: border-box;
	vertical-align: top;
    border-right: 1px solid #e5e5e5;
    min-width: 600px;
    text-align: left;
}
table tr th:first-child,
table tr td:first-child {
    padding-left: 0;
}
table tr th:last-child,
table tr td:last-child {
	padding-right: 0;
    border-right: none;
}
table thead {
	font-weight: 600;
}

/*
	top
*/
section.top {
    background-color: var(--accente);
}
section.top a:hover {
	color: var(--yellow);
}
.top a.tel {
    font-size: 22px;
}
.top .status {
    position: relative;
    font-size: 12px;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: left;
}
.top .status:before {
    content: '';
    background-color: #75c975;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    left: 4px;
    position: relative;
}
.top .status:after {
    content: '';
    background-color: #75c975;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    position: absolute;
    left: 0;
    opacity: 0.2;
    transition: 1s;
}
body.time .top .status:after {
    opacity: 0.7;
}
.top a.loc {
    position: relative;
    font-size: 14px;
    max-width: 250px;
    line-height: 120%;
    display: flex;
    gap: 10px;
}
.top a.loc:before {
	content: url('images/location.svg');
}
span.bmenu {
    display: none;
}

/*
	nav.main
*/
nav.main {
    background-color: var(--accente_hover);
    padding: 0;
    position: relative;
    z-index: 3;
}
nav.main ul.main {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0;
}
ul.main li {
    position: relative;
}
ul.main > li {
    padding: 0px;
    flex: 1 1 auto;
    text-align: center;
}
ul.main li.current-menu-item,
ul.main li.current_page_item {
	background-color: #37578c;
}
ul.main > li.menu-item-has-children:after {
	position: absolute;
	content: url('images/children.svg'):
}
ul.main > li:hover {
    background-color: #3c5b90;
}
ul.main > li ul {
	display: none;
}
ul.main > li:hover {
	background-color: #3F6094;
}
ul.main li:hover > a {
	color: #ebebbb;
}
ul.main > li > a {
    padding: 20px 10px;
    display: block;
}

ul.main > li:hover > ul {
    display: block;
    text-align: left;
    list-style-type: none;
    position: absolute;
    background-color: #3f6094;
    color: var(--white);
    z-index: 1;
    padding: 0;
    min-width: max-content;
}
ul.main > li:hover > ul > li > a {
    padding: 15px 40px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
ul.main > li:hover > ul > li:hover {
	background-color: #375583;
}
ul.main > li:hover > ul > li:hover > ul {
    background-color: #375583;
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: -320px;
    top: 0;
    z-index: 1;
    width: 320px;
}
ul.main > li:hover > ul > li:hover > ul > li > a {
    padding: 15px 40px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
ul.main > li:hover > ul > li:hover > ul > li:hover {
	background-color: #3F6094;
}

/*
	title
*/
section.title > .center > * {
    max-width: 900px;
}
section.title .desc {
    font-size: 21px;
    line-height: 130%;
    margin-bottom: 30px;
    max-width: 700px;
}

/*
	triggers
*/
section.triggers {
    font-size: 15px;
    line-height: 120%;
    padding: 80px 0 40px;
    opacity: 0.9;
}
section.triggers div.flex.regular_mobile {
	margin: 0%;
	padding: 0%;
	list-style-type: none;
}
section.triggers div.flex.regular_mobile .one {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
section.triggers div.flex.regular_mobile .one img {
    width: auto;
    height: 50px;
}

/*
	services
*/
section.services {
    padding-bottom: 60px;
}
.services_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.list .one {
    position: relative;
    background-color: var(--accente);
    height: 270px;
    border-radius: 8px;
    overflow: hidden;
}
.list .one a.bg {
    width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.list .one a.bg > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}
.list .one span.name,
.list .one a.name {
    font-size: 23px;
    position: absolute;
    bottom: 30px;
    padding: 0 90px 0 30px;
    box-sizing: border-box;
    z-index: 1;
    line-height: 130%;
    color: var(--white);
    font-weight: 600;
    z-index: 2;
}
.list .one:hover a.name {
    color: var(--yellow);
}
.list .one a.name {
    text-decoration: none; 
}
.list .one a.name:hover {
    text-decoration: none; 
}

/*
	prices
*/
section.prices {
	position: relative;
    padding: 15px 0 40px;
}
section.prices:before {
    content: '';
    position: absolute;
    background-color: var(--white);
    width: 96%;
    max-width: 1500px;
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 8px 8px 0 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px -20px 50px 0px rgb(195 195 195 / 30%);
}
ul.navi {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
}
ul.navi > li {
	cursor: pointer;
    float: left;
    margin: 0 10px 10px 0;
    box-sizing: border-box;
    background-color: var(--grey);
    border-radius: 8px;
    padding: 10px 20px;
}
ul.navi > li:hover {
    background-color: var(--grey_hover);
}
ul.navi > li.active {
    background-color: var(--accente);
	color: var(--white);
}
.prices_list article.one {
    margin: 0;
	padding: 20px 0;
	display: none;
}
.prices_list article.one.active {
	display: block;
}
section.prices input[type="button"] {
    margin: 0 auto;
    display: block;
}

/*
	about
*/
section.about .center.flex article {
    width: 50%;
}
section.about .center.flex{
    display: flex;
    align-items: flex-start;
}
video {
    background-color: var(--accente);
    min-width: auto;
    border-radius: 8px;
    height: 420px;
}
section.about video {
    width: 50%;
}
article iframe.alignright {
    height: 420px;
}

/*
	statistic
*/
section.statistic {
    padding: 20px 0 40px;
}
section.statistic > .center {
    border-top: 1px dashed #ddd;
}
section.statistic ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 70px;
    grid-row-gap: 30px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
section.statistic ul li {
    position: relative;
}
section.statistic ul li span {
    font-size: 40px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
    color: var(--blue);
}

/*
	step
*/
section.step {
	position: relative;
}
section.step:before {
    content: '';
    position: absolute;
    background-color: #F5F5F5;
    width: 98%;
    max-width: 1500px;
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
    left: 0;
    right: 0;
    top: 0;
	bottom: 0;
}
section.step > * {
	position: relative;
}
section.step .step_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 100px;
    grid-row-gap: 30px;
    list-style-type: none;
    margin: 40px 0 60px;
    padding: 0;
    align-items: self-start;
    justify-content: space-between;
    font-weight: 600;
    counter-reset: list 0;
}
section.step .step_list .one {
    position: relative;
}
section.step .step_list .one:before {
    counter-increment: list;
    content: '0' counter(list);
    text-align: right;
    position: absolute;
    top: 40px;
    left: 60px;
    z-index: 0;
    color: #fff;
    background: transparent;
    font-size: 140px;
    font-style: normal;
    font-weight: 600;
    line-height: 0;
    z-index: 0;
    padding: 10px;
    width: auto;
    height: auto;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
    padding: 0;
    transition: 0.5s;
}
section.step .step_list .one:after {
    content: url('images/arrow.svg');
    position: absolute;
    top: 0;
    right: -60px;
	transition: 1.2s;
}
section.step .step_list .one:hover:after {
    right: -80px;
	transition: 5s;
}
section.step .step_list .one > * {
    position: relative;
}
section.step .step_list .one:last-child:after {
	content: none;
}

/*
	portfolio
*/
section.portfolio {
    position: relative;
    z-index: 1;
}
.list.regular .one {
    float: left;
    width: 600px;
    margin: 0 20px 0 0;
    height: 400px;
}
.list .one {
	position: relative;
}
.list .one:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(2deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
    object-fit: cover;
    z-index: 2;
    opacity: 0.6;
    transition: 1s;
}
.list .one:hover:before {
    opacity: 0.8;
}

/*
	articles
*/
section.articles > * {
    position: relative;
    z-index: 1;
}
.articles_list.list.regular .one {
    width: 400px;
    height: 300px;
}

/*
	social_networks
*/
section.social_networks {
    position: relative;
    padding: 180px 0 40px;
    margin-top: -150px;
}
section.social_networks:before {
    content: '';
    position: absolute;
    background-color: #D5EBF5;
    width: 98%;
    max-width: 1500px;
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* padding-bottom: 200px; */
}
section.social_networks > * {
    position: relative;
}
section.social_networks .text {
    max-width: 200px;
}
.snetworks_list a.social {
    height: 35px;
    width: auto;
}
a.social.vk {
	content: url('images/vk_full.svg');
}
a.social.vk_video {
	content: url('images/vk_video_full.svg');
}
a.social.rutube {
	content: url('images/rutube_full.svg');
}
a.social.dzen {
	content: url('images/dzen_full.svg');
}
a.social.youtube {
	content: url('images/youtube_full.svg');
}
a.social.vk.little {
	content: url('images/vk_little.svg');
}
a.social.vk_video.little {
	content: url('images/vk_video_little.svg');
}
a.social.rutube.little {
	content: url('images/rutube_little.svg');
}
a.social.dzen.little {
	content: url('images/dzen_little.svg');
}
a.social.youtube.little {
	content: url('images/youtube_little.svg');
}

/*
	contact_bottom
*/
section.white_shadow {
    position: relative;
    padding: 20px 0 40px;
}
section.contact_bottom {
    position: relative;
	margin: 20px 0 0;
}
section.white_shadow:before {
    content: '';
    position: absolute;
    background-color: var(--white);
    width: 98%;
    max-width: 1500px;
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 0 0 8px 8px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    box-shadow: 0px 16px 50px 0px rgb(195 195 195 / 30%);
}
section.contact_bottom > .center.flex {
    align-items: normal;
    justify-content: space-between;
}

/*
	address
*/
address {
    width: 35%;
    font-style: normal;
}
address div {
    margin: 0 0 15px 0;
}
address div span {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
address .phone a {
    font-size: 27px;
    font-weight: 600;
    margin: 11px 0;
    display: table;
}
address .mess span {
    margin: 10px 0;
    font-weight: 500;
}
address .mess span {
    max-width: 200px;
    line-height: 120%;
}
address .mess.flex.gap20 {
    align-items: center;
    justify-content: flex-start;
}
address .email a {
    font-size: 20px;
}
address .location {
    font-weight: 600;
}
address .time_information {
    font-size: 16px;
    line-height: 120%;
}
address input[type="button"] {
    margin: 10px 0;
}
.map {
    background-color: var(--accente);
	border-radius: 8px;
	overflow: hidden;
}
section.contact_bottom .map {
    width: 65%;
    margin: 30px 0 0;
    min-height: 500px;
}
.map iframe {
    border: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
section.contact_bottom .map {
    width: 65%;
}

/*
	footer
*/
footer {
    background-color: var(--accente);
    color: var(--white);
    margin: 40px 0 0;
}
footer.smain {
    background-color: var(--accente);
    color: var(--white);
    margin-top: -100px;
    padding-top: 100px;
}
footer a {
    color: var(--white);
}
section.bottom_menu {
    padding: 40px 0;
    line-height: 125%;
    font-size: 15px;
}
section.bottom_menu .desc {
    width: 25%;
}
.menus.flex {
    align-items: flex-start;
    width: 75%;
}
.menus.flex span.close {
    display: none;
}
.desc a.logo {
    display: block;
}
.desc a.logo {
    display: block;
}
section.bottom_menu > .center {
    align-items: flex-start;
    gap: 100px;
}
.social_services.flex {
    justify-content: left;
    margin: 20px 0 0;
}
.menus .title {
    font-size: 22px;
    font-weight: 500;
    margin: 5px 0 25px;
}
.menus ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    column-count: 2;
    gap: 30px;
}
.menus ul li {
    margin: 0 0 10px 0;
}
.menus ul li.current_page_item > a {
	color: var(--blue_hover);
}
.menus ul li.current-menu-item > a {
	color: var(--blue_hover);
}

/*
	copyright
*/
section.copyright {
    font-size: 13px;
    color: #869EC5;
}
section.copyright a {
    color: #869EC5;
}
section.copyright > .center {
    border-top: 1px solid rgb(255 255 255 / 16%);
    padding: 20px 0 0;
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 30px;
}

/*
	single_page
*/
section.single_page {
    padding: 0 0 10px;
}

/*
	breadcrumbs
*/
.breadcrumbs {
    font-size: 14px;
}
section.breadcrumbs {
    padding: 10px 0;
    background-color: var(--grey);
}
.breadcrumbs a {
    position: relative;
    margin: 0 10px;
}
section.breadcrumbs > .center > span > span:first-child > a {
	margin-left: 0;
}
.breadcrumbs > span > span:first-child > a {
    margin-left: 0;
}
/*
.breadcrumbs a:after {
    content: url('images/breadcrumbs.svg');
    right: -22px;
    position: absolute;
}
*/
.breadcrumbs strong {
    margin-left: 10px;
}

/*
	contact
*/
section.information {
    margin: 30px 0;
}
section.data article p {
    margin: 5px 0;
    line-height: 170%;
}
a.download.pdf {
    position: relative;
    display: flex;
    gap: 20px;
    background-color: var(--grey);
    border-radius: 8px;
    padding: 12px 20px;
    box-sizing: border-box;
    align-items: center;
    justify-content: left;
    margin: 10px 0;
    line-height: 120%;
    color: var(--text);
}
a.download.pdf:before {
    content: url('images/pdf.svg');
}

/*
	questions
*/
.questions_list .one {
    padding: 20px 0;
	border-bottom: 1px solid #DFDFDF;
}
.questions_list .one:first-child {
	border-top: 1px solid #DFDFDF;
}
.questions_list .one article {
    display: none;
}
.questions_list .one.active article {
	display: block;
}
.questions_list .one .name {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    padding: 0 40px 0 0;
    box-sizing: border-box;
}
.questions_list .one .name:after {
    content: '+';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.questions_list .one .name:hover {
	color: red;
}

/*
	about
*/
article {
    line-height: 140%;
}
article .alignright {
    float: right;
    max-width: 55%;
    border-radius: 8px;
    margin: 0 0 20px 50px;
}
article .alignleft {
    float: left;
    max-width: 55%;
    border-radius: 8px;
    margin: 0 50px 20px 0;
}
article a {
	color: #0A86C3;
	text-decoration: none;
}
article a:hover {
	color: red;
	text-decoration: none;
}
article li {
    margin: 0 0 12px 0;
}
article blockquote {
    margin-left: 0;
    margin-right: 0;
    background-color: var(--grey);
    padding: 10px 30px;
    box-sizing: border-box;
    border-radius: 8px;
    display: table;
    width: 100%;
}
article.short {
    max-width: 1000px;
}
article iframe,
article video {
    width: 1100px;
    height: 620px;
    border-radius: 8px;
    background-color: var(--accente);
    border: none;
    box-sizing: border-box;
    object-fit: cover;
    height: 100;
}
article .gallery img {
    border: none !important;
    border-radius: 4px;
    background-color: var(--accente);
    max-width: 96%;
}
article .gallery .gallery-item {
    text-align: left !important;
}
article .wp-caption-text {
    font-size: 15px;
    margin-bottom: 10px;
    font-style: italic;
}
article div.wp-caption {
    max-width: 100%;
}

/*
	about
*/
section.article {
    padding-top: 0;
}
section.triggers_single {
    position: relative;
    color: var(--white);
}
section.triggers_single .center {
    align-items: flex-start;
    justify-content: space-between;
}
section.triggers_single:before {
    content: '';
    position: absolute;
    background-color: var(--accente);
    width: 98%;
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
section.triggers_single article {
    width: 40%;
}
section.triggers_single ul.triggers {
    width: 55%;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    font-size: 15px;
    line-height: 125%;
}
section.triggers_single ul.triggers li {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
section.triggers_single ul.triggers li img {
    width: 70px;
    height: auto;
    max-width: 100%;
}

/*
	documents
*/
section.documents {
    position: relative;
    margin: 30px 0;
}
section.documents:before {
    content: '';
    position: absolute;
    background-color: #F5F5F5;
    width: 96%;
    height: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 8px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
section.documents article {
    width: 40%;
}
section.documents .documents_slider {
    width: 55%;
    margin: 20px 0;
}
.documents_slider .one {
    float: left;
    margin: 0 10px 0 0;
    background-color: var(--accente);
    border-radius: 8px;
    overflow: hidden;
    height: 300px;
}
.documents_slider .one img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}

/*
	geo
*/
section.geo article {
    width: 40%;
}
section.geo .map {
    width: 55%;
    height: 450px;
}

/*
	social_networks single
*/
section.social_networks.single {
    padding: 40px 0;
    margin: 40px 0 0;
}

/*
	letters
*/
.letters_list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-bottom: 40px;
}
.letters_list .one {
    border-radius: 8px;
    border: 2px solid var(--grey);
    background-color: var(--grey);
    height: 360px;
    width: auto;
    object-fit: cover;
    aspect-ratio: 3/4.2;
    box-sizing: border-box;
}
.letters_list .one img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/*
	portfolio
*/
.portfolio_list.full {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.portfolio_list.full .one {
    height: 400px;
}

/*
	single page
*/
section.preview_page {
    position: relative;
    color: var(--white);
    height: 400px;
    background-color: var(--accente);
    padding: 35px 0 80px;
}
section.preview_page .breadcrumbs {
    margin-bottom: -20px;
}
section.preview_page a {
    color: var(--white);
}
section.preview_page:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(358deg, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
    object-fit: cover;
    z-index: 1;
    opacity: 0.9;
}
section.preview_page img.bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
section.preview_page > * {
    position: relative;
    z-index: 1;
}
section.preview_page .center > * {
    max-width: 1000px;
}
section.preview_page .center > article {
    max-width: 700px;
    margin-bottom: 30px;
}

/*
	oborudovanie
*/
.oborudovanie_list.full .one {
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px dashed #bdbdbd;
    padding: 25px 0;
}
.oborudovanie_list.full .one:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.oborudovanie_list.full .one .content {
    width: 40%;
}
.oborudovanie_list.full .one .content a.name {
    font-size: 32px;
    line-height: 130%;
    font-weight: 600;
    color: var(--text);
}
.oborudovanie_list.full .one .content a.name:hover {
	color: red;
}
.oborudovanie_list.full .one .image {
    border-radius: 8px;
    overflow: hidden;
    width: 60%;
}
.oborudovanie_list.full .one .image img {
    display: block;
    background-color: var(--accente);
}

/*
	service one
*/
section.about.tabs .about_blocks .one {
	display: none;
}
section.about.tabs .about_blocks .one.active {
	display: block;
}

/*
	archive stati - articles
*/
.articles_list.list.full {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin: 25px 0;
}
.articles_list.list.full .one {
    height: 330px;
}
.articles_list.list.full .one a.name {
    padding: 0 50px 0 30px;
}

/*
	slick
*/
.regular.visible .slick-list {
    overflow: visible;
}
span.arrow.middle {
    content: url('images/arrow_slider.svg');
    background-color: var(--white);
    padding: 14px;
    border-radius: 100%;
    position: absolute;
    top: 45%;
    right: 0;
    z-index: 2;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    box-shadow: 0px 6px 20px 11px rgb(0 0 0 / 16%);
    transition: 1s;
    cursor: pointer;
}
span.prev.arrow.middle:hover {
    box-shadow: 0px 6px 20px 11px rgb(0 0 0 / 36%);
}
span.arrow.middle.prev {
    left: 0;
	transform: rotate(180deg);
}
span.arrow.middle.next {
    right: 0;
}
span.arrow.middle.slick-disabled {
	opacity: 0;
    pointer-events: none;
}

/*
	callback_block
*/
section.callback_block {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 5;
    background-color: rgb(11 30 74 / 84%);
    max-width: 100%;
    min-width: 100%;
    color: #323232;
}
section.callback_block.active {
	display: block;
}
section.callback_block .content {
    position: relative;
    z-index: 30;
    left: 0;
    right: 0;
    display: block;
    top: 19%;
    margin: 0 auto;
    background: #fff;
    width: 400px;
    box-sizing: border-box;
    padding: 2% 3.5% 4%;
    box-shadow: 0 0 32px 12px rgb(0 0 0 / 44%);
    border-radius: 4px;
    display: block;
}
section.callback_block .content div.img {
    float: left;
    width: 50%;
    min-height: min-content;
    border-radius: 4px 0 0 4px;
    overflow: hidden;
}
section.callback_block .content div.img img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    transform: scale(1);
    transition: 1.5s;
}
.cblock_content {
    padding: 25px 50px;
    float: right;
    width: 50%;
    box-sizing: border-box;
}
form.callback_form {
    box-sizing: border-box;
}
section.callback_block .content p.h2 {
    font-size: 25px;
    line-height: 23pt;
    text-align: left;
    color: #323232;
}
form.callback_form input[type="text"], form.callback_form input[type="email"], form.callback_form input[type="tel"] {
    width: 100%;
    background-color: #FAFAFA;
    /* box-shadow: 0 0 32px 0px rgb(0 0 0 / 10%); */
}
form.callback_form input[type="button"] {
    margin-top: 10px;
}
section.callback_block span.close {
    content: url(images/close.svg);
    position: absolute;
    right: -15px;
    top: -12px;
    opacity: 1;
    transition: 1s;
    cursor: pointer;
    background: var(--blue);
    border-radius: 100%;
    padding: 20px;
}
.callback_block span.close:hover {
	transition: 1s;
    background: #f54d4d;
}
form .one {
    margin: 0 0 10px 0;
}
form .visibility {
	display: none;
}
form .politic {
    margin: 15px 0;
    font-size: 13px;
    line-height: 125%;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
form .politic a {
    text-decoration: none;
    color: var(--blue);
}
form .politic a:hover {
    text-decoration: none;
    color: var(--red);
}
form.callback_form input[type="button"] {
    margin-top: 10px;
}
form.callback_form p.politic {
    padding: 10px 0 0;
    font-size: 13px;
    line-height: 13pt;
    width: 100%;
	opacity: 0.5;
}
form.callback_form p.politic a {
	color: #323232;
}
input[type="text"], input[type="tel"] {
    position: relative;
    border: 1px solid #ddd;
    margin: 0;
    transition: 0.5s;
    padding: 16px 20px;
    box-sizing: border-box;
    border-radius: 8px;
    font-size: 19px;
}
form .one .name {
    font-size: 14px;
    margin-bottom: 5px;
}
input[type="email"].error, input[type="tel"].error, input[type="text"].error {
    border: 2px solid #ff8b8b !important;
}
input[type="email"].good, input[type="text"].good, input[type="tel"].good {
    border: 2px solid #57d800 !important;
}
.notification.notification_accept {
    background-color: #bce9bc;
    border-radius: 4px;
    padding: 25px;
    box-sizing: border-box;
    margin: 10px 0 0;
    line-height: 100%;
}
.notification.notification_accept strong {
    display: block;
    margin-bottom: 3px;
}
input[type="text"][name="name_form"] {
	background-image: url('images/person_input.svg');
}
input[type="tel"][name="phone_form"] {
	background-image: url('images/phone_input.svg');
}
form.callback_form input[type="text"],
form.callback_form input[type="tel"] {
	background-position: left 20px center;
	background-repeat: no-repeat;
	padding-left: 60px;
}


/*
	cookie pop_up
*/
section.cookie {
    position: fixed;
    bottom: 0;
    color: #323232;
    background-color: #fff;
    border-radius: 8px;
    z-index: 2;
    padding: 15px 25px;
    box-sizing: border-box;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 800px;
    left: 2%;
    bottom: 15px;
    transform: none;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    box-shadow: 0 0 8px 6px rgb(89 89 89 / 20%);
    font-size: 15px;
    line-height: 123%;
    text-align: left;
}
section.warning.warning--active {
    display: flex;
}
section.cookie a {
	color: var(--accente);
	text-decoration: none;
}
section.cookie a:hover {
	color: var(--red);
	text-decoration: none;
}
section.warning {
    display: none;
}



/* popup__toggle */
#popup__toggle {
	bottom: 8%;
    right: 10px;
    position: fixed;
    z-index: 9;
	cursor: pointer;
	transition: 0.5s;
}
#popup__toggle.dinamic {
	bottom: 10%;
	transition: 0.5s;
}
.img-circle{
	background-color: var(--blue);
	box-sizing: ontent-box;
	-webkit-box-sizing: content-box;
	transition: 1s;
}
#popup__toggle:hover .img-circle {
	background-color: var(--blue);
}
.circlephone {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	border: 2px solid var(--blue);
	width:150px;
	height:150px;
	bottom:-25px;
	right:10px;
	position:absolute;
	-webkit-border-radius:100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .5;
	-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
	-moz-animation: circle-anim 2.4s infinite ease-in-out !important;
	-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
	-o-animation: circle-anim 2.4s infinite ease-in-out !important;
	animation: circle-anim 2.4s infinite ease-in-out !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}
#popup__toggle:hover .circlephone {
	border: 2px solid var(--blue);
}
.circle-fill {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	background-color: var(--blue);
	width:100px;
	height:100px;
	bottom:0px;
	right:35px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
	-o-animation: circle-fill-anim 2.3s infinite ease-in-out;
	animation: circle-fill-anim 2.3s infinite ease-in-out;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all 0.5s;
}
.img-circle {
	box-sizing:content-box;
	-webkit-box-sizing:content-box;
	width:72px;
	height:72px;
	bottom: 14px;
	right: 49px;
	position:absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	opacity: 1;
	transition: 0.5s;
}
.img-circleblock {
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	width: 72px;
	height: 72px;
	background-image: url(images/callme.svg);
	background-position: center center;
	background-repeat: no-repeat;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	transition: 0.5s;
}
.img-circle:hover {
	opacity: 1;
}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
}

/*
	dinamic top panel
*/
@media(min-width: 901px) {
	body.dinamic section.top {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 3;
		padding: 0;
		height: 67px;
	}
	body.customize-support.dinamic section.top { 
		top: 30px;
	}
	body.dinamic section.top a.logo {
		max-width: 160px;
		margin: 5px 0;
	}
	body.dinamic .top a.loc {
		font-size: 12px;
	}
	body.dinamic .top a.tel {
		font-size: 18px;
	}
	body.dinamic input[type="button"] {
		padding: 16px 26px;
	}

	body.dinamic nav.main {
		position: fixed;
		left: 0;
		right: 0;
		top: 67px;
	}
	body.customize-support.dinamic nav.main {
		position: fixed;
		left: 0;
		right: 0;
		top: 97px;
	}
	body.dinamic ul.main > li > a {
		padding: 10px 10px;
		display: block;
	}
	body.dinamic ul.main > li:hover > ul > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	body.dinamic ul.main > li:hover > ul > li:hover > ul > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

}

@media(max-width: 1400px) {
	.letters_list .one {
		border-radius: 8px;
		border: 2px solid var(--grey);
		background-color: var(--grey);
		height: 360px;
		width: auto;
		object-fit: cover;
		aspect-ratio: auto;
		box-sizing: border-box;
	}
	.letters_list .one img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		max-width: 100%;
	}	
	
}

@media(max-width: 1350px) {
	body {
		font-size: 16px;
	}	
	.top a.loc {
		display: none;
	}
	header a.email {
		font-size: 14px;
	}
	.top a.tel {
		font-size: 20px;
	}
	a.button, input[type="button"] {
		padding: 19px 20px;
	}
	.letters_list {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media(max-width: 1300px) {
	body {
		font-size: 15px;
	}	
	.top a.loc {
		display: none;
	}

}

@media(max-width: 1200px) {
	.articles_list.list.full {
		grid-template-columns: repeat(3, 1fr);
	}	
	.letters_list {
		grid-template-columns: repeat(3, 1fr);
	}
	
}

@media(max-width: 900px) {
	
	html.main {
		margin-top: 0 !important;
		overflow-x: hidden;
	}
	html #wpadminbar {
		display: none !important;
		height: 0px !important;
		max-height: 0px !important;
	}	
	
	.center {
		width: 92%;
		min-width: 92%;
		max-width: 92%;
	}
	h1 {
		font-size: 40px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
	}
	p.h2, h2 {
		font-size: 28px;
		line-height: 120%;
		font-weight: normal;
		position: relative;
		font-weight: 600;
		letter-spacing: 0;
	}
	p.h3, h3 {
		font-size: 24px;
		line-height: 120%;
	}
	h4, h5, h6 {
		font-size: 20px;
		line-height: 120%;
	}
	
	body,
	article {
		line-height: 135%;
		font-size: 15px;
	}	


	html {
		background: #fff;
	}

	#popup__toggle {
		bottom: 8%;
		right: 3px;
		position: fixed;
		z-index: 15;
	}
	.circlephone {
		max-width: 70px;
		max-height: 70px;
	}
	.circle-fill {
		max-width: 45px;
		max-height: 45px;
		bottom: -12px;
		right: 23px;
	}
	.img-circle {
		width: 25px;
		height: 25px;
		right: 33px;
		top: -27px;
	}
	.img-circleblock {
		width: 20px;
		height: 20px;
		right: 3px;
		top: 2px;
		position: absolute;
		background-size: 65%;
	}

	/*
		top
	*/
	section.top a.logo {
		max-width: 40%;
	}
	section.top a.loc {
		display: none;	
	}
	section.top a.email {
		display: none;	
	}
	section.top .phone {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	section.top .phone .status {
		display: none;	
	}
	section.top input[type="button"] {
		display: none;	
	}
	section.top a.tel {
		content: url('images/phone_mobile.svg');
	}

	span.bmenu {
		display: block;
		content: url('images/bmenu.svg');
	}

	/*
		body.dinamic section.top
	*/	
	body.dinamic section.top {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		border-bottom: 1px solid var(--white);
		z-index: 3;
	}	

	/*
		breadcrumbs
	*/
	section.breadcrumbs {
		padding: 5px 0;
		background-color: var(--grey);
		font-size: 12px;
	}
	.breadcrumbs a {
		position: relative;
		margin: 0 5px;
	}
	.breadcrumbs strong {
		margin-left: 5px;
		font-weight: 500;
		color: #7e7e7e;
	}
	.breadcrumbs > .center > span > span {
		margin: 0 10px;
	}		
	.breadcrumbs > .center > span {
		display: flex;
		overflow: auto;
		padding-bottom: 5px;
		overflow: auto;
	}
	.breadcrumbs > .center > span > span {
		width: auto;
		min-width: fit-content;
	}
	.breadcrumbs > .center > span {
		max-width: max-content;
		min-width: auto;
		margin-left: 5px;
	}
	.breadcrumbs span.breadcrumb_last > strong {
		min-width: max-content;
		width: max-content;
		max-width: max-content;
		display: block;
		position: relative;
	}	
	.breadcrumbs > .center > span:first-child {
		margin-left: 0;
		padding-bottom: 0;
	}
	.breadcrumbs > .center > span:first-child > span:first-child {
		margin-left: 0;
	}	

	/*
		nav
	*/
	nav.main {
		display: none;	
	}

	/*
		triggers
	*/
	section.triggers {
		padding: 50px 0 40px;
	}
	section.triggers div.flex.regular_mobile .one {
		display: flex;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
		padding: 20px 50px;
		box-sizing: border-box;
	}
	section.triggers div.flex.regular_mobile .one img {
		width: auto;
		height: 50px;
		float: left;
		margin: -15px 0 0 0;
	}
	section.triggers ul.slick-dots li {
		display: inline-block;
		gap: 20px;
		align-items: center;
		justify-content: space-between;
		border-radius: 100%;
	}
	ul.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 7px;
		height: 7px;
		padding: 4px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: var(--accente) !important;
		transition: 1s;
		border-radius: 100%;
	}
	ul.slick-dots li.slick-active button {
		background: var(--blue) !important;
	}
	ul.slick-dots {
		bottom: -35px;
	}
	section.triggers ul.slick-dots {
		bottom: -15px;
	}
	section.triggers ul.slick-dots li button {
		background: var(--white) !important;
	}
	section.triggers ul.slick-dots li.slick-active button {
		background: var(--blue) !important;
	}

	section {
		padding: 10px 0;
	}

	/*
		services
	*/
	section.services {
		padding-bottom: 30px;
	}
	.services_list {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 0;
		grid-row-gap: 10px;
	}
	.services_list .one {
		height: 180px;
	}

	/*
		prices
	*/
	ul.navi {
		margin: 0;
		padding: 0 0 15px 0;
		list-style-type: none;
		display: flex;
		overflow: auto;
		gap: 10px;
	}
	ul.navi > li {
		cursor: pointer;
		float: none;
		margin: 0;
		box-sizing: border-box;
		background-color: var(--grey);
		border-radius: 8px;
		padding: 10px 20px;
		min-width: max-content;
	}

	/*
		about
	*/
	section.about .center.flex {
		display: block;
		align-items: flex-start;
	}
	section.about .center.flex article {
		width: 100%;
	}
	video,
	iframe {
		border: none;
		border-radius: 8px;
		object-fit: cover;
		max-width: 100%;
		height: 250px;
	}

	/*
		statistic
	*/
	section.statistic {
		padding: 20px 0;
	}	
	section.statistic ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	section.statistic ul li span {
		font-size: 34px;
	}

	/*
		table 
	*/
	table th, table td {
		padding: 10px;
		min-width: 50%;
	}

	/*
		step 
	*/
	section.step {
		position: relative;
		padding: 10px 0 20px;
		background-color: #F5F5F5;
	}	
	section.step:before {
		content: none;
	}	
	section.step .step_list {
		display: block;
		list-style-type: none;
		margin: 20px 0 30px;
	}
	section.step .step_list .one {
		position: relative;
		padding: 0 0 20px 0;
		width: 200px;
		margin: 0 80px 0 0;
		display: flex;
		align-items: self-start;
		justify-content: center;
	}
	section.step .step_list .one:before {
		font-size: 100px;
	}
	section.step .regular_width.visible .slick-list {
		overflow: visible;
	}

	/*
		list one
	*/
	.list .one a.name {
		font-size: 21px;
		bottom: 30px;
		padding: 0 20px 0 30px;
	}
	.list.regular .one {
		height: 270px;
	}
	.articles_list.list.regular .one {
		height: 250px;
	}

	/*
		social_networks
	*/
	section.social_networks {
		position: relative;
		padding: 190px 0 30px;
		margin-top: -150px;
	}
	section.social_networks:before {
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		display: block;
		border-radius: 0;
	}	
	section.social_networks > .center {
		display: block;
		text-align: center;
	}
	section.social_networks .text {
		max-width: 100%;
		margin-bottom: 15px;
	}
	section.social_networks .snetworks_list {
		display: block;
		text-align: center;
	}
	.snetworks_list a.social {
		height: 20px;
		width: auto;
		margin: 0 15px 15px 10px;
	}

	/*
		contact_bottom
	*/
	section.contact_bottom > .center.flex {
		display: block;
	}
	address {
		width: 100%;
		font-style: normal;
	}
	address .phone a {
		font-size: 24px;
		margin: 16px 0;
	}
	address .email a {
		font-size: 20px;
		display: table;
		font-weight: 600;
		margin: 5px 0 0;
	}
	address .location {
		font-weight: 600;
		font-size: 18px;
		line-height: 130%;
	}
	address .time_information {
		font-size: 15px;
		line-height: 120%;
		background-color: #f3f3f3;
		padding: 16px 20px;
		box-sizing: border-box;
		border-radius: 8px;
	}
	section.contact_bottom .map {
		width: 100%;
		margin: 20px 0 0;
		height: 400px;
		min-height: 400px;
	}
	section.contact_bottom.white_shadow {
		padding: 20px 0 12px;
		margin: 0;
	}
	address .mess.flex.gap20 {
		gap: 10px;
	}
	address .mess.flex.gap20 a.mess {
		height: 30px;
		width: auto;
	}

	/*
		footer
	*/	
	footer {
		margin: 0;
	}	

	/*
		bottom_menu
	*/
	section.bottom_menu {
		padding: 30px 0;
		line-height: 125%;
		font-size: 15px;
	}	
	section.bottom_menu > .center {
		display: block;
	}	
	section.bottom_menu .desc {
		width: 100%;
        font-size: 14px;
	}	
	section.bottom_menu .menus {
		display: none;
	}
	section.bottom_menu .desc a.logo {
		display: block;
		max-width: 60%;
		margin-bottom: 10px;
	}	

	/*
		copyright
	*/		
	section.copyright {
		padding: 0;
	}		
	section.copyright > .center {
		padding: 20px 0;
		display: block;
	}	
	section.copyright > .center > * {
		display: block;
	}

	/*
		body.menu_mobile
	*/
	body.menu_mobile section.bottom_menu .menus {
		display: block;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: var(--accente);
		width: 100%;
		z-index: 5;
		padding: 20% 14%;
		box-sizing: border-box;
		overflow: auto;
	}
	section.bottom_menu .menus .one {
		margin: 0 0 30px 0;
	}	
	.menus .title {
		font-size: 22px;
		font-weight: 500;
		margin: 5px 0;
	}	
	.menus ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		column-count: 1;
		gap: 30px;
	}
	.menus ul li {
		margin: 16px 0;
		font-size: 16px;
	}
	.menus.flex span.close {
		display: block;
		content: url('images/close.svg');
		background-color: var(--blue);
		padding: 26px;
		border-radius: 100%;
		position: absolute;
		right: -12px;
		top: -12px;
	}

	/*
		single_page
	*/
	section.article {
		padding: 0 0 10px 0;
	}
	section.single_page h1 {
		font-size: 28px;
	}
	article h2 {
		font-size: 21px;
	}
	article ol,
	article ul {
		padding-left: 20px;
	}
	article .alignright {
		float: none;
		max-width: 100%;
		border-radius: 8px;
		margin: 0 0 10px 0;
	}
	section.article article img.alignright {
		width: 100%;
		height: 320px;
		object-fit: cover;
	}

	/*
		triggers_single
	*/
	section.triggers_single {
		padding: 25px 0;
	}	
	section.triggers_single .center {
		align-items: flex-start;
		justify-content: space-between;
		display: block;
	}
	section.triggers_single:before {
		width: 100%;
		height: 100%;
		border-radius: 0;
	}
	section.triggers_single article {
		width: 100%;
	}
	section.triggers_single ul.triggers {
		width: 100%;
		list-style-type: none;
		margin: 0;
		padding: 10px 0;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		font-size: 15px;
		line-height: 125%;
	}
	section.triggers_single ul.triggers li {
		display: block;
	}
	section.triggers_single ul.triggers li img {
		display: block;
		width: auto;
		height: 45px;
		max-width: 100%;
		margin-bottom: 10px;
	}

	/*
		documents
	*/
	section.documents {
		position: relative;
		margin: 0;
		padding: 20px 0 50px;
	}
	section.documents:before {
		content: '';
		position: absolute;
		background-color: #F5F5F5;
		width: 1000%;
		height: 100%;
		margin: 0 auto;
		display: block;
		border-radius: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	section.documents .center.flex {
		display: block;
	}
	section.documents article {
		width: 100%;
	}
	section.documents .documents_slider {
		width: 100%;
		margin: 20px 0;
	}

	/*
		geo
	*/
	section.geo.white_shadow {
		padding: 20px 0 10px;
	}
	section.geo .center.flex {
		display: block;
	}
	section.geo article {
		width: 100%;
	}
	section.geo .map {
		width: 100%;
		height: 450px;
		margin: 30px 0 0;
	}

	/*
		social_networks
	*/
	section.social_networks.single {
		padding: 40px 0 20px;
		margin: 0;
	}

	/*
		portfolio
	*/
	.portfolio_list.full {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 20px;
		grid-row-gap: 10px;
		margin-bottom: 15px;
	}
	.portfolio_list.full .one {
		height: 270px;
	}

	/*
		single.php - portfolio article
	*/
	section.single_page.single h1 {
		font-size: 28px;
	}
	article iframe, article video {
		width: 100%;
		height: 300px;
	}

	/*
		questions
	*/	
	.questions_list .one .name {
		font-size: 17px;
	}

	/*
		reviews
	*/	
	.letters_list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		margin-bottom: 40px;
	}
	.letters_list .one {
		border-radius: 8px;
		border: 2px solid var(--grey);
		background-color: var(--grey);
		height: 232px;
		width: 100%;
		object-fit: cover;
		aspect-ratio: 5 / 21;
		box-sizing: border-box;
	}

	/*
		single_page
	*/
	section.single_page section.contact_bottom.white_shadow {
		padding: 0;
		margin: 0;
	}
	section.white_shadow:before {
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		display: block;
		border-radius: 0 0 8px 8px;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		box-shadow: none;
	}
	section.information.white_shadow {
		margin: 0;
		padding-bottom: 0;
	}
	section.data.white_shadow .flex.flex_top {
		align-items: flex-start;
		display: block;
	}
	a.download.pdf {
		position: relative;
		display: flex;
		padding: 12px 20px;
		margin: 20px 0;
	}
	section.data.white_shadow {
		padding-bottom: 0;
	}
	
	/*
		oborudovanie
	*/
	.oborudovanie_list.full .one {
		align-items: flex-start;
		justify-content: space-between;
		border-bottom: 1px dashed #bdbdbd;
		padding: 25px 0;
		display: block;
	}
	.oborudovanie_list.full .one:first-child {
		padding-top: 10px;
	}
	.oborudovanie_list.full .one .content {
		width: 100%;
	}
	.oborudovanie_list.full .one .image {
		border-radius: 8px;
		overflow: hidden;
		width: 100%;
	}
	.oborudovanie_list.full .one .content a.name {
		font-size: 22px;
	}
	
	/*
		articles
	*/
	article blockquote {
		padding: 5px 20px;
	}	
	article .gallery .gallery-item {
		float: none !important;
		width: 100% !important;
		margin: 5px 0;
	}
	article .gallery br {
		display: none;
	}
	.articles_list.list.full {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-auto-flow: row dense;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		margin: 10px 0;
	}
	.articles_list.list.full .one {
		height: 160px;
	}
	.articles_list.list.full .one a.name {
		padding: 0 15px;
		font-size: 15px;
		bottom: 20px;
	}

	/*
		service one 
	*/	
	section.preview_page {
		position: relative;
		color: var(--white);
		height: auto;
		background-color: var(--accente);
		padding: 15px 0 70px;
	}	
	section.preview_page .center > * {
		max-width: 100%;
	}
	section.preview_page .breadcrumbs {
		margin-bottom: 0;
	}
	section.preview_page .breadcrumbs span.breadcrumb_last > strong {
		margin-left: 5px;
		font-weight: 500;
		color: #c7c7c7;
		display: inline-block;
	}
	section.prices:before {
		content: '';
		position: absolute;
		background-color: var(--white);
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin: 0 auto;
		display: block;
		border-radius: 0;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		box-shadow: none;
	}

	/* 
		cookie
	*/
	section.cookie {
		font-size: 13px;
		line-height: 125%;
		border-radius: 8px;
		padding: 15px 15px;
		max-width: 92%;
		left: 2%;
		bottom: 10px;
		transform: none;
		width: 75%;
		background: #fff;
		color: #323232;
		text-align: left;
	}
	section.cookie input[type="button"] {
		width: auto;
		margin: 7px 0 0;
		padding: 14px 20px;
	}	
	section.warning.warning--active {
		display: block;
	}
	
	/*
		callback_block
	*/
	section.callback_block .content {
		position: fixed;
		z-index: 30;
		left: 0;
		right: 0;
		display: block;
		top: 19%;
		margin: 0 auto;
		background: #fff;
		width: 100%;
		box-sizing: border-box;
		padding: 20% 12%;
		top: 0;
		bottom: 0;
		box-shadow: none;
		border-radius: 0;
	}	
	section.callback_block span.close {
		right: -10px;
		top: -10px;
	}	
	
	#popup__toggle {
		bottom: 6%;
		right: 10px;
		position: fixed;
		z-index: 15;
	}
	.circlephone {
		max-width: 100px;
		max-height: 100px;
	}
	.circle-fill {
		max-width: 65px;
		max-height: 65px;
		bottom: -8px;
		right: 27px;
	}
	.img-circle {
		width: 35px;
		height: 35px;
		right: 42px;
		top: -45px;
	}
	.img-circleblock {
		width: 30px;
		height: 30px;
		right: 3px;
		top: 2px;
		position: absolute;
		background-size: 65%;
	}
		
	
	
	
}