:root {
--white: #fff;
--black: #070706;
--red: #d74245;
--blue: #1b2978;
--hover: #d74245;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
}
*::before,
*::after {
box-sizing: border-box;
}
ul,
ol {
list-style: none;
}
ul.dotted {
list-style: disc;
margin-left: 30px;
}
ol.decimal {
list-style: decimal;
margin-left: 30px;
}
ul.dotted li,
ol.decimal li {
padding: 3px 0;
}
p {
padding-bottom: 1em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table td {
padding: 5px 10px;
}
input,
button,
textarea,
select {
font: inherit;
color: inherit;
border: 0;
outline: 0;
}
body {
color: var(--white);
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.32px;
margin: 0;
padding: 0;
}
img {
max-width: 100%;
height: auto;
}
h1 {
color: var(--blue);
font-family: Prata;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-bottom: 30px;
}
h2 {
color: var(--blue);
font-family: Prata;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-bottom: 25px;
}
h3 {
color: var(--blue);
font-family: Prata;
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-bottom: 20px;
}
.page_title_h1 {
color: #1b2978;
font-family: Prata;
font-size: 36px;
font-style: normal;
line-height: 135%;
margin-bottom: 24px;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
textarea::-webkit-scrollbar {
width: 5px;
height: 5px;
}
::-webkit-scrollbar-track {
background: #0f203d;
}
textarea::-webkit-scrollbar-track {
background: #fff;
}
::-webkit-scrollbar-thumb {
border: 1px solid #16376d;
background: #16376d;
border-radius: 2px;
}
textarea::-webkit-scrollbar-thumb {
border: 1px solid #16376d;
background: #16376d;
border-radius: 2px;
}
.container {
max-width: 1520px;
margin: 0 auto;
padding: 0px 40px;
position: relative;
}
.container_arhive {
max-width: 1534px;
}
.strong {
font-weight: 700;
}
a {
color: var(--black);
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
-ms-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
a:hover {
color: var(--hover);
}
a,
a:active,
a:hover,
a:visited {
text-decoration: none;
}
iframe {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.btn {
cursor: pointer;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
line-height: 130%;
padding: 0 16px;
height: 52px;
font-size: 18px;
font-style: normal;
font-weight: 600;
border-radius: 100px;
display: inline-flex;
justify-content: center;
gap: 8px;
align-items: center;
color: #fff;
position: relative;
overflow: hidden;
letter-spacing: -0.1px;
}
.btn svg,
.btn span {
position: relative;
z-index: 5;
}
.btn:before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(182deg, #d74245 47.41%, #ab1f22 115.84%);
transition: all 0.4s;
z-index: 3;
}
.btn:after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(182deg, #ab1f22 1.79%, #d74245 70.22%);
transition: all 0.4s;
z-index: 2;
}
.btn:hover {
color: #fff;
}
.btn:hover:before {
opacity: 0;
} .welcome {
display: flex;
height: 100vh;
align-content: center;
justify-content: center;
align-items: center;
font-size: 70px;
background: #0f203d;
}
.scroll_top {
position: fixed;
bottom: 80px;
right: 40px;
cursor: pointer;
width: 45px;
height: 32px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease;
z-index: 40;
}
.scroll_top.visi {
opacity: 1;
visibility: visible;
}
.section,
.section_action {
position: relative;
}
.section_defaul {
padding: 80px 0;
}
.section_def {
background: #fff;
color: var(--black);
}
@media screen and (max-width: 1439.9px) {
.section_defaul {
padding: 46px 0;
}
}
@media screen and (max-width: 1365.9px) {
.section_defaul {
padding: 40px 0;
}
}
@media screen and (max-width: 1023.9px) {
}
@media screen and (max-width: 767.9px) {
}
@media screen and (max-width: 599.9px) {
}
.content_pdf {
display: none;
}
@media print {
body > * {
display: none !important;
}
.header_print_wrap {
display: block !important;
}
.header_print {
color: #fff;
font-weight: 600;
text-align: left;
padding: 10px 15px;
margin-bottom: 20px;
border: 3px solid #0f203d;
background-color: #0f203d !important;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
color-adjust: exact !important;
display: flex;
justify-content: space-between;
}
.content_pdf {
display: block !important;
position: static;
width: 100%;
height: auto;
font-size: 16pt;
line-height: 130%;
margin: 30px 0;
padding: 0;
color: #070706;
}
html,
body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.content_pdf {
page-break-inside: avoid;
page-break-after: avoid;
page-break-before: avoid;
}
blockquote::before {
display: none !important;
}
}
.animate_on_scroll {
opacity: 0;
}
.cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.contain {
object-fit: contain;
width: 100%;
height: 100%;
}
.rv {
position: relative;
}
.cntr {
text-align: center;
}
[data-editor] ul {
padding-left: 20px;
}
[data-editor] li {
position: relative;
margin-bottom: 0.5em;
padding-left: 10px;
}
[data-editor] li::before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 2.8px;
height: 2.8px;
background-color: #fff;
border-radius: 50%;
}
[data-editor] a {
color: #8b0000;
}
[data-editor] a:hover {
text-decoration: underline;
}
main {
min-height: 70vh;
}
.section_page {
padding: 60px 0 0;
}
@media screen and (max-width: 1439.9px) {
.section_page {
padding: 42px 0 0;
}
} .header {
padding-top: 30px;
transition: padding 0.4s ease;
position: fixed;
z-index: 999;
left: 0;
right: 0;
top: 0;
}
.header_inner {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.header_fixed .header {
background: #132e5a;
padding-top: 20px;
box-shadow: 0 0 30px #071f45e3;
}
.header_logo_wrap {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.logo {
transition: opacity 0.4s;
}
.logo:hover {
opacity: 0.7;
}
.menu {
display: flex;
gap: 16px;
align-items: center;
color: var(--white);
}
.menu {
position: relative;
display: flex;
gap: 16px;
align-items: center;
color: var(--white);
z-index: 20;
}
.link {
color: var(--white);
font-size: 17px;
}
.dropdown {
position: relative;
padding: 27px 0 28px;
}
.dropdown_content {
position: absolute;
border-radius: 10px;
background: #d8ddea;
box-shadow: 0px 4px 23.2px 0px rgba(19, 37, 85, 0.82);
padding: 0;
width: max-content;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: 0.4s;
top: 100%;
}
.dropdown_item {
padding: 9px 15px;
display: flex;
color: #153364;
font-size: 17px;
font-style: normal;
font-weight: 500;
line-height: normal;
gap: 8px;
transition:
color 0.4s,
background 0.4s;
letter-spacing: 0px;
line-height: 120%;
}
.dropdown_item svg {
flex: 0 0 4px;
}
.dropdown_item:hover {
background: #f0f4fd;
}
.dropdown_header {
display: flex;
gap: 6px;
align-items: center;
}
.dropdown:hover .dropdown_content {
visibility: visible;
opacity: 1;
}
.dropdown_header svg {
transition: 0.4s;
transform: translateY(1px);
}
.dropdown:hover .dropdown_header svg {
transform: scale(-1) translateY(-3px);
}
.dropdown:hover .dropdown_link {
color: var(--hover);
}
.dropdown:hover .dropdown_header svg path {
stroke: var(--hover);
}
span.dropdown_link {
cursor: default;
}
.header_contacts_wrap {
position: relative;
z-index: 10;
}
.contacts_text {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
.contacts_text a {
color: var(--white);
font-weight: 600;
}
.contacts_text a:hover {
color: var(--hover);
}
.header_contacts {
display: flex;
flex-direction: column;
gap: 8px;
}
.contacts_buttons {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.contact_phones_hide {
display: flex;
flex-direction: column;
gap: 8px;
padding: 15px;
border-radius: 10px;
background: rgba(216, 221, 234, 0.95);
box-shadow: 0px 4px 23.2px 0px rgba(19, 37, 85, 0.82);
position: absolute;
top: calc(100% + 2px);
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.contacts_phones_inner.open .contact_phones_hide {
opacity: 1;
visibility: visible;
}
.link_phone {
color: #153364;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 120%;
white-space: nowrap;
}
.contacts_items {
display: flex;
gap: 12px;
align-items: center;
}
.contacts_phones_inner {
position: relative;
height: 36px;
display: flex;
align-items: center;
gap: 8px;
}
.contacts_phones_inner svg {
cursor: pointer;
}
.contacts_phones_inner svg path {
transition: 0.4s;
}
.contacts_phones_inner svg:hover path {
fill: var(--hover);
}
.link_phone_top {
color: #fff;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.link_button {
transition: 0.4s;
display: inline-flex;
}
.link_button:hover {
transform: scale(1.2);
}
.burger {
display: none;
}
.burger_lines {
position: relative;
height: 44px;
width: 40px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
padding: 0 2px;
cursor: pointer;
}
.burger_line {
border-radius: 2px;
background: #fff;
height: 4px;
width: 36px;
display: flex;
transition: 0.3s;
}
.header_logo a {
display: flex;
}
.contacts_items img {
width: 36px;
height: 36px;
}
@media screen and (max-width: 1439.9px) {
.header {
padding-top: 23px;
}
.header_logo img {
width: 266px;
height: 48px;
}
.contacts_text {
position: absolute;
top: -26px;
}
.header_inner {
padding: 10px 0;
}
}
@media screen and (max-width: 1365.9px) {
.container {
padding: 0px 30px;
}
.burger {
display: block;
}
.header_menu {
display: none;
}
.header_logo_wrap {
justify-content: flex-start;
padding-left: 70px;
}
.header_logo {
width: 220px;
}
.contacts_text {
font-size: 12px;
}
.link_button {
width: 30px;
}
.header_logo img {
width: 220px;
height: 44px;
}
.contacts_text {
top: -20px;
}
}
@media screen and (max-width: 1023.9px) {
.header {
padding-top: 14px;
}
.contacts_items img {
width: 30px;
height: 30px;
}
.header_fixed .header {
padding-top: 14px;
}
}
@media screen and (max-width: 781.9px) {
}
@media screen and (max-width: 767.9px) {
.header {
padding-top: 0;
}
.header_inner {
padding: 10px 0;
}
.container {
padding: 0px 15px;
}
.header_logo_wrap {
padding-left: 0;
justify-content: center;
}
.header_logo {
width: 223px;
padding-left: 5px;
}
.header_fixed .header {
padding-top: 0;
}
}
@media screen and (max-width: 600px) {
html div#wpadminbar {
display: none;
}
.header_logo img {
width: 223px;
height: 44px;
}
}
@media screen and (max-width: 350px) {
.header_logo img {
width: 200px;
}
.header_logo {
padding-left: 7px;
}
} .cursor {
pointer-events: none;
}
.inner,
.outline {
position: fixed;
z-index: 99999;
left: 0;
top: 0;
will-change: transform;
transition:
opacity 0.5s,
color 0.25s,
transform cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
.outline {
height: 93px;
width: 93px;
}
.inner {
height: 89px;
width: 89px;
}
.dot {
position: absolute;
border-radius: 100%;
height: 4px;
width: 4px;
background: red;
left: calc(50% - 2px);
top: calc(50% - 2px);
}
.label {
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 0);
opacity: 0;
}
.ring {
display: none;
}
.cursor.is_hidden .inner,
.cursor.is_hidden .outline {
opacity: 0;
transform: scale(0.8);
transition:
opacity 0.2s,
transform 0.2s;
}
.cursor .label,
.cursor svg circle#progressArc {
opacity: 0;
}
.cursor.with_label .label,
.cursor.with_label svg circle#progressArc {
opacity: 1;
}
.cursor.with_label .dot {
opacity: 0;
}
@media screen and (max-width: 1439.9px) {
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
}
@media screen and (max-width: 767.9px) {
}
@media screen and (max-width: 599.9px) {
} .bg_wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
z-index: 0;
}
.bg {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-repeat: no-repeat;
background-size: cover;
}
.bg_wrap_1 {
height: 1570px;
background: #0f203d;
}
.bg_1 {
top: -2279px;
left: -916px;
bottom: auto;
width: 5144.97px;
height: 4970.335px;
border-radius: 5144.97px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
)
no-repeat;
}
@media screen and (max-width: 1439.9px) {
.bg_1 {
top: -1512px;
left: -744px;
width: 3609.611px;
height: 3487.091px;
border-radius: 3609.611px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
)
no-repeat;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.bg_1 {
top: -901px;
left: -542px;
width: 2336px;
height: 2256px;
border-radius: 2336px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
)
no-repeat;
}
}
@media screen and (max-width: 767.9px) {
}
@media screen and (max-width: 599.9px) {
.bg_1 {
top: -610px;
left: -452px;
width: 1492px;
height: 1441px;
border-radius: 1492.201px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
)
no-repeat;
}
} .mobile_menu {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(19, 41, 78, 0.7);
backdrop-filter: blur(4.849999904632568px);
opacity: 0;
visibility: hidden;
transition: 0.4s 0.1s;
z-index: 99999;
}
.mobile_menu.active {
visibility: visible;
opacity: 1;
transition: 0.4s;
}
.mobile_menu_holder {
position: relative;
height: 100%;
background: #1c212d;
width: 300px;
overflow: hidden;
}
.mobile_menu_wrap {
position: absolute;
left: -100%;
top: 0;
bottom: 0;
padding: 10px 32px 10px 20px;
width: 300px;
transition: left 0.4s;
overflow-y: auto;
overflow-x: hidden;
}
.bg.bg_7 {
border-radius: 1492.201px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
);
width: 1441.552px;
height: 1492.201px;
transform: rotate(-90.929deg);
flex-shrink: 0;
left: -291px;
top: -354px;
}
.mobile_menu.active .mobile_menu_wrap {
left: 0;
}
.mobile_list {
display: flex;
flex-direction: column;
gap: 16px;
}
.mob_arrow {
display: flex;
width: 80px;
}
.mobile_menu .link {
color: var(--white);
font-size: 17px;
line-height: 21px;
font-weight: 500;
}
.mobile_menu .dropdown_header svg {
transform: translateY(0);
}
.dropdown_mob.open .dropdown_header svg {
transform: scale(-1) translateY(-2px);
}
.noscroll {
overflow: hidden;
}
.burger_close {
display: inline-flex;
align-items: center;
justify-content: flex-start;
padding: 4px 4px 4px 0;
}
.mobile_menu_inner {
display: flex;
flex-direction: column;
gap: 25px;
padding-top: 14px;
}
.header_contacts_mobile {
display: none;
flex-direction: column;
gap: 12px;
margin-top: 25px;
padding-top: 17px;
border-top: 1px solid #597db8;
}
.dropdown_content_mob {
position: relative;
border-radius: 10px;
padding: 0;
margin: 0;
}
.dropdown_mob {
display: flex;
flex-direction: column;
gap: 6px;
}
.dropdown_content_mob {
display: none;
}
.dropdown_content_mob.open {
display: block;
}
.mobile_menu_holder .dropdown_content_mob .link {
font-size: 15px;
width: 100%;
display: block;
padding-top: 6px;
font-weight: 400;
}
.dropdown_content_mob .link span {
display: block;
}
.dropdown_content_mob .link br {
display: none;
}
.mob_arrow.active svg {
transform: scale(-1);
}
.mobile_menu .link:hover,
.link.current {
color: var(--hover);
}
.mobile_menu_holder,
.mobile_menu_holder * {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
@media screen and (max-width: 1439.9px) {
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
}
@media screen and (max-width: 767.9px) {
.mobile_menu .contacts_items {
display: flex;
gap: 12px;
align-items: flex-start;
flex-direction: column;
}
.header_contacts_mobile {
display: flex;
}
.hide_mob {
display: none;
}
.welcome {
font-size: 30px;
}
.mobile_menu_wrap {
width: 350px;
}
.mobile_menu_holder {
width: 350px;
}
}
@media screen and (max-width: 500px) {
.mobile_menu_wrap {
width: auto;
right: 0;
}
.mobile_menu_holder {
width: 100%;
}
} .section_hero {
padding-top: 203px;
padding-bottom: 40px;
position: relative;
transition: 0.4s;
}
.section_page_hero {
padding-top: 106px;
overflow: hidden;
position: relative;
}
.hero_services {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 50px;
}
.hero_services_left {
flex: 0 1 760px;
padding-top: 31px;
position: relative;
overflow: hidden;
}
.hero_services_left p {
margin-bottom: 15px;
font-size: 22px;
line-height: 27px;
max-width: 620px;
}
.hero_services_left ul {
margin-top: 36px;
margin-bottom: 75px;
display: flex;
flex-direction: column;
gap: 27px;
}
.hero_services_left ul li {
padding-left: 37px;
background: url(//calangium.com/wp-content/themes/artfactor/img/lightning.svg) left top no-repeat;
max-width: 500px;
font-size: 23px;
font-style: normal;
line-height: 28px;
}
.hero_services_list_wrap {
height: 500px;
overflow-y: hidden;
}
.hero_services_list {
display: flex;
flex-direction: column;
gap: 60px;
will-change: transform;
transition: transform 0.4s ease;
}
.hero_services_left ul li span {
color: #d74245;
font-weight: 600;
}
.hero_services_item {
text-align: right;
font-weight: 600;
line-height: 20px;
transition: 0.4s;
display: flex;
justify-content: flex-end;
gap: 53px;
cursor: pointer;
}
.hero_services_list .hero_services_item_active {
color: #f94144;
}
.hero_services_list .hero_services_item:hover {
color: #f94144;
}
.hero_services_title {
color: #f5f5f5;
font-family: Prata;
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: 135%;
margin-bottom: 24px;
}
.hero_service {
visibility: hidden;
position: absolute;
top: 500px;
}
.hero_service.hero_services_item_active {
visibility: visible;
position: relative;
top: 0;
} .hero_services_title {
opacity: 0;
visibility: hidden;
transition:
transform 1s,
opacity 0.8s;
transform: translateY(90px);
}
.hero_services_anounce {
opacity: 0;
visibility: hidden;
transition:
transform 1.3s,
opacity 1.2s;
transform: translateY(90px);
}
.simple_btn.btn_animate {
opacity: 0;
visibility: hidden;
transition:
transform 1.6s,
opacity 1.4s,
color 0.4s ease-out;
transform: translateY(90px);
}
.hero_services_item_active .hero_services_title,
.hero_services_item_active .hero_services_anounce,
.hero_services_item_active .simple_btn.btn_animate {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.quote,
.quote.hero_quote > h1 {
color: rgba(255, 255, 255, 0.22);
font-family: Prata;
font-size: 24px;
line-height: 33px;
position: relative;
margin-bottom: 0;
white-space: nowrap;
}
.quote.hero_quote {
display: flex;
justify-content: space-between;
}
.hero_services_text {
padding-bottom: 95px;
}
.simple_btn {
color: #fff;
display: inline-flex;
gap: 6px;
align-items: center;
cursor: pointer;
transition: color 0.4s ease-out;
}
.simple_btn:hover {
color: var(--hover);
}
.arrow_wrap {
width: 36px;
text-align: right;
position: relative;
height: 20px;
}
.arrow_slide {
overflow: hidden;
width: 36px;
display: inline-flex;
position: absolute;
height: 20px;
left: 0;
transition: width 0.5s ease-out;
}
.arrow_inner {
display: flex;
align-items: center;
width: 62px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-40%);
}
.simple_btn:hover .arrow_slide {
width: 62px;
}
.simple_btn .arrow_w path {
transition: 0.5s ease-out;
stroke: #fff;
}
.simple_btn:hover .arrow_w path {
stroke: #f94144;
}
.item_n {
font-size: 24px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 11px;
font-weight: 400;
}
.item_b {
opacity: 0;
transition: opacity 0.5s ease-out;
}
.hero_services_item_active .item_b {
opacity: 1;
}
.hero_services_line {
padding: 36px 0 49px;
position: relative;
flex: 0 1 580px;
}
.hero_services_line:before {
content: "";
position: absolute;
right: 7px;
top: 0;
bottom: 0;
width: 1px;
background: #fff;
z-index: 0;
}
.hero_services_list_wrap {
position: relative;
}
.hero_services_list_wrap:before {
content: "";
position: absolute;
bottom: 5px;
left: 0;
right: 0;
height: 1px;
background: #fff;
display: none;
z-index: 0;
}
.breadcrumbs .nav__list {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.breadcrumbs-separator {
flex: 0 0 27px;
}
.breadcrumbs .nav__item {
display: flex;
gap: 8px;
align-items: center;
}
@media screen and (max-width: 1439.9px) {
.quote,
.quote.hero_quote > h1 {
font-size: 20px;
white-space: nowrap;
}
.hero_services_title {
font-size: 44px;
margin-bottom: 28px;
}
.hero_services_left p {
font-size: 18px;
line-height: 28px;
}
.hero_services_item {
font-weight: 600;
line-height: 20px;
gap: 40px;
}
.hero_services_list {
gap: 44px;
}
.hero_services_text ul { }
.section_hero {
padding-top: 133px;
padding-bottom: 24px;
}
.section_page_hero {
padding-top: 82px;
}
.hero_services_text {
padding-bottom: 18px;
}
}
@media screen and (max-width: 1365.9px) {
.hero_services_title {
font-size: 32px;
margin-bottom: 12px;
}
.hero_services_left ul {
margin-top: 0;
}
.hero_services_left {
flex: 0 1 760px;
padding-top: 0;
}
.section_hero {
padding-top: 112px;
padding-bottom: 18px;
}
.section_page_hero {
padding-top: 73px;
}
}
@media screen and (max-width: 1023.9px) {
.quote,
.quote.hero_quote > h1 {
font-size: 16px;
}
.hero_services_item {
font-size: 15px;
}
.item_n {
font-size: 19px;
}
.item_n svg {
width: 11px;
height: 11px;
}
.hero_services_line:before {
right: 6px;
}
.hero_services_list {
gap: 25px;
}
.hero_services {
gap: 20px;
}
.hero_services_left {
flex: 0 1 400px;
}
.section_hero {
padding-top: 110px;
padding-bottom: 16px;
}
.section_page_hero {
padding-top: 73px;
}
.hero_services_line {
flex: 0 1 500px;
}
}
@media screen and (max-width: 767.9px) {
.hero_quote {
left: auto;
transform: none;
position: relative;
text-align: center;
}
.hero_services {
gap: 70px;
flex-direction: column;
}
.hero_services_left {
flex: auto;
width: 100%;
}
.hero_services_line {
flex: auto;
width: 100%;
padding: 0 0 31px;
}
.hero_services_line:before {
display: none;
}
.hero_services_list_wrap:before {
display: block;
}
.hero_services_list {
flex-direction: row;
justify-content: space-between;
width: max-content;
padding: 0 11px;
}
.hero_services_item .item_t {
display: none;
}
.item_n {
font-size: 19px;
flex-direction: column;
}
.hero_service {
width: 100%;
}
.hero_services_list_wrap {
height: auto;
overflow: hidden;
}
.hero_services_list {
gap: 34px;
}
.hero_services_item {
width: 25px;
}
.section_hero {
padding-top: 83px;
padding-bottom: 16px;
}
.section_page_hero {
padding-top: 64px;
}
}
@media screen and (max-width: 599.9px) {
.hero_services_left ul li {
font-size: 18px;
}
.quote.hero_quote {
flex-wrap: wrap;
}
}
@media screen and (max-width: 500px) {
.quote.hero_quote {
flex-direction: column;
justify-content: center;
}
} .section_express {
padding: 60px 0 330px;
overflow: hidden;
}
.bg_3 {
background: #0f264d;
opacity: 0.6;
}
.section_title {
font-family: Prata;
font-size: 44px;
font-style: normal;
font-weight: 400;
line-height: 135%;
}
.express_steps {
max-width: 1020px;
margin: 43px auto;
display: flex;
justify-content: space-between;
}
.express_steps:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
height: 4px;
background: #fff;
}
.swiper-wrapper {
align-items: stretch;
}
.express_step {
display: flex;
width: 89.193px;
height: 89.193px;
justify-content: center;
align-items: center;
background: #fff;
color: #d74245;
font-family: Prata;
font-size: 43.91px;
font-style: normal;
font-weight: 400;
line-height: 135%;
position: relative;
border-radius: 137.22px;
}
.express_item {
border-radius: 20px;
background: rgba(255, 255, 255, 0.2);
padding: 20px;
min-height: 189px;
display: flex;
flex-direction: column;
gap: 24px;
height: auto;
}
.express_item_title {
font-family: Prata;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 135%;
letter-spacing: -0.1px;
}
.express_item_text {
font-size: 18px;
line-height: 120%;
}
.express .contacts_buttons {
justify-content: center;
}
.urist_title {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 50px 0 16px;
}
.urist_text {
max-width: 421px;
margin: 0 auto;
line-height: 130%;
}
.urist_note {
font-size: 16px;
margin-top: 50px;
display: flex;
flex-direction: column;
gap: 16px;
max-width: 820px;
margin: 50px auto 0;
letter-spacing: -0.1px;
text-align: left;
}
.btn_urist {
font-size: 16px;
}
.urist_note_el span {
font-size: 20px;
font-weight: 700;
letter-spacing: 0.2px;
}
.contacts_buttons_wrap.cntr {
margin: 29px 0 50px;
display: flex;
flex-direction: column;
gap: 32px;
align-items: center;
}
.contacts_buttons_wrap.lft {
margin: 29px 0 50px;
display: flex;
flex-direction: column;
gap: 32px;
}
@media screen and (max-width: 1439.9px) {
.express_item_title {
font-size: 24px;
}
.express_item_text {
font-size: 16px;
}
.bg.bg_2 img {
object-position: -70px top;
}
.express_steps {
max-width: 720px;
}
.express_step {
width: 58.906px;
height: 58.906px;
font-size: 28px;
}
.express_steps:before {
height: 2.642px;
}
.section_title {
font-size: 36px;
}
.urist_note {
margin-top: 38px;
}
.btn {
font-size: 16px;
font-weight: 500;
padding: 0 14px;
height: 44px;
}
.urist_note {
font-size: 14px;
max-width: 719px;
margin: 38px auto 0;
}
.urist_note_el span {
font-size: 14px;
}
.contacts_buttons_wrap.cntr {
margin: 16px 0 38px;
gap: 16px;
}
}
@media screen and (max-width: 1365.9px) {
.contacts_buttons_wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
}
@media screen and (max-width: 1023.9px) {
.express_items {
overflow: visible;
}
.bg.bg_2 img {
object-position: -230px top;
}
.express_steps {
max-width: 333px;
}
.express_step {
width: 35px;
height: 35px;
font-size: 16px;
}
.express_item_title {
font-size: 21px;
}
.express_item_text {
font-size: 15px;
}
.urist_title {
font-size: 19px;
}
.urist_text {
font-size: 15px;
}
.urist_note {
margin-top: 32px;
gap: 8px;
text-align: center;
}
.btn {
font-size: 15px;
padding: 0 14px;
height: 38px;
}
.contacts_buttons_wrap.cntr {
margin: 16px 0 32px;
flex-direction: row;
justify-content: center;
}
.section_title {
font-size: 26px;
}
}
@media screen and (max-width: 767.9px) {
.bg.bg_2 img {
object-position: -380px top;
}
.urist_note {
margin-top: 22px;
}
.contacts_buttons_wrap.cntr {
margin: 23px 0 22px;
flex-direction: column;
}
}
@media screen and (max-width: 599.9px) {
.btn_urist {
padding: 6px 13px;
line-height: 18px;
}
} .services {
overflow: hidden;
}
.section_services {
padding: 130px 0 40px;
margin-top: -230px;
position: relative;
overflow: hidden;
}
.btn_all {
display: flex;
justify-content: center;
margin: 32px 0 30px;
}
.bg_4 {
border-radius: 50% 50% 0 0 / 18% 18% 0 0;
height: 100%;
background: #0f203d;
left: -100px;
right: -100px;
overflow: hidden;
}
.bg.bg_5 {
width: 5144.97px;
height: 4970.335px;
border-radius: 5144.97px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
);
left: -970.54px;
top: -2071.28px;
}
.btn_default svg {
width: 22px;
height: 22px;
}
.services_buttons {
display: flex;
justify-content: center;
gap: 30px;
margin: 42px 0;
}
.services_wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.service {
border-radius: 20px;
background: rgba(255, 255, 255, 0.2);
padding: 20px 20px 66px;
color: var(--white);
display: flex;
flex-direction: column;
position: relative;
height: auto;
}
.service:hover {
color: var(--white);
}
.service_title {
font-family: Prata;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 135%;
margin-bottom: 24px;
}
.service_texts {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
}
.service_text {
display: flex;
gap: 19px;
align-items: flex-start;
}
.ramka {
display: inline-flex;
gap: 8px;
padding: 16px;
border-radius: 20px;
border: 1px solid #d74245;
white-space: nowrap;
font-style: normal;
line-height: 122%;
}
.ramka span {
font-weight: 700;
font-size: 20px;
}
.btn_bottom {
position: absolute;
bottom: 20px;
left: 20px;
}
.services_more {
margin-top: 30px;
}
.btn_more_wrap {
margin: 42px 0 46px;
display: flex;
justify-content: center;
}
.services_mob.swiper {
overflow: visible;
}
.services_mob_wrap {
display: none;
}
@media screen and (max-width: 1439.9px) {
.section_services {
padding: 100px 0 24px;
}
}
@media screen and (max-width: 1365.9px) {
.services_mob_wrap {
display: block;
}
.services_desk {
display: none;
}
.service_title {
font-size: 21px;
}
.simple_btn {
font-size: 15px;
}
.services_buttons {
margin: 32px 0 45px;
}
.service_texts {
font-size: 15px;
}
.ramka span {
font-size: 18px;
}
}
@media screen and (max-width: 1023.9px) {
.section_services {
padding: 60px 0 18px;
}
.bg_4 {
left: -300px;
right: -300px;
}
}
@media screen and (max-width: 767.9px) {
.section_services {
padding: 40px 0 18px;
}
.service {
padding: 8px 20px 59px;
}
.btn_bottom {
bottom: 8px;
}
.services_buttons {
margin: 32px auto 27px;
flex-direction: column;
gap: 15px;
max-width: 283px;
}
}
@media screen and (max-width: 599.9px) {
} .section_geo {
padding: 80px 0 220px;
background: #fff;
}
.title_blue {
color: #1b2978;
margin-bottom: 24px;
}
.btn_red {
color: #d74245;
}
.simple_btn .arrow_b path {
stroke: #122c58;
}
.simple_btn:hover .arrow_b path {
stroke: #122c58;
}
.btn_red:hover {
color: #122c58;
}
.btn_cntr {
display: flex;
justify-content: center;
margin-top: 29px;
position: relative;
z-index: 5;
}
.map {
margin-top: -30px;
position: relative;
z-index: 1;
}
.section_text {
max-width: 990px;
margin: 0 auto;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
color: var(--black);
}
@media screen and (max-width: 1439.9px) {
.section_geo {
padding: 46px 0 186px;
}
.btn_cntr {
margin-top: 16px;
}
}
@media screen and (max-width: 1365.9px) {
.section_text {
font-size: 16px;
}
.title_blue {
margin-bottom: 18px;
}
.section_geo {
padding: 40px 0 182px;
}
.btn_cntr {
margin-top: 10px;
}
}
@media screen and (max-width: 1023.9px) {
.map {
margin-top: 12px;
}
.title_blue {
margin-bottom: 14px;
}
}
@media screen and (max-width: 767.9px) {
.section_geo {
padding: 42px 0 182px;
}
.title_blue {
margin-bottom: 8px;
}
.section_text {
font-size: 15px;
}
}
@media screen and (max-width: 599.9px) {
} .section_why {
margin-top: -140px;
}
.bg_wrap_4 {
}
.btn_prev svg {
transform: rotate(180deg);
}
.btn_nav.btn_next {
right: 0;
z-index: 99;
}
.btn_nav.btn_prev { left: 0;
z-index: 99;
}
.navigation .btn_nav {
cursor: pointer;
position: absolute;
top: 100px;
}
.swiper-button-disabled {
opacity: 0.3;
cursor: no-drop;
}
.why_wrapper {
position: relative; }
.sticky {
position: sticky;
top: -30px;
z-index: 10;
padding: 140px 0 33px;
}
.why {
}
.why_swiper {
max-width: 1195px;
margin-top: 60px;
}
.why_item {
display: grid;
grid-template-columns: 582px 594px;
grid-gap: 30px;
}
.why_title {
color: #d74245;
font-family: Prata;
font-size: 38px;
line-height: 135%;
}
.why_text {
display: flex;
gap: 16px;
align-items: flex-start;
}
.tekst {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%;
}
.why_img {
width: 554px;
margin: 18px 0 0 -10px;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0;
opacity: 1;
border-radius: 100px;
background: #3d4c65;
width: 13px;
height: 14px;
}
.pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
gap: 8px;
justify-content: center;
align-items: center;
margin: 25px 0 34px;
display: none;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-radius: 100px;
background: #d74245;
height: 18px;
width: 18px;
}
.section_why .services_buttons {
margin: 100px auto 79px;
}
.section_why .quote {
bottom: auto;
}
@media screen and (max-width: 1439.9px) {
.why_swiper {
max-width: 1063px;
margin-top: 53px;
}
.why_item {
grid-template-columns: 515px 517px;
}
.tekst {
font-size: 16px;
}
.btn_nav.btn_prev {
left: 40px;
}
.btn_nav.btn_next {
right: 40px;
}
.why_title {
font-size: 28px;
}
.why_img {
width: auto;
margin: 30px auto 0;
max-width: 465px;
}
.section_why .services_buttons {
margin: 42px auto 79px;
}
.sticky {
top: -60px;
padding: 100px 0 24px;
}
}
@media screen and (max-width: 1365.9px) {
.why_item {
display: flex;
flex-direction: column;
gap: 20px;
}
.why_swiper {
max-width: 580px;
margin-top: 24px;
}
.why_text {
padding-left: 1px;
}
.section_why .services_buttons {
margin: 42px 0 75px;
}
.sticky {
padding: 60px 0 21px;
top: -20px;
}
.section_why .services_buttons {
margin: 32px auto 55px;
}
.why_img {
margin: 19px auto 0;
max-width: 438px;
}
.ramka {
padding: 10px 16px;
}
.tekst {
font-size: 15px;
}
.cursor {
display: none;
}
}
@media screen and (max-width: 1023.9px) {
.why_title {
font-size: 20px;
text-align: center;
}
.why_text {
gap: 15px;
}
.why_swiper {
max-width: 517px;
}
.btn_nav.btn_prev {
left: 30px;
width: 60px;
height: 60px;
}
.btn_nav.btn_next {
right: 30px;
width: 60px;
height: 60px;
}
.btn_nav svg {
width: 60px;
height: 60px;
}
.why_swiper {
margin-top: 10px;
}
}
@media screen and (max-width: 767.9px) {
.pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
display: flex;
}
.navigation {
display: none;
}
.sticky {
padding: 42px 0 18px;
top: 0;
}
.section_why .services_buttons {
margin: 32px auto 32px;
}
.why_img {
margin: 17px auto 0;
max-width: 84%;
}
.why_text {
gap: 10px;
flex-direction: column;
align-items: center;
}
}
@media screen and (max-width: 599.9px) {
.service_text {
flex-direction: column;
}
.service_text {
gap: 5px;
}
.why_text .tekst {
text-align: center;
}
}
.section_why .why_swiper {
overflow: hidden; width: 100%;
}
.section_why .why_swiper .swiper-wrapper {
will-change: transform;
}
.section_why .why_swiper .swiper-slide {
width: 100%;
}
.section_why .why_item { } .section_team {
color: var(--black);
}
.section_team .btn_cntr {
margin-top: 22px;
margin-bottom: 59px;
}
.team_list {
max-width: 1441px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.team_item {
overflow: hidden;
text-align: left;
border-radius: 20px;
border: 1px solid #d3d4dd;
background: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 33px;
}
.team_item_title_wrap {
display: flex;
padding: 15px 30px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
background: #d9dde8;
}
.team_item_iner_top {
display: flex;
flex-direction: column;
gap: 24px;
}
.team_item_text_wrap {
padding: 0 30px;
font-size: 18px;
line-height: 120%;
}
.team_item_fio {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 120%;
}
.team_item_post {
color: #73757c;
font-size: 22px;
line-height: 120%;
}
.team_item_iner_bottom {
padding: 0 30px 30px;
}
.empty_btn_inner {
padding: 16px;
border-radius: 100px;
border: 1px solid #d74245;
display: inline-flex;
transition: 0.4s;
width: 105px;
overflow: hidden;
}
.arrow_empty_wrap,
.arrow_empty_slide {
display: inline-flex;
align-items: center;
overflow: hidden;
justify-content: flex-end;
width: 57px;
transition: 0.4s ease-out;
}
.team_item_iner_bottom {
display: flex;
justify-content: space-between;
align-items: center;
}
.team_item_contacts {
display: flex;
gap: 15px;
align-items: center;
}
.link_team_button {
display: inline-flex;
width: 40px;
height: 40px;
}
.link_team_button {
display: inline-flex;
width: 40px;
height: 40px;
transition: 0.4s;
}
.link_team_button:hover {
transform: scale(1.2);
}
.arrow_empty_slide {
flex: 0 0 60px;
justify-content: flex-end;
}
.empty_btn {
display: inline-flex;
width: 105px;
}
.empty_btn:hover .empty_btn_inner {
width: 70px;
}
.empty_btn_dot {
transition: ease-in 0.4s;
flex: 0 0 6px;
margin-left: 8px;
}
.empty_btn_dot_left {
transition: 0.4s ease-out;
transform: translateX(-200px);
flex: 0 0 0;
margin-left: 0;
}
.empty_btn:hover .empty_btn_dot_left {
transform: translateX(0);
flex: 0 0 6px;
}
.empty_btn:hover .empty_btn_dot {
transform: translateX(200px);
flex: 0 0 0;
}
.empty_btn:hover .arrow_empty_wrap {
transform: translateX(8px);
}
@media screen and (max-width: 1439.9px) {
.team_item {
gap: 20px;
}
.team_item_fio {
font-size: 22px;
}
.team_item_post {
font-size: 18px;
}
.team_item_iner_top {
gap: 22px;
}
.team_item_text_wrap {
font-size: 16px;
}
.section_team .btn_cntr {
margin-top: 17px;
margin-bottom: 32px;
}
.team_list {
max-width: 1066px;
grid-gap: 30px;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.team_list {
grid-gap: 17px;
}
.section_team .container {
padding: 0;
}
.team_list_crol {
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
}
.team_list_crol::-webkit-scrollbar {
display: none;
}
.team_list {
padding: 0 30px;
min-width: max-content;
}
.team_item_fio {
font-size: 18px;
}
.team_item_post {
font-size: 15px;
}
.team_item_text_wrap {
font-size: 15px;
}
.team_item {
gap: 20px;
width: 435px;
}
.section_team .btn_cntr {
margin-top: 10px;
margin-bottom: 28px;
}
}
@media screen and (max-width: 767.9px) {
.section_team .btn_cntr {
margin-top: 10px;
margin-bottom: 32px;
}
.team_list {
display: grid;
grid-template-columns: 1fr;
align-items: stretch;
gap: 15px;
min-width: auto;
padding: 0;
}
.team_item {
gap: 20px;
width: auto;
}
.section_team .container {
padding: 0 17px;
}
}
@media screen and (max-width: 350px) {
.team_item_text_wrap {
padding: 0 15px;
}
.team_item_iner_bottom {
padding: 0 15px 30px;
}
.team_item_title_wrap {
padding: 15px 15px;
}
.team_item_contacts {
gap: 7px;
}
} .section_practice {
padding: 140px 0 34px;
color: var(--white);
}
.section_practice .practice_item {
color: var(--white);
}
.practice_group {
display: flex;
align-items: center;
gap: 215px;
}
.practice_group:not(:last-child) {
padding-bottom: 54px;
}
.container_2 {
max-width: 1108px;
margin: 0 auto;
}
.practice_img {
flex: 0 1 446px;
display: flex;
}
.practice_group:nth-child(even) .practice_img {
justify-content: flex-end;
}
.practice_group:nth-child(odd) .practice_img {
justify-content: flex-start;
}
.practice_content {
flex: 0 1 446px;
}
.practice_swiper .swiper-wrapper {
display: flex;
flex-direction: column;
gap: 32px;
}
.practice_item {
border-radius: 20px;
background: rgba(255, 255, 255, 0.2);
display: flex;
padding: 20px;
flex-direction: column;
align-self: stretch;
transition: 0.4s;
}
.practice_item_time {
font-weight: 500;
margin-bottom: 8px;
transition: 0.4s;
font-size: 16px;
}
.item_black {
color: #070706;
}
.practice_item:hover {
background: rgba(255, 255, 255, 0.85);
box-shadow: 0 4px 35.3px 0 rgba(1, 21, 36, 0.6);
}
.parent_action {
margin-top: 24px;
}
.practice_item_title {
font-size: 18px;
line-height: 120%;
transition: 0.4s;
}
.practice_item:hover .practice_item_time,
.practice_item:hover .practice_item_title {
color: #070706;
}
.practice_item:hover .parent_action {
color: var(--hover);
}
.practice_item:hover .parent_action .arrow_slide {
width: 62px;
}
.practice_item:hover .parent_action .arrow_w path {
stroke: var(--hover);
}
.btn_ease {
display: inline-flex;
align-items: center;
gap: 6px;
}
.btn_ease_left {
transform: rotate(180deg);
}
.title_arrow {
display: flex;
gap: 14px;
align-items: center;
}
.practice_block_title {
color: #fff;
margin-bottom: 24px;
font-size: 22px;
font-weight: 600;
line-height: 120%;
text-transform: uppercase;
}
.arrow_btn_ease {
width: 34px;
overflow: hidden;
display: inline-flex;
justify-content: flex-end;
transition: 0.4s;
}
.title_arrow:hover .arrow_btn_ease {
width: 60px;
}
.vert_line {
left: calc(50% - 1px);
position: absolute;
top: 7px;
bottom: 0;
height: 100%;
}
.practice_wrap {
padding: 134px 0 32px;
}
.practice_group:nth-child(odd) .practice_block_title {
justify-content: flex-end;
}
.circle {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 97px;
transition: top 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.services_buttons_wrap .services_buttons {
margin: 62px 0;
}
.title_arrow_text {
display: flex;
align-items: center;
gap: 15px;
}
.title_arrow_text_ico {
display: none;
}
.practice_item_content {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
@media screen and (max-width: 1439.9px) {
.container_2 {
max-width: 1063px;
}
.section_practice {
padding: 100px 0 0;
}
.practice_wrap {
padding: 67px 0 0;
}
.services_buttons_wrap .services_buttons {
margin: 42px 0 77px;
}
.vert_line {
height: 103%;
}
.practice_block_title {
font-size: 21px;
}
.practice_item_title {
font-size: 16px;
}
.practice_item_time {
margin-bottom: 6px;
}
.practice_group {
gap: 250px;
}
.practice_group:first-child .practice_img img {
width: 303px;
}
.practice_group:nth-child(2) .practice_img img {
width: 265px;
}
.practice_group:nth-child(3) .practice_img img {
width: 184px;
}
}
@media screen and (max-width: 1365.9px) {
.practice_group {
gap: 150px;
}
}
@media screen and (max-width: 1023.9px) {
.title_arrow_text_ico {
display: block;
}
.practice_img {
display: none;
}
.practice_bg {
display: none;
}
.practice_group:nth-child(odd) .title_arrow {
flex-direction: row-reverse;
}
.practice_group:nth-child(odd) .btn_ease {
flex-direction: row-reverse;
}
.btn_ease_left {
transform: none;
}
.title_arrow_text {
font-size: 16px;
}
.practice_item_time {
font-size: 15px;
}
.practice_item_title {
font-size: 15px;
}
.practice_group:not(:last-child) {
padding-bottom: 30px;
}
.practice_swiper .swiper-wrapper {
display: flex;
flex-direction: row;
gap: 0;
}
.practice_content {
flex: auto;
width: 100%;
}
.section_practice .practice_item {
height: auto;
margin-right: 15px;
}
.practice_swiper {
overflow: visible;
}
.section_practice {
overflow: hidden;
}
.practice_item_time {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
}
@media screen and (max-width: 599.9px) {
.title_arrow_text_ico {
display: none;
}
.section_practice .services_buttons_wrap .services_buttons {
display: none;
}
.container_2 {
margin-bottom: 40px;
}
.quote {
text-align: center;
}
} .section_contacts {
padding: 80px 0;
color: var(--black);
background: #fff;
}
.contacts_inner {
display: flex;
gap: 60px;
justify-content: space-between;
text-align: left;
font-size: 18px;
line-height: 120%;
margin-top: 31px;
}
.contacts_inner .btn {
font-size: 18px;
}
.contacts_map {
flex: 0 1 950px;
height: 410px;
}
.contact_address {
letter-spacing: -0.1px;
}
.contacts_texts {
flex: 0 0 430px;
}
.contact_link {
font-weight: 700;
}
.contact_text {
display: flex;
flex-direction: column;
gap: 26px;
margin-bottom: 29px;
}
.contacts_inner .btn_urist {
padding-right: 30px;
}
.contact_shedule {
display: flex;
gap: 12px;
}
.contacts_links {
margin: 48px 0 15px;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.section_contacts .contacts_phones,
.section_page_contacts .contacts_phones {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-weight: 700;
margin-top: 36px;
}
.contacts_phones_wrap .contacts_phones {
margin-top: 0;
}
.contacts_phones_wrap .contacts_phones svg {
flex: 0 0 18px;
}
.contacts_phones_wrap {
margin-top: 36px;
display: flex;
gap: 8px;
}
.contacts_inner .btn_cntr {
margin-top: 0;
}
.contacts_phones_wrap svg {
flex: 0 0 19px;
}
.services_pagenavi svg path {
stroke: #fff;
}
.services_pagenavi a.page-numbers.disabled svg path {
stroke: rgba(255, 255, 255, 0.3);
}
.services_pagenavi .number_step {
border: 1px solid #495467;
color: #495467;
}
.services_pagenavi .current.number_step {
border: 1px solid #f94144;
color: #fff;
}
.section_page_contacts {
background: #fff;
padding: 60px 0;
color: var(--black);
}
.section_page_contacts .contacts_inner {
margin-top: 0;
}
.contact_btn_mobile {
display: none;
}
.contacts_phones svg {
flex: 0 0 17px;
display: flex;
}
@media screen and (max-width: 1365.9px) {
.contacts_texts {
flex: 0 0 370px;
}
.contacts_inner,
.contacts_inner .btn {
font-size: 16px;
}
.contact_text {
gap: 26px;
margin-bottom: 30px;
}
.contact_text {
margin-bottom: 36px;
}
.contacts_links {
margin: 52px 0 17px;
}
.contacts_inner {
gap: 70px;
}
.contacts {
max-width: 1066px;
margin: 0 auto;
}
.contacts_inner {
margin-top: 46px;
}
.contacts_inner .btn_cntr {
margin-top: 0;
}
.contacts_links {
margin: 29px 0 17px;
}
}
@media screen and (max-width: 1439.9px) {
.section_contacts {
padding: 46px 0;
}
.contacts_texts {
flex: 0 0 370px;
}
.contacts_inner .btn {
padding-right: 16px;
}
.contact_text {
gap: 26px;
margin-bottom: 30px;
}
.contact_text {
margin-bottom: 36px;
}
.contacts_links {
margin: 52px 0 17px;
}
.contacts_inner {
gap: 70px;
}
.contacts {
max-width: 1066px;
margin: 0 auto;
}
.contacts_map {
flex: 0 1 623px;
}
.contacts_inner .btn {
padding-right: 16px;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.contacts_map,
.contacts_texts {
flex: auto;
}
.contacts_inner {
flex-direction: column;
gap: 30px;
margin-top: 24px;
}
.section_contacts {
padding: 40px 0;
}
.contact_text {
gap: 17px;
margin-bottom: 15px;
}
.section_contacts .contacts_phones {
margin-top: 32px;
}
.contacts_phones_wrap .contacts_phones {
margin-top: 0;
}
.contact_btn_desctop {
display: none;
}
.section_page_contacts {
padding: 51px 0 42px;
}
}
@media screen and (max-width: 767.9px) {
.section_contacts {
padding: 42px 0;
}
.contacts_inner {
gap: 25px;
margin-top: 32px;
}
.contacts_inner,
.contacts_inner .btn {
font-size: 15px;
}
.contacts_links {
margin: 15px 0 17px;
}
.section_contacts .contacts_phones {
margin-top: 15px;
}
.contacts_phones_wrap .contacts_phones {
margin-top: 0;
}
.section_page_contacts .contacts_inner,
.section_contacts .contacts_inner {
font-size: 16px;
}
}
@media screen and (max-width: 599.9px) {
.contacts_inner .btn {
white-space: nowrap;
}
}
@media screen and (max-width: 359.9px) {
.contacts_inner .btn {
font-size: 13px;
}
} .footer {
border-top: 1px solid #597db8;
background: #0f1522;
color: var(--white);
position: relative;
overflow: hidden;
}
.footer * {
letter-spacing: -0.1px;
}
.footer a {
color: var(--white);
}
.footer a:not(.btn):hover {
color: var(--hover);
}
.container_footer {
max-width: 1552px;
margin: 0 auto;
padding: 55px 40px 0;
position: relative;
display: flex;
justify-content: space-between;
gap: 79px;
}
.bg_footer {
position: absolute;
border-radius: 3038.304px;
background: radial-gradient(69.6% 69.6% at 50% 54.2%, #16376d 0%, rgba(1, 2, 3, 0.1) 79%, rgba(1, 2, 3, 0) 100%);
width: 3038.304px;
height: 2783.742px;
transform: rotate(-90.929deg);
left: 178px;
top: -1396px;
}
.top_item > a,
.top_item > span {
font-size: 20px;
font-weight: 700;
line-height: 120%;
}
.top_item > span {
cursor: default;
}
.footer_menu,
.footer_menu ul,
.top_item {
display: flex;
flex-direction: column;
gap: 15px;
}
.footer_menu_wrap,
.footer_menu_2 {
display: flex;
gap: 30px;
}
.footer .contacts_links {
margin: 25px 0 14px;
}
.footer .contacts_phones {
margin: 51px 0 32px;
display: flex;
gap: 8px;
font-size: 17px;
font-weight: 700;
}
.footer .btn_urist {
font-size: 18px;
white-space: nowrap;
}
.footer .contacts_phones span {
display: flex;
flex-wrap: wrap;
gap: 15px 5px;
}
.footer .contacts_buttons {
gap: 18px;
}
.footer_menu_1 {
width: 225px;
}
.footer_menu_2 .footer_menu:first-child {
width: 377px;
}
.footer_menu_2 .footer_menu:last-child {
width: 316px;
}
.footer_bottom {
max-width: 1552px;
margin: 0 auto;
padding: 37px 40px 46px;
display: flex;
gap: 17px;
justify-content: space-between;
position: relative;
}
.footer_bottom,
.footer_bottom a {
color: #696e79;
}
.footer_bottom a:hover {
color: var(--white);
}
@media screen and (max-width: 1552px) {
.container_footer,
.footer_bottom {
max-width: 1520px;
}
}
@media screen and (max-width: 1520px) {
.footer_menu_1,
.footer_menu_2 .footer_menu:first-child,
.footer_menu_2 .footer_menu:last-child {
width: auto;
}
}
@media screen and (max-width: 1439.9px) {
.footer_menu_2 {
gap: 15px;
flex-direction: column;
}
.footer_menu_1 {
max-width: 215px;
}
.footer_menu_2 {
max-width: 321px;
}
.footer_text {
max-width: 359px;
}
.footer .btn_urist {
font-size: 16px;
}
.footer .contacts_links {
margin: 35px 0 14px;
}
.footer .contacts_phones {
margin: 51px 0 36px;
}
.bg_footer {
width: 2074.225px;
height: 2213.113px;
left: -126px;
top: -944px;
border-radius: 2213.113px;
background: radial-gradient(
69.6% 69.6% at 50% 54.2%,
#16376d 0%,
rgba(1, 2, 3, 0.1) 79%,
rgba(1, 2, 3, 0) 100%
);
transform: rotate(-90.929deg);
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.footer_menu_wrap {
gap: 15px;
flex-direction: column;
}
.footer_logo img {
width: 258px;
}
.container_footer {
flex-direction: column-reverse;
gap: 35px;
}
.footer .contacts_links {
margin: 23px 0 13px;
}
.footer .contacts_phones {
margin: 15px 0 25px;
}
.footer_text {
max-width: none;
}
.top_item ul {
font-size: 15px;
}
.container_footer {
padding: 60px 30px 0;
}
.footer_bottom {
padding: 49px 30px 22px;
flex-wrap: wrap;
}
.footer_bottom_item.art {
text-align: right;
width: 100%;
}
.bg_footer {
width: 1720.489px;
height: 1835.691px;
border-radius: 1835.691px;
background: radial-gradient(
69.6% 69.6% at 50% 54.2%,
#16376d 0%,
rgba(1, 2, 3, 0.1) 79%,
rgba(1, 2, 3, 0) 100%
);
left: -201px;
top: -636px;
}
}
@media screen and (max-width: 767.9px) {
.footer .btn_urist {
font-size: 15px;
}
.footer_logo img {
width: 224px;
}
.container_footer {
padding: 19px 14px 0;
}
.footer_bottom {
padding: 23px 14px 20px;
gap: 12px;
}
.footer .contacts_links {
margin: 17px 0 8px;
}
.footer .contacts_phones {
margin: 17px 0 19px;
}
.footer_bottom_item.art {
text-align: left;
}
.footer .link_phone_contact {
width: 100%;
}
.bg_footer {
width: 1720.489px;
height: 1835.691px;
border-radius: 1835.691px;
background: radial-gradient(
69.6% 69.6% at 50% 54.2%,
#16376d 0%,
rgba(1, 2, 3, 0.1) 79%,
rgba(1, 2, 3, 0) 100%
);
left: -201px;
top: -636px;
}
}
@media screen and (max-width: 355px) {
.footer .btn_urist {
font-size: 13px;
}
} .breadcrumbs a,
.breadcrumbs span {
color: #e2e4eb;
font-size: 14px;
line-height: 106%;
}
.page_title {
margin-top: 20px;
font-family: Prata;
font-size: 52px;
line-height: 134%;
margin-bottom: 16px;
color: #fff;
}
.page_clogan {
display: flex;
gap: 11px;
align-items: flex-start;
font-size: 23px;
line-height: 122%;
max-width: 755px;
}
.page_clogan span {
color: var(--hover);
font-weight: 600;
}
.page_quote {
padding: 56px 0 17px;
color: rgba(255, 255, 255, 0.5);
bottom: 0;
}
.bg_page_hero img {
object-position: top center;
}
.page_hero {
padding: 2px 0 0;
}
@media screen and (max-width: 1439.9px) {
.page_title {
margin-top: 43px;
font-size: 44px;
line-height: 136%;
margin-bottom: 12px;
}
.page_clogan {
font-size: 21px;
line-height: 122%;
max-width: 700px;
}
.page_hero {
padding: 13px 0 0;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.page_clogan {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.page_clogan {
font-size: 15px;
}
} .section_about {
padding: 60px 0 300px;
background: #fff;
color: var(--black);
font-size: 18px;
}
.section_about_text {
max-width: 1167px;
font-weight: 400;
}
.section_about_text p {
padding-bottom: 16px;
position: relative;
padding-left: 26px;
}
blockquote p:before {
content: "";
position: absolute;
top: 0;
bottom: auto;
left: 0;
width: 10px;
background: #d9dde8;
display: flex;
height: 90px;
}
.page_image_wrap {
float: right;
margin: 0 0 10px 24px;
border-radius: 11.26px;
overflow: hidden;
width: 489px;
height: 347px;
overflow: hidden;
}
blockquote span,
span.red {
color: var(--hover);
font-weight: 700;
}
.ico_wrap {
position: absolute;
top: 42px;
right: 77px;
z-index: 99;
transition: top 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
img.ico {
height: 78px;
width: 78px;
border-radius: 50%;
border: 2px solid transparent;
transition: 0.3s;
}
.ico_wrap:hover img.ico {
border: 2px solid #f94144;
}
.action_list {
border-radius: 7px;
background: #f2f3f8;
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
line-height: 121%;
padding: 11px 16px;
position: absolute;
right: -31px;
width: 211px;
top: calc(100% + 10px);
opacity: 0;
visibility: hidden;
transition: 0.4s;
}
.action_list:before {
content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='14' viewBox='0 0 15 14' fill='none'><path d='M6.63397 0.500001C7.01887 -0.166666 7.98112 -0.166667 8.36602 0.5L14.8612 11.75C15.2461 12.4167 14.765 13.25 13.9952 13.25H1.00481C0.23501 13.25 -0.246116 12.4167 0.138784 11.75L6.63397 0.500001Z' fill='%23F2F3F8'/></svg>");
position: absolute;
top: -9px;
right: 56px;
width: 19px;
height: 19px;
}
.action {
display: flex;
gap: 8px;
align-items: center;
color: var(--black);
}
.action_link,
.ico_soc {
transition: 0.4s;
cursor: pointer;
color: var(--black);
}
.action:hover .action_link {
color: var(--hover);
}
.ico_soc:hover {
transform: scale(1.1);
}
.action_wrap {
display: flex;
flex-direction: column;
gap: 10px;
}
.action_wrap:nth-child(1),
.action_wrap:nth-child(2) {
padding-bottom: 15px;
border-bottom: 1px solid #d8dce9;
}
.action_wrap:nth-child(2),
.action_wrap:nth-child(3) {
padding-top: 15px;
}
.ico_wrap.show .action_list {
opacity: 1;
visibility: visible;
}
.section_default {
padding: 100px 0 24px;
} .section_default_title {
font-family: Prata;
font-size: 44px;
line-height: 135%;
max-width: 975px;
margin: 0 auto;
margin-bottom: 24px;
}
.section_default .section_default_text {
max-width: 950px;
margin: 0 auto;
}
.section_default .btn_all {
margin: 0 0 42px;
}
.section_default_text {
font-size: 16px;
font-weight: 500;
line-height: 150%;
}
.support_swiper {
max-width: 1193px;
}
.centered_buttons {
text-align: center;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
margin: 0 auto;
gap: 24px;
margin-top: 42px;
margin-bottom: 60px;
}
.section_page_team .centered_buttons {
margin-bottom: 0;
}
.support .btn_nav.btn_next {
right: 0;
}
.support .btn_nav.btn_prev {
left: 0;
}
@media screen and (max-width: 1439.9px) {
.section_about {
padding: 46px 0 300px;
font-size: 16px;
}
.section_about_text {
max-width: none;
padding-right: 91px;
}
.ico_wrap {
position: absolute;
top: 36px;
right: 35px;
}
.page_title_h1 {
font-size: 36px;
}
.support_swiper {
max-width: 1069px;
}
.section_default_title {
font-size: 36px;
margin-bottom: 18px;
}
.action_list {
right: 0px;
}
.action_list:before {
right: 26px;
}
.single_content h2 {
font-size: 20px;
}
.single_content {
font-size: 16px;
}
.single_content h3 {
font-size: 16px;
}
}
@media screen and (max-width: 1365.9px) {
.section_about {
padding: 40px 0 300px;
}
.support .navigation {
display: none;
}
.support_container {
overflow: hidden;
}
.support_swiper {
max-width: none;
overflow: visible;
}
}
@media screen and (max-width: 1023.9px) {
.ico_wrap {
top: 12px;
right: 22px;
height: 44px;
width: 44px;
}
.ico_wrap img.ico {
height: 44px;
width: 44px;
}
.section_about {
font-size: 15px;
}
.section_about_text {
display: flex;
flex-direction: column;
padding-right: 0;
}
.page_image_wrap {
float: none;
margin: 0 0 20px 0;
}
.page_image_wrap {
width: auto;
height: 254px;
}
.section_default .btn_all {
margin: -6px 0 32px;
}
.centered_buttons {
gap: 16px;
margin-top: 32px;
margin-bottom: 26px;
}
.section_default {
padding: 60px 0 21px;
}
.section_cases {
padding: 40px 0 21px;
}
.section_default_title {
font-size: 26px;
margin-bottom: 10px;
}
.action_list:before {
right: 13px;
}
.page_title_h1 {
font-size: 26px;
margin-bottom: 20px;
}
.single_content h2 {
font-size: 18px;
}
.single_content {
font-size: 15px;
}
}
@media screen and (max-width: 767.9px) {
.page_title_h1 {
font-size: 26px;
margin-bottom: 20px;
}
.ico_wrap {
top: 10px;
right: 15px;
}
blockquote p:before {
width: 5px;
height: 57px;
}
.section_about_text p {
padding-left: 15px;
}
.centered_buttons {
margin-top: 32px;
margin-bottom: 32px;
}
} .section_page_geo {
padding: 80px 0;
color: var(--black);
}
.section_page_geo .section_text {
font-size: 16px;
}
.section_page_geo .section_text {
max-width: 1124px;
letter-spacing: -0.01px;
margin-bottom: 57px;
}
.page_geo {
max-width: 1200px;
margin: 0 auto;
display: flex;
gap: 30px;
}
.page_geo_img {
flex: 0 0 582px;
height: 267px;
}
.page_geo_text {
flex: 0 1 588px;
}
.page_geo_text p {
padding-bottom: 25px;
line-height: 150%;
}
.page_geo_text p:nth-child(3) {
padding-bottom: 14px;
}
.page_geo_attention {
padding: 20px;
display: flex;
gap: 8px;
align-items: flex-start;
max-width: 950px;
margin: 0 auto;
}
.attention {
font-size: 14px;
font-style: normal;
line-height: 150%;
}
.attention strong {
font-size: 16px;
}
@media screen and (max-width: 1439.9px) {
.page_geo_text p:nth-child(3) {
padding-bottom: 27px;
}
.section_page_geo {
padding: 46px 0;
}
.section_page_geo .section_text {
max-width: none;
padding-right: 0;
}
}
@media screen and (max-width: 1365.9px) {
.page_geo_img {
flex: 0 0 50%;
height: auto;
}
}
@media screen and (max-width: 1023.9px) {
.page_geo_img {
flex: auto;
width: 481px;
height: 221px;
margin: 0 auto;
}
.page_geo {
flex-direction: column;
gap: 26px;
}
.section_page_geo .section_text,
.page_geo_text {
font-size: 15px;
}
.page_geo_text p:nth-child(3) {
padding-bottom: 23px;
}
.page_geo_text {
flex: auto;
}
.page_geo_attention {
padding: 20px 0;
}
}
@media screen and (max-width: 767.9px) {
.page_geo_img {
width: auto;
height: auto;
}
}
@media screen and (max-width: 599.9px) {
} .modal_overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #0f1522;
z-index: 999999;
display: none;
}
.modal_overlay.modal_visible {
display: block;
}
.modal_window {
position: relative;
padding: 60px 0;
}
.modal_title {
color: #fff;
font-family: Prata;
font-size: 32px;
line-height: 130%;
margin-bottom: 24px;
}
.modal_text {
max-width: 1390px;
margin: 0 auto;
padding: 0 85px;
max-height: 70vh;
overflow-y: auto;
}
.read_list {
max-width: 827px;
}
.modal_close {
position: absolute;
top: 31px;
right: 100px;
cursor: pointer;
width: 48px;
height: 48px;
}
.read_date {
font-size: 16px;
font-weight: 500;
line-height: 125%;
margin-bottom: 12px;
}
.read_title {
font-size: 18px;
line-height: 120%;
margin-bottom: 15px;
}
.read_item:not(:first-child) {
padding-top: 16px;
}
.read_item {
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.bg_6 {
background: url(//calangium.com/wp-content/themes/artfactor/img/map3.svg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: 1356px 733px;
}
.overlay_quote {
position: absolute;
bottom: 56px;
}
.quote_wrap {
max-width: 1220px;
margin: 0 auto;
}
@media screen and (max-width: 1439.9px) {
.modal_close {
top: 30px;
right: 30px;
}
.bg_6 {
background-size: 1246px 678px;
background-position: bottom 110px center;
}
.quote_wrap {
max-width: 1200px;
}
.bg.bg_5 {
left: -801px;
top: -1784px;
transform: rotate(-90.929deg);
width: 3798.074px;
height: 3931.521px;
border-radius: 3931.521px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
);
}
.modal_title {
font-size: 30px;
}
.modal_window {
position: relative;
padding: 88px 0 30px;
}
}
@media screen and (max-width: 1365.9px) {
.bg_6 {
background-size: calc(100vw - 60px);
background-position: bottom 50px center;
}
.overlay_quote {
bottom: 59px;
left: 84px;
}
}
@media screen and (max-width: 1023.9px) {
.modal_text {
padding: 0 30px;
}
.modal_close {
width: 37px;
height: 37px;
}
.modal_close svg {
width: 37px;
height: 37px;
}
.overlay_quote {
bottom: 23px;
left: 35px;
}
.bg.bg_5 {
left: -952px;
top: -1135px;
transform: rotate(-90.929deg);
border-radius: 2757.295px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
);
width: 2663.705px;
height: 2757.295px;
}
}
@media screen and (max-width: 767.9px) {
.modal_text {
padding: 0 15px;
}
.modal_close {
width: 34px;
height: 34px;
top: 10px;
right: 10px;
}
.modal_close svg {
width: 34px;
height: 34px;
}
.overlay_quote {
left: 15px;
}
.bg_6 {
background: none;
}
.bg.bg_5 {
left: -947.54px;
top: -810.28px;
width: 2035.624px;
height: 2107.146px;
transform: rotate(-90.929deg);
border-radius: 2107.146px;
background: radial-gradient(
73.84% 73.84% at 49.1% 49.99%,
#16376d 0%,
rgba(11, 27, 52, 0.52) 47.22%,
rgba(1, 2, 3, 0.1) 85.52%,
rgba(1, 2, 3, 0) 100%
);
}
}
@media screen and (max-width: 599.9px) {
} .modal_search {
margin: 153px auto 0;
max-width: 1365px;
padding: 0 85px;
position: relative;
}
input[type="search"] {
color: #000;
font-size: 18px;
line-height: 123%;
padding: 26px 14px 26px 55px;
border-radius: 100px;
background: rgba(255, 255, 255, 0.9);
width: 100%;
}
.form_search_btn {
display: inline-flex;
background: transparent;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-11px);
cursor: pointer;
z-index: 9;
}
.form_search {
display: flex;
align-items: center;
width: 100%;
position: relative;
}
::placeholder {
color: #000000 !important;
opacity: 1;
}
::-webkit-input-placeholder { color: #000000 !important;
}
::-moz-placeholder { color: #000000 !important;
opacity: 1;
}
:-ms-input-placeholder { color: #000000 !important;
}
:-moz-placeholder { color: #000000 !important;
opacity: 1;
} input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
} input[type="search"] {
position: relative;
}
input[type="search"]::after {
content: "×";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
border-radius: 100px;
background: #112950;
width: 29px;
height: 29px;
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 18px;
font-weight: bold;
} input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
height: 29px;
width: 29px;
border-radius: 100px;
background: #112950
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")
no-repeat center center;
background-size: 16px 16px;
cursor: pointer;
} input[type="search"]::-moz-search-cancel-button {
appearance: none;
height: 29px;
width: 29px;
border-radius: 100px;
background: #112950
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E")
no-repeat center center;
background-size: 16px 16px;
cursor: pointer;
}
.section_search {
padding-top: 140px;
}
.section_search input[type="search"] {
padding: 10px 14px 10px 55px;
line-height: 160%;
max-width: 875px;
}
.search_page__title {
font-family: Prata;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 135%;
margin: 24px 0 18px;
}
.search_page_result_wrap {
padding: 32px;
background: #fff;
border-radius: 20px;
}
.search_page__result {
display: flex;
flex-direction: column;
gap: 22px;
color: var(--black);
font-size: 18px;
line-height: 150%;
}
.item_result {
cursor: default;
}
.item_result__title {
color: var(--hover);
cursor: pointer;
}
.item_result__text,
.item_result__link span {
cursor: pointer;
}
a.page-numbers.disabled svg path {
stroke: #b1b8c5;
}
.number_step {
border-radius: 100px;
border: 1px solid #b1b8c5;
width: 45px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
color: #b1b8c5;
}
.current.number_step {
border: 1px solid #f94144;
color: #f94144;
}
.search_pagenavi {
display: flex;
gap: 13px;
align-items: center;
justify-content: center;
margin-top: 22px;
}
.prev {
margin-right: 3px;
}
.next {
margin-left: 3px;
}
.item_result__link a {
color: red;
}
.search_page .centered_buttons {
margin-top: 96px;
margin-bottom: 100px;
}
.modal_window_def {
max-width: 1195px;
padding: 100px 20px 0;
margin: 0 auto;
}
.modal_window_scroll {
max-height: calc(100vh - 30px);
overflow-y: auto;
}
.modal_text_def {
position: relative;
}
.def_text {
display: flex;
flex-direction: column;
gap: 13px;
line-height: 160%;
}
.def_text p {
margin-bottom: 0;
padding-bottom: 0;
}
.def_text strong {
font-weight: 600;
line-height: 120%;
margin-top: 10px;
display: block;
}
.def_text strong:before {
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--hover);
display: inline-flex;
margin-right: 8px;
}
.hidden_text {
display: none;
}  .overlay_quote_def {
bottom: -30px;
}
@media screen and (max-width: 1439.9px) {
.modal_search {
margin: 95px auto 0;
}
.search_page .centered_buttons {
margin-top: 42px;
margin-bottom: 49px;
}
.search_page__result {
font-size: 16px;
}
.section_search {
padding-top: 129px;
}
}
@media screen and (max-width: 1365.9px) {
.search_page .centered_buttons {
margin-top: 32px;
margin-bottom: 45px;
}
.prev svg,
.next svg {
width: 70px;
height: 70px;
}
.search_page__result {
font-size: 15px;
}
}
@media screen and (max-width: 1023.9px) {
.modal_search {
margin: 90px auto 0;
padding: 0 28px;
}
input[type="search"] {
font-size: 15px;
padding: 11px 14px 11px 55px;
}
.section_search {
padding-top: 113px;
}
}
@media screen and (max-width: 767.9px) {
.modal_search {
margin: 65px auto 0;
padding: 0 20px;
}
.search_pagenavi {
gap: 8px;
}
.search_page_result_wrap {
padding: 32px 10px;
}
}
@media screen and (max-width: 599.9px) {
.prev svg,
.next svg {
width: 50px;
height: 50px;
}
} .page_404 {
padding: 144px 0 0;
}
.section_404 {
position: relative;
}
.section_404 {
position: relative;
padding: 0 16px;
}
.title_404 {
color: #f5f5f5;
font-family: Prata;
font-size: 428px;
font-style: normal;
font-weight: 400;
line-height: 580px;
position: relative;
text-align: center;
}
.title_404_bottom {
display: flex;
position: absolute;
left: calc(50% + 16px);
top: 16px;
transform: translateX(-50%);
opacity: 0.26;
}
.text_404_wrap {
font-size: 18px;
font-style: normal;
line-height: 125%;
text-align: center;
margin-bottom: 33px;
margin-top: -89px;
}
.btns_404 {
display: flex;
justify-content: center;
gap: 46px;
position: relative;
}
.section_404 .centered_buttons {
margin-top: 55px;
margin-bottom: 144px;
position: relative;
}
@media screen and (max-width: 1439.9px) {
.page_404 {
padding: 104px 0 0;
}
.section_404 .centered_buttons {
margin-top: 32px;
margin-bottom: 53px;
}
.text_404_wrap {
font-size: 16px;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.title_404 {
font-size: 292px;
line-height: 396px;
}
.text_404_wrap {
font-size: 15px;
line-height: 123%;
margin-bottom: 34px;
margin-top: -49px;
}
}
@media screen and (max-width: 767.9px) {
.page_404 {
padding: 72px 0 0;
}
.title_404 {
font-size: 156px;
line-height: 211px;
}
.text_404_wrap {
margin-top: -9px;
margin-bottom: 12px;
}
.btns_404 {
flex-direction: column;
align-items: center;
gap: 16px;
}
.btns_404 .simple_btn:first-child {
margin-left: -31px;
}
.title_404_bottom {
left: calc(50% + 11px);
top: 11px;
}
}
@media screen and (max-width: 340px) {
.btn_urist {
padding: 6px 10px;
letter-spacing: -0.7px;
font-size: 14px;
}
} .advantage .service_text {
flex: 1;
}
.advantage {
padding: 20px 20px 46px 20px;
}
.advantage_arrow {
display: none;
}
.advantage .service_texts {
gap: 8px;
}
.advantages_swiper {
max-width: none;
overflow: visible;
}
.btn_w,
.btn_wi {
overflow: hidden;
position: relative;
z-index: 3;
height: 45px;
}
.btn_ti,
.btn_bi {
display: flex;
height: 45px;
width: 45px;
align-items: center;
justify-content: center;
transition: 0s;
}
.btn_bi {
width: 45px;
height: 45px;
transform: translate(-200%, 100%);
}
.advantage:hover .btn_ti {
transform: translate(100%, -100%);
transition: 0.9s 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.advantage:hover .btn_bi {
transform: translate(0, -100%);
transition: 0.9s 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.advantage:hover .btn_bi svg path {
stroke: #d74245;
}
@media screen and (min-width: 1367px) {
.advantages_swiper {
overflow-y: visible;
}
.advantages_swiper .swiper-wrapper {
display: grid;
transform: none;
}
.advantages_swiper .swiper-slide {
width: auto !important;
}
.advantages_swiper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 42px;
grid-column-gap: 30px;
}
.advantages_swiper .swiper-wrapper > .advantage:nth-child(3) {
grid-column: span 2;
width: auto;
}
.advantage .service_texts {
flex-direction: row;
gap: 8px;
}
.advantages .navigation {
display: none;
}
.btn_advantage {
display: none;
}
.advantages_swiper .swiper-slide {
opacity: 1 !important;
transform: none !important;
}
.advantage {
padding: 20px 94px 20px 20px;
}
.advantage_arrow {
display: flex;
position: absolute;
right: 20px;
top: 20px;
}
.advantages_swiper {
max-width: 100%;
overflow: hidden;
}
}
@media screen and (max-width: 1439.9px) {
}
@media screen and (max-width: 1365.9px) {
.btn_advantage {
display: flex;
bottom: 10px;
}
}
@media screen and (max-width: 1023.9px) {
}
@media screen and (max-width: 767.9px) {
}
@media screen and (max-width: 599.9px) {
} .section_page_team {
padding: 60px 0;
background: #fff;
color: var(--black);
font-size: 18px;
overflow: hidden;
}
.section_team_content {
max-width: 1194px;
margin: 0 auto;
}
.team_wrapper {
display: flex;
gap: 30px;
padding-top: 23px;
}
.btn_team {
max-width: 308px;
margin-bottom: 21px;
padding-left: 55px;
padding-right: 70px;
}
.team_fio {
color: #1b2978;
font-family: Prata;
font-size: 30px;
line-height: 137%;
padding-bottom: 16px;
}
.team_page_item {
flex: 1;
}
.team_fio_post_wrap {
display: flex;
gap: 19px;
}
.team_post {
color: #070706;
font-size: 22px;
line-height: 122%;
padding-bottom: 24px;
}
.team_fio_post_wrap:before {
content: "";
width: 10px;
height: 53px;
background: #d9dde8;
}
.team_email {
display: flex;
gap: 8px;
margin-bottom: 27px;
}
.team_email a {
color: #1b2978;
font-size: 18px;
line-height: 122%;
}
.team_tel {
display: flex;
align-items: center;
gap: 8px;
padding-right: 14px;
}
.team_tel a {
color: #153364;
font-size: 17px;
font-weight: 700;
line-height: 120%;
}
.team_contacts {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 29px;
}
.content_block,
.team_more {
font-size: 18px;
line-height: 122%;
}
.content_block {
padding-bottom: 21px;
}
.team_content h3 {
color: #070706;
font-family: Montserrat;
font-size: 20px;
font-weight: 700;
line-height: 120%;
margin-bottom: 16px;
margin-top: 21px;
margin-bottom: 16px;
}
.team_content ul {
padding: 0;
margin: 0;
}
.team_content ul li {
margin: 0 0 15px;
padding: 0 0 0 20px;
position: relative;
}
.team_content ul li:before {
content: "";
width: 12px;
height: 12px;
background: #f94144;
position: absolute;
left: 0;
top: 6px;
display: flex;
}
.team_btn_more {
color: #1b2978;
font-size: 18px;
line-height: 122%;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
cursor: pointer;
}
.team_more {
display: none;
}
.team_b {
display: inline-flex;
transition: 0.4s;
}
.team_b:hover {
transform: scale(1.26);
}
.team_tel svg,
.team_email svg {
transition: 0.4s;
}
.team_tel:hover svg,
.team_email:hover svg {
transform: scale(1.2);
}
@media screen and (max-width: 1439.9px) {
.section_page_team {
padding: 46px 0;
}
.section_team_content {
margin: 0;
}
.team_fio {
font-size: 26px;
padding-bottom: 8px;
}
.team_post {
font-size: 16px;
}
.team_email {
margin-bottom: 22px;
}
.team_contacts {
margin-bottom: 18px;
}
.team_email a,
.team_tel a {
font-size: 16px;
}
.btn_team {
margin-bottom: 3px;
padding-left: 42px;
padding-right: 42px;
}
.content_block,
.team_more {
font-size: 16px;
}
.team_content h3 {
font-size: 18px;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.team_wrapper {
flex-direction: column;
}
.section_team_content .page_title_h1 {
font-size: 26px;
}
.team_fio {
font-size: 21px;
}
.team_post {
font-size: 15px;
padding-bottom: 38px;
}
.team_fio_post_wrap {
gap: 10px;
}
.team_fio_post_wrap:before {
width: 4px;
}
.content_block,
.team_more {
font-size: 15px;
line-height: 150%;
}
.section_page_team {
padding: 40px 0;
}
}
@media screen and (max-width: 767.9px) {
.section_page_team {
padding: 42px 0;
}
}
@media screen and (max-width: 599.9px) {
} .page_clogan svg {
flex: 0 0 26px;
}
.page_clogan small {
color: #d74245;
font-size: 12px;
}
.page_clogans {
display: flex;
gap: 40px;
}
.page_clogans .page_clogan {
max-width: 475px;
letter-spacing: -0.7px;
}
.bg_8 {
background: linear-gradient(180deg, #16376d 0%, #010203 100%);
}
.services_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 42px 30px;
}
.services_pagenavi {
display: flex;
gap: 13px;
align-items: center;
justify-content: center;
margin-top: 42px;
}
.services_page_mob_wrap {
display: none;
}
.single_content h2 {
color: #1b2978;
font-family: Montserrat;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.single_content_wrap {
max-width: 1194px;
margin: 0 auto;
}
.section_single_text .page_title_h1 {
max-width: 1194px;
margin: 0 auto 32px;
padding-right: 80px;
}
.section_single_text .btn_all {
justify-content: flex-start;
}
.single_content {
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
.single_content p {
padding-bottom: 24px;
}
.single_content p:last-child {
padding-bottom: 0;
}
.single_content h3 {
color: var(--black);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 16px;
margin-top: 8px;
font-family: "Montserrat";
}
.single_content h4 {
color: #070706;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
margin-bottom: 16px;
}
.single_content ul {
padding: 0;
margin: 0;
}
.single_content ul li {
margin: 0 0 15px;
padding: 0 0 0 20px;
position: relative;
}
.single_content ul li:before {
content: "";
width: 12px;
height: 12px;
background: #f94144;
position: absolute;
left: 0;
top: 6px;
display: flex;
}
.single_content {
padding-left: 26px;
position: relative;
}
.single_content:before {
content: "";
width: 10px;
height: 90px;
background: #d9dde8;
display: block;
position: absolute;
left: 0;
top: 0;
}
.single_content_wrap {
max-width: 1194px;
margin: 0 auto;
display: flex;
gap: 31px;
}
.blue_btn {
color: #1b2978;
}
.blue_btn .arrow_slide svg path {
stroke: #1b2978;
}
.desctop_servives {
flex: 0 0 336px;
}
.single_services {
display: flex;
flex-direction: column;
gap: 18px;
}
.single_service {
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
font-size: 20px;
border-radius: 20px;
background: rgba(27, 41, 120, 0.1);
justify-content: space-between;
}
.single_service_title,
.single_service_btn {
transition: color 0.4s;
}
.single_service_title {
color: #1b2978;
font-size: 18px;
line-height: 140%;
} .btn_all_single {
margin-bottom: 14px;
}
.single_service_btn {
display: flex;
gap: 6px;
align-items: center;
font-size: 18px;
}
.mobile_servives {
display: none;
}
.service_number {
color: #f0f0f0;
font-family: Prata;
font-size: 20px;
line-height: 135%;
display: flex;
width: 41px;
height: 41px;
justify-content: center;
align-items: center;
border-radius: 100px;
border: 1px solid var(--Premium-red, #f94144);
}
.service_title2 {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 122%;
margin: 10px 0;
}
.service_list_swiper .service {
padding: 20px 20px 52px;
}
.service_list_swiper {
max-width: 1193px;
}
.service_list .section_default_text {
font-size: 18px;
margin-bottom: 32px;
}
.service_list .navigation .btn_nav {
top: 50%;
transform: translateY(-50%);
}
.top_margin {
margin-top: 30px;
}
@media screen and (max-width: 1439.9px) {
.section_single_text .page_title_h1 {
margin: 0 auto 24px;
}
.desctop_servives {
flex: 0 0 258px;
}
.single_service {
font-size: 18px;
}
.service_list_swiper {
max-width: 1133px;
}
.top_margin {
margin-top: 120px;
}
}
@media screen and (max-width: 1365.9px) {
.services_grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.service_list_swiper {
overflow: visible;
}
.service_list {
overflow: hidden;
}
.top_margin {
margin-top: 46px;
}
}
@media screen and (max-width: 1023.9px) {
.services_page_mob_wrap {
display: block;
}
.desctop,
.desctop_servives {
display: none;
}
.single_content:before {
width: 5px;
height: 55px;
}
.single_content {
padding-left: 20px;
}
.mobile_servives {
display: block;
}
.single_service {
font-size: 15px;
height: auto;
}
.section_about {
overflow: hidden;
}
.service_title2 {
font-size: 16px;
}
.service_number {
font-size: 18px;
}
.single_content {
font-size: 16px;
}
}
@media screen and (max-width: 767.9px) {
.page_clogans {
gap: 14px;
flex-direction: column;
}
.top_margin {
margin-top: 29px;
}
.single_content {
font-size: 15px;
}
}
@media screen and (max-width: 599.9px) {
} .section_page_geo {
padding: 60px 0;
background: #fff;
}
.section_page_geo p {
padding-bottom: 16px;
position: relative;
padding-left: 26px;
line-height: 168%;
font-size: 18px;
}
.section_geo_img {
width: 622px;
height: 346px;
}
.link_button img {
width: 40px;
}
.btn_motivation {
font-weight: 600;
font-size: 18px;
}
.section_page_geo .centered_buttons {
margin-bottom: 0;
}
@media screen and (max-width: 1439.9px) {
.section_geo_img {
width: 673px;
height: 374px;
}
.section_page_geo blockquote {
max-width: 466px;
}
.section_about_text {
font-size: 16px;
}
.content_geo {
max-width: 576px;
display: block;
}
.btn_motivation {
font-size: 16px;
}
.section_page_geo {
padding: 46px 0;
}
.content_geo {
font-size: 16px;
}
.section_page_geo p {
font-size: 16px;
}
}
@media screen and (max-width: 1365.9px) {
.section_geo_img {
width: 50%;
height: auto;
}
}
@media screen and (max-width: 1023.9px) {
.section_page_geo {
padding: 40px 0;
}
.section_page_geo .section_about_text {
display: flex;
flex-direction: column;
}
.section_page_geo .page_title_h1 {
order: 1;
}
.content_geo {
order: 2;
max-width: none;
font-size: 15px;
}
.section_geo_img {
width: auto;
height: auto;
max-width: 768px;
margin: 0 auto;
order: 3;
}
.section_page_geo blockquote {
max-width: none;
}
.page_title {
font-size: 32px;
}
.section_page_geo p {
font-size: 15px;
}
}
@media screen and (max-width: 767.9px) {
.contacts_buttons {
gap: 16px;
}
.link_button img {
width: 30px;
}
.section_page_geo {
padding: 42px 0;
}
.no_mobile {
display: none;
}
}
@media screen and (max-width: 599.9px) {
} .section_page_practice {
padding: 90px 0 40px;
color: var(--white);
overflow: hidden;
}
.section_page_practice .practice_item {
color: var(--white);
height: auto;
}
.bg_9 {
background: linear-gradient(180deg, #16376d 0%, #010203 100%);
}
.practice_page_wrap {
padding: 0;
}
@media screen and (max-width: 1439.9px) {
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
.section_page_practice {
padding: 42px 0 21px;
}
}
@media screen and (max-width: 767.9px) {
.section_page_practice {
padding: 42px 0 18px;
}
}
@media screen and (max-width: 599.9px) {
}
.news_title {
font-size: 18px;
}
.news_grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 42px 30px;
}
@media screen and (max-width: 1439.9px) {
.news_title {
font-size: 16px;
}
}
@media screen and (max-width: 1365.9px) {
.news_title {
font-size: 15px;
}
.news_grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
}
}
@media screen and (max-width: 1023.9px) {
}
@media screen and (max-width: 767.9px) {
}
@media screen and (max-width: 599.9px) {
.news_grid {
grid-template-columns: repeat(1, 1fr);
}
} .hashtag {
color: #fff;
font-size: 18px;
display: inline-flex;
height: 52px;
padding: 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 100px;
border: 1px solid #515a7e;
letter-spacing: -0.2px;
white-space: nowrap;
}
.tax_holder {
margin-bottom: 42px;
}
.tax {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.hashtag.active {
color: var(--hover);
}
.tax_holder::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.tax_holder::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.5);
border-radius: 50px;
}
.tax_holder::-webkit-scrollbar-thumb {
border: 1px solid rgba(255, 255, 255, 0.77);
background: rgba(255, 255, 255, 0.77);
border-radius: 50px;
}
@media screen and (max-width: 1439.9px) {
.hashtag {
font-size: 16px;
}
.tax_holder {
margin-bottom: 32px;
}
}
@media screen and (max-width: 1365.9px) {
}
@media screen and (max-width: 1023.9px) {
}
@media screen and (max-width: 767.9px) {
.hashtag {
font-size: 15px;
}
.tax { margin-bottom: 8px;
}
.tax_holder { }
.support.rv > .service_list_swiper > .swiper-wrapper {
flex-direction: column;
gap: 10px;
}
}
@media screen and (max-width: 599.9px) {
.hashtag {
padding: 16px 25px;
}
}
@media screen and (max-width: 359.9px) {
.hashtag {
padding: 14px 7px;
letter-spacing: -0.4px;
height: auto;
white-space: normal;
}
}
.search_sorting span {
color: #000;
}
.search_sort_link {
font-size: 18px;
color: #f94144;
}
.search_sorting {
margin-top: 22px;
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.search_sort_link.active {
color: var(--black);
}
.navigation .btn_nav svg path,
.slide_arrow svg path,
.services_pagenavi .number_step,
.page-numbers svg path {
transition: 0.3s;
}
.services_pagenavi .number_step:hover {
border: 1px solid #f94144;
}
.navigation .btn_nav:hover svg path,
.slide_arrow:hover svg path,
.page-numbers:hover svg path {
stroke: #d74245;
}
.agree-banner {
position: fixed;
bottom: 20px;
right: 20px;
max-width: 330px;
border-radius: 16px;
background: #eef1fa;
backdrop-filter: blur(18.25px);
padding: 30px 28px 30px 20px;
color: #fff;
z-index: 1000; flex-direction: column;
gap: 20px;
} .agree_info {
position: fixed;
bottom: 20px;
left: 50%;
width: calc(100% - 40px);
max-width: 868px;
border-radius: 15px;
border: 1px solid #597db8;
background: #fff;
padding: 14px 26px;
color: #070706;
z-index: 1000;
display: none;
flex-direction: column;
gap: 20px;
transform: translateX(-50%);
}
.agree_inner {
display: grid;
grid-template-columns: 1fr 144px;
align-items: center;
gap: 20px;
}
.agree_info p {
color: #070706;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
padding: 0;
margin: 0;
}
.agree_info a {
color: #f94144;
text-decoration: none;
transition: all 0.3s;
}
.agree_info a:hover {
color: #f94144;
text-decoration: underline;
}
.agree_info button.btn {
width: 144px;
font-size: 16px;
}
@media (max-width: 680px) {
.agree_info {
width: calc(100% - 30px);
}
.agree_inner {
grid-template-columns: 1fr;
gap: 16px;
}
.agree_info button.btn {
width: 102px;
font-size: 15px;
}
}
.anchors {
margin: 0 0 20px;
padding: 10px 15px 15px;
border: 1px solid #d3d3d3;
display: inline-flex;
flex-direction: column;
border-radius: 10px;
}
.anchors_inner {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 15px;
}
.anchors_title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
a.anchor_link {
padding-left: 15px;
position: relative;
display: block;
}
a.anchor_link:before {
content: "•";
position: absolute;
left: 0;
top: 0;
font-size: 15px;
color: #c13232;
}
@media (max-width: 768px) {
.single_content {
width: 100% !important;
max-width: 100% !important;
}
.table-frame {
width: 100% !important;
max-width: 100% !important;
overflow-x: auto;
overflow-y: hidden;
display: block;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
}
.table-frame table {
min-width: 100% !important;
table-layout: auto !important;
}
}
.link_button img {
height: 37px;
}
@media screen and (max-width: 767.9px) {
.link_button img {
height: 27px;
}
}
.btn_team {
color: #ffffff !important;
}
.partners {
padding-top: 80px;
padding-bottom: 80px;
background: #fff;
}
.partners__inner {
display: flex;
align-items: center;
flex-direction: column;
}
.partners__text {
width: auto;
min-width: 250px;
margin-right: 20px;
}
.partners__text {
padding-bottom: 0;
}
.partners__list {
display: flex;
flex-wrap: wrap;
}
.partners__item {
width: 19%;
margin-left: 0.5%;
margin-right: 0.5%;
display: flex;
align-items: center;
margin-top: 30px;
justify-content: center;
height: 50px;
}
.partners__item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
@media screen and (max-width: 992px) {
.partners__inner {
flex-direction: column;
justify-content: center;
align-items: center;
}
.partners__text {
text-align: center;
}
.partners__list {
width: 100%;
justify-content: center;
}
}
@media screen and (max-width: 767.9px) {
.partners {
padding-top: 42px;
}
}
.contacts_buttons_wrap a.btn.btn_default {
color: #fff;
}