@charset "UTF-8";
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
html {
margin-top: 0 !important;
}
body.admin-bar {
padding-top: 32px;
}
@media(max-width: 782px) {
body.admin-bar {
padding-top: 46px;
}
}

@font-face {
font-family: "iconfont";
src: url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/iconfont.eot);
src: url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/iconfont.eot?#iefix) format("eot"), url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/iconfont.woff2) format("woff2"), url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/iconfont.woff) format("woff"), url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/iconfont.ttf) format("truetype"), url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/iconfont.svg#iconfont) format("svg");
}
.icon:before {
font-family: "iconfont";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-variant: normal;
font-weight: normal; text-decoration: none;
text-transform: none;
}
.icon-angle-2:before {
content: "\e001";
}
.icon-angle:before {
content: "\e002";
}
.icon-arrow-angle-left:before {
content: "\e003";
}
.icon-arrow-angle-right:before {
content: "\e004";
}
.icon-arrow-angle:before {
content: "\e005";
}
.icon-arrow-deep:before {
content: "\e006";
}
.icon-arrow-down:before {
content: "\e007";
}
.icon-arrow-left:before {
content: "\e008";
}
.icon-arrow-right:before {
content: "\e009";
}
.icon-bg-decor-1:before {
content: "\e00a";
}
.icon-bg-decor-2:before {
content: "\e00b";
}
.icon-bg-decor-3:before {
content: "\e00c";
}
.icon-bg-decor-4:before {
content: "\e00d";
}
.icon-bg-decor-contacts:before {
content: "\e00e";
}
.icon-bg-decor-database:before {
content: "\e00f";
}
.icon-bg-decor-service:before {
content: "\e010";
}
.icon-body:before {
content: "\e011";
}
.icon-buildings:before {
content: "\e012";
}
.icon-bus:before {
content: "\e013";
}
.icon-calendar-check:before {
content: "\e014";
}
.icon-calendar:before {
content: "\e015";
}
.icon-cart:before {
content: "\e016";
}
.icon-check-rounded:before {
content: "\e017";
}
.icon-check:before {
content: "\e018";
}
.icon-clockwise:before {
content: "\e019";
}
.icon-cross-rounded:before {
content: "\e01a";
}
.icon-cube:before {
content: "\e01b";
}
.icon-deck:before {
content: "\e01c";
}
.icon-decor-success-2:before {
content: "\e01d";
}
.icon-decor-success:before {
content: "\e01e";
}
.icon-dollar:before {
content: "\e01f";
}
.icon-envelope:before {
content: "\e020";
}
.icon-facebook:before {
content: "\e021";
}
.icon-factory:before {
content: "\e022";
}
.icon-files:before {
content: "\e023";
}
.icon-folder:before {
content: "\e024";
}
.icon-fork:before {
content: "\e025";
}
.icon-gear-2:before {
content: "\e026";
}
.icon-gear:before {
content: "\e027";
}
.icon-house:before {
content: "\e028";
}
.icon-key:before {
content: "\e029";
}
.icon-lamp:before {
content: "\e02a";
}
.icon-location-simple:before {
content: "\e02b";
}
.icon-location:before {
content: "\e02c";
}
.icon-logo-vector:before {
content: "\e02d";
}
.icon-magnifier:before {
content: "\e02e";
}
.icon-medal:before {
content: "\e02f";
}
.icon-pen:before {
content: "\e030";
}
.icon-phone-handset:before {
content: "\e031";
}
.icon-phone:before {
content: "\e032";
}
.icon-play:before {
content: "\e033";
}
.icon-question:before {
content: "\e034";
}
.icon-resize:before {
content: "\e035";
}
.icon-rounded-check:before {
content: "\e036";
}
.icon-spinner:before {
content: "\e037";
}
.icon-stars:before {
content: "\e038";
}
.icon-sun:before {
content: "\e039";
}
.icon-thunder:before {
content: "\e03a";
}
.icon-upload:before {
content: "\e03b";
}
.icon-сourt:before {
content: "\e03c";
}
@font-face {
src: url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/InterTight-Regular.woff2) format("woff2");
font-display: swap;
font-family: "InterTight-Regular";
}
@font-face {
src: url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/InterTight-Medium.woff2) format("woff2");
font-display: swap;
font-weight: 500;
font-family: "InterTight-Medium";
}
@font-face {
src: url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/InterTight-SemiBold.woff2) format("woff2");
font-display: swap;
font-family: "InterTight-SemiBold";
}
@font-face {
src: url(https://metalinvest.ua/wp-content/themes/metalinvest/app/src/fonts/InterTight-Bold.woff2) format("woff2");
font-weight: 700;
font-display: swap;
font-family: "InterTight-Bold";
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
text-decoration: underline dotted;
cursor: help;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} ::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
.accordion {
--bs-accordion-color: var(--bs-body-color);
--bs-accordion-bg: var(--bs-body-bg);
--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
--bs-accordion-border-color: var(--bs-border-color);
--bs-accordion-border-width: var(--bs-border-width);
--bs-accordion-border-radius: var(--bs-border-radius);
--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
--bs-accordion-btn-padding-x: 1.25rem;
--bs-accordion-btn-padding-y: 1rem;
--bs-accordion-btn-color: var(--bs-body-color);
--bs-accordion-btn-bg: var(--bs-accordion-bg);
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-icon-width: 1.25rem;
--bs-accordion-btn-icon-transform: rotate(-180deg);
--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
--bs-accordion-body-padding-x: 1.25rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-active-color: var(--bs-primary-text-emphasis);
--bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
font-size: 1rem;
color: var(--bs-accordion-btn-color);
text-align: left;
background-color: var(--bs-accordion-btn-bg);
border: 0;
border-radius: 0;
overflow-anchor: none;
transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
transition: none;
}
}
.accordion-button:not(.collapsed) {
color: var(--bs-accordion-active-color);
background-color: var(--bs-accordion-active-bg);
box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
background-image: var(--bs-accordion-btn-active-icon);
transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
width: var(--bs-accordion-btn-icon-width);
height: var(--bs-accordion-btn-icon-width);
margin-left: auto;
content: "";
background-image: var(--bs-accordion-btn-icon);
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
transition: none;
}
}
.accordion-button:hover {
z-index: 2;
}
.accordion-button:focus {
z-index: 3;
outline: 0;
box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
margin-bottom: 0;
}
.accordion-item {
color: var(--bs-accordion-color);
background-color: var(--bs-accordion-bg);
border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
border-top-left-radius: var(--bs-accordion-border-radius);
border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
border-top-left-radius: var(--bs-accordion-inner-border-radius);
border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-item:last-of-type {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
border-bottom-right-radius: var(--bs-accordion-border-radius);
border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
border-right: 0;
border-left: 0;
border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.nav {
--bs-nav-link-padding-x: 1rem;
--bs-nav-link-padding-y: 0.5rem;
--bs-nav-link-font-weight: ;
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
background: none;
border: 0;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.nav-link {
transition: none;
}
}
.nav-link:hover, .nav-link:focus {
color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
color: var(--bs-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-border-color: var(--bs-border-color);
--bs-nav-tabs-border-radius: var(--bs-border-radius);
--bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
--bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
--bs-nav-tabs-link-active-bg: var(--bs-body-bg);
--bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
border: var(--bs-nav-tabs-border-width) solid transparent;
border-top-left-radius: var(--bs-nav-tabs-border-radius);
border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--bs-nav-tabs-link-active-color);
background-color: var(--bs-nav-tabs-link-active-bg);
border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills {
--bs-nav-pills-border-radius: var(--bs-border-radius);
--bs-nav-pills-link-active-color: #fff;
--bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
--bs-nav-underline-gap: 1rem;
--bs-nav-underline-border-width: 0.125rem;
--bs-nav-underline-link-active-color: var(--bs-emphasis-color);
gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
color: var(--bs-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
width: 100%;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.page-template-page-index .banner {
padding-top: 64px;
padding-bottom: 120px;
background-color: #F3F4F7;
}
@media (max-width: 1200px) {
.page-template-page-index .banner {
padding-left: 50px;
padding-right: 50px;
}
}
@media (max-width: 992px) {
.page-template-page-index .banner {
padding: 20px 0 60px 0;
}
}
.page-template-page-index .banner .top {
display: flex;
}
@media (max-width: 1200px) {
.page-template-page-index .banner .top {
flex-direction: column;
}
}
.page-template-page-index .banner__title {
font-size: 84px;
line-height: 100%;
max-width: 921px;
width: 100%;
}
@media (max-width: 1200px) {
.page-template-page-index .banner__title {
margin-bottom: 20px;
}
}
@media (max-width: 992px) {
.page-template-page-index .banner__title {
font-size: 40px;
line-height: 100%;
margin-top: 40px;
}
}
.page-template-page-index .banner__title .spacer {
padding-left: 70px;
}
@media (max-width: 1200px) {
.page-template-page-index .banner__title .spacer {
display: none;
}
}
.page-template-page-index .banner__text {
margin-left: auto;
max-width: 233px;
width: 100%;
font-size: 24px;
line-height: 130%;
}
@media (max-width: 1200px) {
.page-template-page-index .banner__text {
margin-left: 0;
max-width: 100%;
}
}
@media (max-width: 992px) {
.page-template-page-index .banner__text {
font-size: 20px;
line-height: 130%;
}
}
@media (max-width: 600px) {
.page-template-page-index .banner__text {
display: flex;
flex-direction: column;
}
}
.page-template-page-index .banner .btn-blue {
margin-top: 56px;
}
@media (max-width: 992px) {
.page-template-page-index .banner .btn-blue {
margin-top: 44px;
justify-content: center;
text-align: center;
}
}
@media (max-width: 600px) {
.page-template-page-index .banner .btn-blue {
width: 100%;
}
}
.page-template-page-index .banner .btn-blue i {
color: #FFFFFF;
}
.page-template-page-index .banner .flag-label {
display: none;
flex-direction: column;
position: relative;
padding: 10px 10px 10px 24px;
background-color: #FFFFFF;
}
@media (max-width: 992px) {
.page-template-page-index .banner .flag-label {
display: flex;
}
}
.page-template-page-index .banner .flag-label::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background-color: #296FCB;
}
.page-template-page-index .banner .flag-label::after {
content: "";
position: absolute;
top: 0;
left: 5px;
width: 5px;
height: 100%;
background-color: #E6B300;
}
.page-template-page-index .banner .flag-label span {
font-size: 14px;
line-height: 140%;
color: #1D2735;
}
.page-template-page-index .advantages {
padding-top: 92px;
position: relative;
background-color: #F3F4F7;
}
@media (max-width: 992px) {
.page-template-page-index .advantages {
padding-top: 0;
}
}
.page-template-page-index .advantages .container {
display: flex;
}
.page-template-page-index .advantages .flag-label {
display: flex;
flex-direction: column;
position: relative;
width: 244px;
margin-top: auto;
padding: 40px 20px 60px;
background-color: #FFFFFF;
}
@media (max-width: 992px) {
.page-template-page-index .advantages .flag-label {
display: none;
}
}
.page-template-page-index .advantages .flag-label::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 5px;
width: 100%;
background-color: #296FCB;
}
.page-template-page-index .advantages .flag-label::after {
content: "";
position: absolute;
top: 5px;
left: 0;
height: 5px;
width: 100%;
background-color: #E6B300;
}
.page-template-page-index .advantages .flag-label strong {
font-size: 24px;
line-height: 130%;
margin-bottom: 8px;
}
.page-template-page-index .advantages .flag-label span {
font-size: 16px;
line-height: 140%;
color: #1D2735;
}
.page-template-page-index .advantages__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__image {
height: 180px;
}
}
.page-template-page-index .advantages__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .advantages__items {
display: flex;
align-items: stretch;
position: relative;
top: -180px;
max-width: 699px;
width: 100%;
margin-left: auto;
margin-bottom: 0;
padding-left: 0;
list-style: none;
z-index: 1;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__items {
flex-wrap: wrap;
top: 0;
margin-top: 108px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
}
.page-template-page-index .advantages__items li {
display: flex;
position: relative;
flex-direction: column;
padding: 20px;
flex-basis: 33%;
height: 100%;
margin-bottom: auto;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__items li {
height: auto;
flex-basis: 50%;
padding: 16px;
}
}
.page-template-page-index .advantages__items li:nth-child(1) {
color: #FFFFFF;
background-color: #051B39;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__items li:nth-child(1) {
flex-basis: 100%;
}
}
.page-template-page-index .advantages__items li:nth-child(2) {
color: #161D28;
background-color: #CED5DF;
}
.page-template-page-index .advantages__items li:nth-child(3) {
background-color: #FFFFFF;
}
.page-template-page-index .advantages__items li .number {
color: #3A577F;
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 120%;
margin-bottom: 25px;
opacity: 0.3;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__items li .number {
font-family: "InterTight-Medium";
font-size: 24px;
line-height: 130%;
margin-bottom: 12px;
}
}
.page-template-page-index .advantages__items li .text {
font-family: "InterTight-Medium";
line-height: 140%;
margin-bottom: 24px;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__items li .text {
margin-bottom: 13px;
}
}
@media (max-width: 600px) {
.page-template-page-index .advantages__items li .text {
padding-right: 20px;
margin-bottom: 15px;
}
}
.page-template-page-index .advantages__items li i {
width: 100%;
text-align: right;
margin-top: auto;
font-size: 29px;
color: #3A577F;
opacity: 0.3;
z-index: 1;
}
@media (max-width: 992px) {
.page-template-page-index .advantages__items li i {
font-size: 20px;
position: absolute;
bottom: 16px;
right: 16px;
}
}
.page-template-page-index .statistic {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .statistic .block-title {
max-width: 575px;
margin-bottom: 48px;
margin-bottom: 48px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .block-title {
max-width: 332px;
margin-bottom: 32px;
}
}
.page-template-page-index .statistic .plates {
display: flex;
align-items: stretch;
overflow: hidden;
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates {
flex-wrap: wrap;
}
}
.page-template-page-index .statistic .plates .tall {
position: relative;
max-width: 315px;
width: 100%;
padding: 20px;
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .tall {
max-width: unset;
width: unset;
flex-basis: 50%;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .tall {
flex-basis: 100%;
height: 250px;
padding: 14px;
}
}
.page-template-page-index .statistic .plates .tall .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.page-template-page-index .statistic .plates .tall .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .statistic .plates .tall .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.7);
z-index: 1;
}
.page-template-page-index .statistic .plates .tall strong {
position: relative;
font-family: "InterTight-Medium";
font-weight: normal;
color: #FFFFFF;
font-size: 44px;
line-height: 120%;
z-index: 2;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .tall strong {
font-size: 28px;
}
}
.page-template-page-index .statistic .plates .column {
max-width: 307px;
width: 100%;
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .column {
max-width: unset;
width: unset;
flex-basis: 50%;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .column {
display: flex;
flex-direction: row;
flex-basis: 100%;
}
}
.page-template-page-index .statistic .plates .column .slot {
position: relative;
padding: 20px;
height: 50%;
background-color: #F3F4F7;
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .column .slot {
height: auto;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .column .slot {
display: flex;
flex-direction: column;
flex-basis: 50%;
padding: 14px;
min-height: 220px;
}
}
.page-template-page-index .statistic .plates .column .slot.bg_blue {
background-color: #CED5DF;
}
.page-template-page-index .statistic .plates .column .slot.bg_blue .title {
margin-bottom: 64px;
}
.page-template-page-index .statistic .plates .column .slot .title {
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 120%;
margin-bottom: 48px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .column .slot .title {
font-size: 28px;
line-height: 120%;
margin-bottom: 8px !important;
}
}
.page-template-page-index .statistic .plates .column .slot .text {
padding-right: 55px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .column .slot .text {
font-size: 14px;
line-height: 140%;
padding-right: 0;
}
}
.page-template-page-index .statistic .plates .column .slot i {
display: flex;
position: absolute;
bottom: 20px;
right: 20px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 24px;
color: #CED5DF;
border-radius: 50%;
background-color: #07244C;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .column .slot i {
position: relative;
top: 0;
left: 0;
margin-top: auto;
margin-left: auto;
}
}
.page-template-page-index .statistic .plates .section {
display: flex;
flex-direction: column;
max-width: 630px;
width: 100%;
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .section {
max-width: unset;
width: unset;
flex-basis: 100%;
}
}
.page-template-page-index .statistic .plates .section .slot {
position: relative;
padding: 20px;
background-color: #F3F4F7;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot {
padding: 14px;
}
}
.page-template-page-index .statistic .plates .section .slot.long {
display: flex;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .section .slot.long {
background-color: #F3F4F7 !important;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot.long {
background-color: #CED5DF !important;
}
}
.page-template-page-index .statistic .plates .section .slot.long .image {
display: flex;
justify-content: flex-end;
min-width: 310px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot.long .image {
min-width: 164px;
height: 163px;
}
}
.page-template-page-index .statistic .plates .section .slot.long .image img {
object-fit: contain;
height: 100%;
}
.page-template-page-index .statistic .plates .section .slot.long .content .title {
margin-top: 20px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot.long .content .title {
margin-bottom: 40px !important;
}
}
.page-template-page-index .statistic .plates .section .slot.long .content .text {
margin-bottom: 20px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot.long .content .text {
padding-right: 15px;
font-size: 14px;
line-height: 140%;
}
}
.page-template-page-index .statistic .plates .section .slot.bg_blue {
min-height: 213px;
background-color: #CED5DF;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot.bg_blue {
min-height: unset;
}
}
.page-template-page-index .statistic .plates .section .slot.bg_blue .title {
margin-bottom: 64px;
}
.page-template-page-index .statistic .plates .section .slot .title {
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 120%;
margin-bottom: 48px;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot .title {
font-size: 28px;
line-height: 120%;
margin-bottom: 40px;
}
}
.page-template-page-index .statistic .plates .section .slot .text {
padding-right: 55px;
}
.page-template-page-index .statistic .plates .section .slot i {
display: flex;
position: absolute;
bottom: 20px;
right: 20px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 24px;
color: #CED5DF;
border-radius: 50%;
background-color: #07244C;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .slot i {
position: relative;
top: 0;
left: 0;
margin-top: auto;
margin-left: auto;
}
}
.page-template-page-index .statistic .plates .section .slot .image {
margin-left: auto;
}
.page-template-page-index .statistic .plates .section .row {
display: flex;
}
.page-template-page-index .statistic .plates .section .row .slot {
flex-basis: 50%;
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .row .slot {
display: flex;
flex-direction: column;
flex-basis: 50%;
padding: 14px;
min-height: 220px;
}
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .section .row .slot.bg_blue {
background-color: #F3F4F7 !important;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .row .slot.bg_blue {
background-color: #CED5DF !important;
}
}
@media (max-width: 1240px) {
.page-template-page-index .statistic .plates .section .row .slot:not(.bg_blue) {
background-color: #CED5DF !important;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .row .slot:not(.bg_blue) {
background-color: #F3F4F7 !important;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .row .slot .title {
margin-bottom: 8px;
}
}
@media (max-width: 600px) {
.page-template-page-index .statistic .plates .section .row .slot .text {
padding-right: 0;
font-size: 14px;
line-height: 140%;
}
}
.page-template-page-index .application {
padding-top: 120px;
padding-bottom: 120px;
background-color: #F3F4F7;
}
@media (max-width: 600px) {
.page-template-page-index .application {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .application__items {
display: flex;
position: relative;
}
@media (max-width: 1279px) {
.page-template-page-index .application__items {
flex-direction: column;
}
}
.page-template-page-index .application__items::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(91, 102, 117, 0) 0%, #5B6675 12.5%, #5B6675 51.5%, #5B6675 85.5%, rgba(91, 102, 117, 0) 100%);
}
.page-template-page-index .application__items .part {
display: flex;
position: relative;
flex-basis: 50%;
}
@media (max-width: 1279px) {
.page-template-page-index .application__items .part:last-child {
margin-top: 24px;
}
}
.page-template-page-index .application__items .part:last-child::before {
content: "";
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(91, 102, 117, 0) 0%, #5B6675 12.5%, #5B6675 51.5%, #5B6675 85.5%, rgba(91, 102, 117, 0) 100%);
}
@media (max-width: 1279px) {
.page-template-page-index .application__items .part:last-child::before {
display: block;
}
}
.page-template-page-index .application__items .part:last-child .item:last-child {
border-right: unset;
}
.page-template-page-index .application__items .part .item {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-basis: 50%;
padding: 24px 20px;
border-right: 1px solid #9CABBF;
}
@media (max-width: 1279px) {
.page-template-page-index .application__items .part .item:last-child {
border-right: unset;
}
}
@media (max-width: 600px) {
.page-template-page-index .application__items .part .item {
padding: 14px 13px;
}
}
.page-template-page-index .application__items .part .item .title {
position: relative;
font-family: "InterTight-Medium";
font-size: 24px;
line-height: 130%;
padding-right: 40px;
}
@media (max-width: 600px) {
.page-template-page-index .application__items .part .item .title {
font-size: 16px;
line-height: 140%;
font-weight: 500;
padding-right: 15px;
}
}
.page-template-page-index .application__items .part .item .title i {
position: absolute;
top: 0;
right: 0;
color: #C1CBD7;
transform: rotate(-90deg);
}
@media (max-width: 600px) {
.page-template-page-index .application__items .part .item .title i {
font-size: 14px;
}
}
.page-template-page-index .application__items .part .item .image {
width: 280px;
height: 276px;
margin-top: 54px;
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 1330px) {
.page-template-page-index .application__items .part .item .image {
width: 250px;
height: 246px;
}
}
@media (max-width: 1279px) {
.page-template-page-index .application__items .part .item .image {
height: unset;
width: auto;
}
}
@media (max-width: 600px) {
.page-template-page-index .application__items .part .item .image {
margin-top: 51px;
}
}
.page-template-page-index .application__items .part .item .image img {
width: 100%;
height: 100%;
}
.page-template-page-index .galvanizing {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
background-color: #E6EAEF;
overflow: hidden;
}
.page-template-page-index .galvanizing .icon-bg-decor-1 {
top: 650px;
left: 0;
position: absolute;
font-size: 1296px;
color: rgba(255, 255, 255, 0.5);
z-index: 1;
}
@media (max-width: 600px) {
.page-template-page-index .galvanizing .icon-bg-decor-1 {
font-size: 779px;
top: 400px;
}
}
@media (max-width: 600px) {
.page-template-page-index .galvanizing {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .galvanizing .only-mobile {
display: none;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .only-mobile {
display: inline-flex;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 600px) {
.page-template-page-index .galvanizing .only-mobile {
width: 100%;
justify-content: center;
text-align: center;
margin-top: 8px;
}
}
.page-template-page-index .galvanizing .only-mobile i {
color: #296FCB;
}
.page-template-page-index .galvanizing .container {
display: flex;
position: relative;
z-index: 2;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .container {
flex-direction: column;
}
}
.page-template-page-index .galvanizing .left {
max-width: 481px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .left {
max-width: 100%;
}
}
.page-template-page-index .galvanizing .left .block-title {
text-align: left;
margin-bottom: 0;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .left .block-title {
text-align: center;
}
}
.page-template-page-index .galvanizing .left .btn-blue {
margin-top: 173px;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .left .btn-blue {
display: none;
}
}
.page-template-page-index .galvanizing .left .btn-blue i {
color: #296FCB;
}
.page-template-page-index .galvanizing .right {
display: flex;
flex-wrap: wrap;
max-width: 774px;
width: 100%;
margin-left: 30px;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .right {
max-width: 100%;
margin-top: 40px;
margin-left: 0;
}
}
.page-template-page-index .galvanizing .right .item {
flex-basis: 50%;
margin-bottom: 57px;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .right .item {
display: flex;
padding-right: 15px;
}
}
@media (max-width: 992px) {
.page-template-page-index .galvanizing .right .item {
flex-basis: 100%;
justify-content: center;
padding-right: 0;
}
}
@media (max-width: 600px) {
.page-template-page-index .galvanizing .right .item {
margin-bottom: 32px;
}
}
.page-template-page-index .galvanizing .right .item i {
display: flex;
justify-content: center;
align-items: center;
min-width: 54px;
max-width: 54px;
width: 100%;
height: 54px;
margin-bottom: 24px;
font-size: 26px;
border-radius: 50%;
color: #CED5DF;
background-color: #07244C;
}
.page-template-page-index .galvanizing .right .item .content {
display: flex;
flex-direction: column;
max-width: 351px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-index .galvanizing .right .item .content {
margin-left: 16px;
}
}
.page-template-page-index .galvanizing .right .item .content strong {
font-size: 20px;
line-height: 130%;
margin-bottom: 12px;
}
.page-template-page-index .galvanizing .right .item .content span strong {
font-size: 16px;
line-height: 140%;
}
.page-template-page-index .constructions {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.page-template-page-index .constructions {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 600px) {
.page-template-page-index .constructions .block-title {
margin-bottom: 32px;
}
}
.page-template-page-index .constructions .plates {
display: flex;
align-items: stretch;
height: 634px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-index .constructions .plates {
flex-wrap: wrap;
height: auto;
}
}
.page-template-page-index .constructions .plates .item {
display: flex;
position: relative;
flex-direction: column;
padding: 20px;
overflow: hidden;
cursor: pointer;
text-decoration: none;
}
.page-template-page-index .constructions .plates .item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 150px;
background: linear-gradient(0deg, rgba(0, 11, 27, 0.8) 0%, rgba(0, 11, 27, 0) 100%);
z-index: 2;
}
@media (max-width: 600px) {
.page-template-page-index .constructions .plates .item::after {
height: 80px;
}
}
.page-template-page-index .constructions .plates .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.6);
z-index: 2;
}
.page-template-page-index .constructions .plates .item .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.page-template-page-index .constructions .plates .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .constructions .plates .item .title,
.page-template-page-index .constructions .plates .item i {
position: relative;
color: #FFFFFF;
z-index: 3;
}
.page-template-page-index .constructions .plates .item .title {
font-family: "InterTight-Medium";
font-size: 28px;
line-height: 120%;
}
@media (max-width: 600px) {
.page-template-page-index .constructions .plates .item .title {
font-size: 24px;
line-height: 130%;
}
}
.page-template-page-index .constructions .plates .item i {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-top: auto;
margin-left: auto;
font-size: 20px;
color: #CED5DF;
border-radius: 50%;
background-color: #296FCB;
}
.page-template-page-index .constructions .plates .group {
height: 100%;
flex-basis: 25%;
}
@media (max-width: 1279px) {
.page-template-page-index .constructions .plates .group {
flex-basis: 50%;
height: 650px;
}
}
@media (max-width: 600px) {
.page-template-page-index .constructions .plates .group {
flex-basis: 100%;
height: 440px;
}
}
.page-template-page-index .constructions .plates .group .item {
height: 50%;
}
.page-template-page-index .constructions .plates .tall {
height: 100%;
flex-basis: 25%;
}
@media (max-width: 1279px) {
.page-template-page-index .constructions .plates .tall {
flex-basis: 50%;
height: 650px;
}
}
@media (max-width: 600px) {
.page-template-page-index .constructions .plates .tall {
flex-basis: 100%;
height: 220px;
}
}
.page-template-page-index .constructions .plates .tall .item {
height: 100%;
}
.page-template-page-index .feedback {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
background-color: #296FCB;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-index .feedback {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .feedback .icon-bg-decor-2 {
position: absolute;
top: 400px;
left: 50%;
font-size: 1434px;
color: rgba(255, 255, 255, 0.1);
transform: translateX(-50%);
z-index: 1;
}
@media (max-width: 600px) {
.page-template-page-index .feedback .icon-bg-decor-2 {
top: 180px;
left: -220px;
font-size: 564px;
transform: unset;
}
}
.page-template-page-index .feedback .container {
display: flex;
position: relative;
z-index: 2;
}
@media (max-width: 992px) {
.page-template-page-index .feedback .container {
flex-direction: column;
}
}
.page-template-page-index .feedback .left {
max-width: 622px;
width: 100%;
}
@media (max-width: 992px) {
.page-template-page-index .feedback .left {
max-width: 100%;
}
}
.page-template-page-index .feedback .left .block-title {
color: #FFFFFF;
text-align: left;
margin-bottom: 0;
}
@media (max-width: 992px) {
.page-template-page-index .feedback .left .block-title {
text-align: center;
}
}
.page-template-page-index .feedback .left .block-title span {
font-family: "InterTight-Regular";
}
.page-template-page-index .feedback .left .text {
font-family: "InterTight-Medium";
font-size: 20px;
line-height: 140%;
color: #FFFFFF;
margin-top: 28px;
max-width: 400px;
}
@media (max-width: 992px) {
.page-template-page-index .feedback .left .text {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 600px) {
.page-template-page-index .feedback .left .text {
font-size: 16px;
line-height: 140%;
max-width: 274px;
}
}
.page-template-page-index .feedback .right {
max-width: 389px;
width: 100%;
margin-left: 90px;
}
@media (max-width: 992px) {
.page-template-page-index .feedback .right {
margin-left: auto;
margin-right: auto;
margin-top: 32px;
}
}
.page-template-page-index .certificates {
padding-top: 120px;
padding-bottom: 120px;
background: #F3F4F7;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-index .certificates {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .certificates .block-title {
margin-bottom: 56px;
}
@media (max-width: 600px) {
.page-template-page-index .certificates .block-title {
margin-bottom: 34px;
}
}
.page-template-page-index .certificates .swiper-2 .swiper-slide {
display: flex;
justify-content: center;
}
.page-template-page-index .certificates .swiper-2 .swiper-slide .image {
width: 100%;
height: 467px;
overflow: hidden;
}
.page-template-page-index .certificates .swiper-2 .swiper-slide .image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.page-template-page-index .certificates .swiper-2 .navs-2 {
display: none;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 40px;
}
@media (max-width: 991px) {
.page-template-page-index .certificates .swiper-2 .navs-2 {
display: flex;
}
}
.page-template-page-index .certificates .swiper-2 .navs-2 .slider-prev,
.page-template-page-index .certificates .swiper-2 .navs-2 .slider-next {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
font-size: 24px;
color: #E6EAEF;
border-radius: 50%;
background-color: #296FCB;
cursor: pointer;
}
.page-template-page-index .certificates .swiper-2 .navs-2 .slider-prev.swiper-button-disabled,
.page-template-page-index .certificates .swiper-2 .navs-2 .slider-next.swiper-button-disabled {
background-color: #9CABBF;
}
.page-template-page-index .certificates .swiper-2 .navs-2 .slider-prev i,
.page-template-page-index .certificates .swiper-2 .navs-2 .slider-next i {
margin-bottom: -2px;
}
.page-template-page-index .certificates .swiper-2 .navs-2 .pagination-2 {
display: flex;
align-items: center;
margin-left: 24px;
margin-right: 24px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-template-page-index .certificates .swiper-2 .navs-2 .pagination-2 span {
font-family: "InterTight-Medium";
}
.page-template-page-index .certificates .swiper-2 .navs-2 .pagination-2 .line {
display: block;
width: 49px;
height: 1px;
color: #505A68;
margin-left: 4px;
margin-right: 4px;
background-color: #505A68;
}
.page-template-page-index .testimonials {
padding-top: 120px;
padding-bottom: 120px;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-index .testimonials {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .testimonials .swiper-3.mobile .swiper-wrapper {
flex-direction: column;
}
.page-template-page-index .testimonials .swiper-3.mobile .swiper-slide {
width: 100% !important;
}
@media (max-width: 992px) {
.page-template-page-index .testimonials .swiper-3 .swiper-slide:not(:first-child) {
margin-top: 28px;
}
}
.page-template-page-index .testimonials .swiper-3 a {
text-decoration: none;
}
.page-template-page-index .testimonials .swiper-3 .image {
width: 100%;
height: 100%;
box-shadow: 0px 4px 20px 0px rgba(23, 37, 56, 0.1);
}
.page-template-page-index .testimonials .swiper-3 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .testimonials .swiper-3 .title {
font-family: "InterTight-SemiBold";
font-size: 16px;
line-height: 140%;
margin-top: 20px;
text-transform: uppercase;
}
.page-template-page-index .testimonials .navs-3 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 40px;
}
.page-template-page-index .testimonials .navs-3 .slider-prev,
.page-template-page-index .testimonials .navs-3 .slider-next {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
font-size: 24px;
color: #FFFFFF;
border-radius: 50%;
background-color: #296FCB;
cursor: pointer;
}
.page-template-page-index .testimonials .navs-3 .slider-prev.swiper-button-disabled,
.page-template-page-index .testimonials .navs-3 .slider-next.swiper-button-disabled {
background-color: #9CABBF;
}
.page-template-page-index .testimonials .navs-3 .slider-prev i,
.page-template-page-index .testimonials .navs-3 .slider-next i {
margin-bottom: -2px;
}
.page-template-page-index .testimonials .navs-3 .pagination-3 {
display: flex;
align-items: center;
margin-left: 24px;
margin-right: 24px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-template-page-index .testimonials .navs-3 .pagination-3 span {
font-family: "InterTight-Medium";
}
.page-template-page-index .testimonials .navs-3 .pagination-3 .line {
display: block;
width: 49px;
height: 1px;
color: #505A68;
margin-left: 4px;
margin-right: 4px;
background-color: #505A68;
}
.page-template-page-index .testimonials .btn-blue {
display: none;
justify-content: center;
width: 100%;
margin-top: 40px;
}
@media (max-width: 767px) {
.page-template-page-index .testimonials .btn-blue {
display: flex;
}
}
.page-template-page-index .testimonials .btn-blue.ghost {
border: none;
padding-top: 0;
padding-bottom: 0;
}
.page-template-page-index .testimonials .btn-blue.icon-rotate i {
font-size: 20px;
transform: rotate(90deg);
}
.page-template-page-index .news {
padding-top: 120px;
padding-bottom: 120px;
background-color: #F3F4F7;
}
@media (max-width: 600px) {
.page-template-page-index .news {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-index .news .container {
display: flex;
flex-direction: column;
}
.page-template-page-index .news .news-wrapper {
display: flex;
}
@media (max-width: 1279px) {
.page-template-page-index .news .news-wrapper {
display: none;
}
}
.page-template-page-index .news__top {
display: flex;
flex-direction: column;
}
.page-template-page-index .news__top .left {
max-width: 610px;
width: 100%;
}
.page-template-page-index .news__top .left ul {
display: flex;
align-items: stretch;
margin-bottom: 0;
height: 100%;
margin-left: 0;
}
.page-template-page-index .news__top .left .item {
display: flex;
flex-direction: column;
height: 100%;
}
.page-template-page-index .news__top .left .item .image {
width: 100%;
min-height: 292px;
max-height: 292px;
height: 100%;
}
.page-template-page-index .news__top .left .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .news__top .left .item .content {
display: flex;
flex-direction: column;
height: 100%;
min-height: 206px;
padding: 20px;
background-color: #FFFFFF;
}
.page-template-page-index .news__top .left .item .content .title {
font-size: 20px;
font-family: "InterTight-SemiBold";
}
.page-template-page-index .news__top .left .item .content .text {
margin-top: 16px;
}
.page-template-page-index .news__top .left .item .content a {
display: flex;
align-items: center;
color: #296FCB;
margin-top: auto;
font-size: 14px;
line-height: 140%;
text-decoration: none;
}
.page-template-page-index .news__top .left .item .content a i {
display: inline-block;
font-size: 16px;
margin-left: 6px;
margin-bottom: -3px;
}
.page-template-page-index .news__top .right {
max-width: 630px;
width: 100%;
}
.page-template-page-index .news__top .right ul {
margin-bottom: 0;
margin-left: 0;
}
.page-template-page-index .news__top .right .item {
display: flex;
height: 240px;
width: 100%;
}
.page-template-page-index .news__top .right .item:last-child {
margin-top: 20px;
}
.page-template-page-index .news__top .right .item .image {
min-width: 214px;
max-width: 214px;
height: 100%;
}
.page-template-page-index .news__top .right .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .news__top .right .item .content {
display: flex;
flex-direction: column;
padding: 20px;
width: 100%;
background-color: #FFFFFF;
}
.page-template-page-index .news__top .right .item .content .title {
font-size: 20px;
font-family: "InterTight-SemiBold";
}
.page-template-page-index .news__top .right .item .content .text {
margin-top: 16px;
}
.page-template-page-index .news__top .right .item .content a {
display: flex;
align-items: center;
color: #296FCB;
margin-top: 62px;
font-size: 14px;
line-height: 140%;
text-decoration: none;
margin-top: auto;
}
.page-template-page-index .news__top .right .item .content a i {
display: inline-block;
font-size: 16px;
margin-left: 6px;
margin-bottom: -3px;
}
.page-template-page-index .news .btn-blue {
margin-top: 56px;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 1279px) {
.page-template-page-index .news .btn-blue {
display: none;
}
}
.page-template-page-index .news .btn-blue i {
color: #296FCB;
}
.page-template-page-index .news .swiper-4 {
display: none;
padding-left: 10px;
overflow: hidden;
}
@media (max-width: 1279px) {
.page-template-page-index .news .swiper-4 {
display: block;
}
}
.page-template-page-index .news .swiper-4 .item .image {
width: 100%;
height: 253px;
}
.page-template-page-index .news .swiper-4 .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-index .news .swiper-4 .item .content {
padding: 20px;
background-color: #FFFFFF;
}
.page-template-page-index .news .swiper-4 .item .content .title {
font-size: 20px;
font-family: "InterTight-SemiBold";
}
.page-template-page-index .news .swiper-4 .item .content .text {
margin-top: 16px;
}
.page-template-page-index .news .swiper-4 .item .content a {
display: flex;
align-items: center;
color: #296FCB;
margin-top: 62px;
font-size: 14px;
line-height: 140%;
text-decoration: none;
}
.page-template-page-index .news .swiper-4 .item .content a i {
display: inline-block;
font-size: 16px;
margin-left: 6px;
margin-bottom: -3px;
}
.page-template-page-index .news .swiper-4 .swiper-slide {
display: flex;
text-decoration: none;
height: unset !important;
}
.page-template-page-index .news .swiper-4 .swiper-slide.btn-more {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
color: #296FCB;
border: 1px solid #296FCB;
}
.page-template-page-index .news .swiper-4 .swiper-slide.btn-more .content {
display: flex;
}
.page-template-page-index .news .swiper-4 .swiper-slide.btn-more .content span {
font-size: 14px;
margin-right: 6px;
font-family: "InterTight-Medium";
}
.page-template-page-index .news .swiper-4 .swiper-slide.btn-more i {
display: flex;
align-items: center;
color: #296FCB;
}
.page-template-page-index .news .swiper-4 .navs-4 {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 40px;
}
.page-template-page-index .news .swiper-4 .navs-4 .slider-prev,
.page-template-page-index .news .swiper-4 .navs-4 .slider-next {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
font-size: 24px;
color: #E6EAEF;
border-radius: 50%;
background-color: #296FCB;
cursor: pointer;
}
.page-template-page-index .news .swiper-4 .navs-4 .slider-prev.swiper-button-disabled,
.page-template-page-index .news .swiper-4 .navs-4 .slider-next.swiper-button-disabled {
background-color: #9CABBF;
}
.page-template-page-index .news .swiper-4 .navs-4 .slider-prev i,
.page-template-page-index .news .swiper-4 .navs-4 .slider-next i {
margin-bottom: -2px;
}
.page-template-page-index .news .swiper-4 .navs-4 .pagination-4 {
display: flex;
align-items: center;
margin-left: 24px;
margin-right: 24px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-template-page-index .news .swiper-4 .navs-4 .pagination-4 span {
font-family: "InterTight-Medium";
}
.page-template-page-index .news .swiper-4 .navs-4 .pagination-4 .line {
display: block;
width: 49px;
height: 1px;
color: #505A68;
margin-left: 4px;
margin-right: 4px;
background-color: #505A68;
}
.page-template-page-about .banner {
background-color: #F3F4F7;
}
.page-template-page-about .banner h1 {
max-width: 866px;
width: 100%;
padding-top: 57px;
padding-bottom: 45px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
font-family: "InterTight-Medium";
font-size: 48px;
line-height: 120%;
color: #253142;
text-align: center;
}
@media (max-width: 992px) {
.page-template-page-about .banner h1 {
font-size: 36px;
line-height: 1.4;
}
}
@media (max-width: 600px) {
.page-template-page-about .banner h1 {
font-size: 28px;
line-height: 120%;
padding-top: 43px;
padding-bottom: 40px;
}
}
.page-template-page-about .banner h1 strong {
font-family: "InterTight-Bold";
}
.page-template-page-about .banner__advantages {
display: flex;
position: relative;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages {
flex-wrap: wrap;
justify-content: center;
}
}
@media (max-width: 600px) {
.page-template-page-about .banner__advantages {
flex-direction: column;
}
}
.page-template-page-about .banner__advantages::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: linear-gradient(90deg, rgba(80, 90, 104, 0) 0%, #5B6675 12.5%, #7A899D 51.5%, #94A7BF 85.5%, rgba(160, 179, 206, 0) 100%);
}
.page-template-page-about .banner__advantages .item {
display: flex;
position: relative;
justify-content: center;
flex-basis: 33.33%;
padding: 32px 0;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item {
flex-direction: column;
flex-basis: 50%;
align-items: center;
}
}
@media (max-width: 600px) {
.page-template-page-about .banner__advantages .item {
padding-top: 0;
padding-bottom: 27px;
}
}
@media (max-width: 600px) {
.page-template-page-about .banner__advantages .item:first-child {
padding-top: 40px;
}
}
.page-template-page-about .banner__advantages .item:nth-child(2) .content {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item:nth-child(2) .content {
flex-direction: row;
align-items: flex-start;
}
}
.page-template-page-about .banner__advantages .item:nth-child(2) .content .text {
text-align: center;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item:nth-child(2) .content .text {
text-align: left;
}
}
@media (max-width: 600px) {
.page-template-page-about .banner__advantages .item:last-child {
padding-bottom: 0;
}
}
.page-template-page-about .banner__advantages .item:last-child::before {
display: none;
}
.page-template-page-about .banner__advantages .item::before {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
background: linear-gradient(0deg, rgba(80, 90, 104, 0) 0%, #5B6675 12.5%, #7A899D 51.5%, #94A7BF 85.5%, rgba(160, 179, 206, 0) 100%);
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item::before {
display: none;
}
}
.page-template-page-about .banner__advantages .item:last-child .content {
max-width: 251px;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item:last-child .content {
max-width: 350px;
}
}
.page-template-page-about .banner__advantages .item .content {
max-width: 183px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item .content {
display: flex;
max-width: 350px;
}
}
.page-template-page-about .banner__advantages .item i {
display: flex;
justify-content: center;
align-items: center;
min-width: 50px;
max-width: 50px;
width: 100%;
height: 50px;
font-size: 24px;
color: #CED5DF;
margin-bottom: 14px;
border-radius: 50%;
background-color: #07244C;
}
.page-template-page-about .banner__advantages .item .text {
font-family: "InterTight-SemiBold";
color: #3B5266;
}
@media (max-width: 1279px) {
.page-template-page-about .banner__advantages .item .text {
margin-left: 14px;
}
}
.page-template-page-about .banner__advantages .item .text strong {
font-family: "InterTight-Medium";
color: #161D28;
}
.page-template-page-about .banner .metal-invest {
display: flex;
justify-content: center;
overflow: hidden;
margin-top: 44px;
}
.page-template-page-about .banner .metal-invest img {
width: 100%;
max-width: 100%;
object-fit: cover;
}
.about {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.about {
padding-top: 60px;
padding-bottom: 60px;
}
}
.about .container {
display: flex;
align-items: stretch;
}
@media (max-width: 1279px) {
.about .container {
flex-direction: column;
}
}
.about .left {
max-width: 584px;
width: 100%;
}
@media (max-width: 1279px) {
.about .left {
max-width: 100%;
}
}
.about .left .text {
display: none;
font-family: "InterTight-Medium";
font-size: 22px;
line-height: 140%;
margin-bottom: 31px;
}
@media (max-width: 1279px) {
.about .left .text {
display: block;
}
}
.about .left .text strong {
font-family: "InterTight-Bold";
}
.about .left .video {
position: relative;
width: 100%;
height: 476px;
color: #FFFFFF;
overflow: hidden;
}
@media (max-width: 600px) {
.about .left .video {
height: 351px;
}
}
.about .left .video .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.about .left .video .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.7);
}
.about .left .video .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.about .left .video .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.about .left .video .content .play-btn {
display: flex;
position: absolute;
flex-direction: column;
align-items: center;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
cursor: pointer;
}
.about .left .video .content .play-btn i {
display: flex;
justify-content: center;
align-items: center;
width: 83px;
height: 83px;
font-size: 44px;
color: #CED5DF;
border-radius: 50%;
background-color: #296FCB;
}
@media (max-width: 600px) {
.about .left .video .content .play-btn i {
width: 65px;
height: 65px;
font-size: 39px;
}
}
.about .left .video .content .play-btn span {
margin-top: 17px;
}
.about .left .video .content .title {
position: absolute;
left: 40px;
bottom: 40px;
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 100%;
max-width: 381px;
}
@media (max-width: 600px) {
.about .left .video .content .title {
left: 24px;
bottom: 24px;
font-size: 34px;
}
}
.about .right {
display: flex;
flex-direction: column;
max-width: 630px;
width: 100%;
margin-left: 46px;
}
@media (max-width: 1279px) {
.about .right {
margin-left: 0;
max-width: 100%;
}
}
.about .right .text {
font-size: 30px;
line-height: 140%;
font-family: "InterTight-Medium";
}
@media (max-width: 1279px) {
.about .right .text {
display: none;
}
}
.about .right .text strong {
font-family: "InterTight-Bold";
}
.about .right .plates {
display: flex;
margin-top: auto;
}
@media (max-width: 600px) {
.about .right .plates {
flex-direction: column;
}
}
.about .right .plates .plate {
display: flex;
flex-direction: column;
flex-basis: 50%;
padding: 20px;
min-height: 207px;
background-color: #F4F5F6;
}
@media (max-width: 600px) {
.about .right .plates .plate {
flex-basis: 100%;
min-height: 137px;
padding: 16px;
}
}
.about .right .plates .plate.blue {
background-color: #CED5DF;
}
.about .right .plates .plate .title {
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 1;
}
@media (max-width: 600px) {
.about .right .plates .plate .title {
font-size: 34px;
}
}
.about .right .plates .plate .text {
display: flex;
align-items: flex-end;
font-weight: 500;
font-size: 16px;
line-height: 140%;
margin-top: auto;
}
@media (max-width: 600px) {
.about .right .plates .plate .text {
font-size: 16px;
}
}
.about .right .plates .plate .text span {
max-width: 170px;
font-family: "InterTight-Medium";
}
.about .right .plates .plate .text i {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 24px;
color: #CED5DF;
border-radius: 50%;
margin-left: auto;
background-color: #07244C;
}
.partners {
padding-bottom: 120px;
overflow: hidden;
}
@media (max-width: 600px) {
.partners {
padding-top: 20px;
padding-bottom: 60px;
}
}
.partners .block-title {
margin-bottom: 83px;
}
@media (max-width: 600px) {
.partners .block-title {
margin-bottom: 25px;
}
}
.partners .logotypes {
display: flex;
align-items: stret;
width: 100%;
}
.partners .logotypes .swiper-wrapper {
display: flex;
align-items: center;
transition-timing-function: linear;
}
.partners .logotypes .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
max-width: 251px;
}
.partners .logotypes .item {
display: flex;
justify-content: center;
align-items: center;
max-height: 75px;
}
.partners .logotypes .item img {
height: 100%;
object-fit: contain;
}
.way {
overflow: hidden;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.way {
padding-bottom: 80px;
}
}
.way .block-title {
margin-bottom: 63px;
}
@media (max-width: 600px) {
.way .block-title {
margin-bottom: 36px;
}
}
.way .years {
display: flex;
position: relative;
overflow: hidden;
}
.way .years:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 203px;
background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
opacity: 0;
z-index: 3;
transition: opacity 0.3s ease-in-out;
}
.way .years.is-swiped::before {
opacity: 1;
}
.way .years .slider-prev,
.way .years .slider-next {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
top: calc(50% - 15px);
transform: translateY(-50%);
cursor: pointer;
background-color: #FFFFFF;
z-index: 1;
}
@media (max-width: 767px) {
.way .years .slider-prev,
.way .years .slider-next {
display: none;
}
}
.way .years .slider-prev.swiper-button-disabled,
.way .years .slider-next.swiper-button-disabled {
opacity: 0;
visibility: hidden;
}
.way .years .slider-prev i,
.way .years .slider-next i {
display: flex;
justify-content: center;
align-items: center;
width: 67px;
height: 67px;
font-size: 24px;
color: #E6EAEF;
border-radius: 50%;
background-color: #296FCB;
z-index: 2;
}
.way .years .slider-prev span,
.way .years .slider-next span {
font-size: 14px;
line-height: 140%;
text-align: center;
margin-bottom: 12px;
}
.way .years .slider-prev {
right: 0;
z-index: 2;
}
.way .years .slider-next {
right: 0;
z-index: 1;
}
@media (max-width: 767px) {
.way .years .swiper-wrapper {
flex-direction: column;
}
}
.way .years .swiper-slide {
display: flex;
flex-direction: column;
}
.way .years .swiper-slide:nth-child(odd) .spacer {
order: 2;
}
.way .years .swiper-slide:nth-child(odd) .year {
order: 1;
border-top: none;
justify-content: flex-end;
}
@media (max-width: 767px) {
.way .years .swiper-slide:nth-child(odd) .year {
justify-content: flex-start;
}
}
.way .years .swiper-slide:nth-child(odd) .year::before {
top: 100%;
}
@media (max-width: 767px) {
.way .years .swiper-slide:nth-child(odd) .year::before {
top: 0;
width: 1px;
height: 100%;
background-size: 3px 16px;
background-image: linear-gradient(to bottom, #051B39 50%, transparent 50%);
}
}
.way .years .swiper-slide:nth-child(odd) .year .number {
margin-top: 21px;
margin-bottom: -22px;
order: 3;
}
@media (max-width: 767px) {
.way .years .swiper-slide:nth-child(odd) .year .number {
margin-top: 8px;
order: 1;
}
}
.way .years .swiper-slide:nth-child(odd) .year .title {
margin-top: 19px;
}
@media (max-width: 767px) {
.way .years .swiper-slide:nth-child(odd) .year .title {
margin-top: 0;
margin-bottom: 19px;
}
}
@media (max-width: 600px) {
.way .years .swiper-slide:nth-child(odd) .year .title {
margin-bottom: 11px;
font-size: 40px;
line-height: 120%;
}
}
.way .years .swiper-slide:nth-child(odd) .year .text {
font-family: "InterTight-Medium";
order: 1;
}
@media (max-width: 767px) {
.way .years .swiper-slide:nth-child(odd) .year .text {
order: 3;
}
}
.way .years .swiper-slide:nth-child(even) .year {
margin-top: -20px;
}
@media (max-width: 767px) {
.way .years .swiper-slide:nth-child(even) .year {
margin-top: 0;
}
}
.way .years .swiper-slide:nth-child(even) .number {
margin-bottom: 21px;
}
.way .years .swiper-slide:nth-child(even) .title {
margin-bottom: 19px;
}
@media (max-width: 600px) {
.way .years .swiper-slide:nth-child(even) .title {
margin-bottom: 11px;
font-size: 40px;
line-height: 120%;
}
}
.way .years .spacer {
order: 2;
}
@media (max-width: 767px) {
.way .years .spacer {
display: none;
}
}
.way .years .year {
display: flex;
flex-direction: column;
position: relative;
align-items: stretch;
order: 2;
}
@media (max-width: 767px) {
.way .years .year {
padding-left: 40px;
}
}
.way .years .year::before {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 1px;
background-image: linear-gradient(to right, #051B39 50%, transparent 50%);
background-size: 16px 3px;
z-index: 1;
}
@media (max-width: 767px) {
.way .years .year::before {
top: 0;
left: 15px;
width: 1px;
height: 100%;
background-size: 3px 16px;
background-image: linear-gradient(to bottom, #051B39 50%, transparent 50%);
}
}
.way .years .year .number {
display: flex;
position: relative;
justify-content: center;
align-items: center;
min-width: 44px;
max-width: 44px;
min-height: 44px;
max-height: 44px;
height: 100%;
color: #CED5DF;
border-radius: 50%;
background-color: #07244C;
z-index: 2;
order: 1;
}
@media (max-width: 767px) {
.way .years .year .number {
position: absolute;
top: 0;
left: 0;
min-width: 30px;
max-width: 30px;
min-height: 30px;
max-height: 30px;
font-size: 12px;
line-height: 150%;
transform: rotate(-90deg);
}
}
.way .years .year .title {
font-family: "InterTight-Medium";
font-size: 48px;
line-height: 120%;
color: #296FCB;
order: 2;
}
.way .years .year .text {
order: 3;
}
@media (max-width: 767px) {
.way .years .year .text {
padding-bottom: 40px;
}
}
.way .btn-blue {
display: none;
justify-content: center;
width: 100%;
margin-top: 25px;
}
@media (max-width: 767px) {
.way .btn-blue {
display: flex;
}
}
.way .btn-blue.ghost {
border: none;
padding-top: 0;
padding-bottom: 0;
}
.way .btn-blue.icon-rotate i {
color: #296FCB;
transform: rotate(90deg);
}
.page-about-us .faq {
background-color: #F3F4F7;
}
.page-about-us .faq .accordions .accordion.active .title {
border-bottom: 1px solid #E6EAEF;
}
.page-template-page-hot-galvanizing .banner {
background-color: #F3F4F7;
}
.page-template-page-hot-galvanizing .banner .container-fluid {
display: flex;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .container-fluid {
flex-direction: column;
}
}
.page-template-page-hot-galvanizing .banner .show-only-mobile {
display: none;
justify-content: center;
text-align: center;
margin-left: 12px;
margin-right: 12px;
margin-top: 34px;
margin-bottom: 80px;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .show-only-mobile {
display: flex;
}
}
.page-template-page-hot-galvanizing .banner .left {
max-width: 50vw;
width: 100%;
height: 742px;
}
@media (max-width: 1440px) {
.page-template-page-hot-galvanizing .banner .left {
max-width: 626px;
}
}
@media (max-width: 1300px) {
.page-template-page-hot-galvanizing .banner .left {
max-width: 550px;
}
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .left {
height: auto;
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
}
.page-template-page-hot-galvanizing .banner .left .content-top {
display: none;
max-width: 556px;
margin-top: 48px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .left .content-top {
display: block;
max-width: 100%;
padding-right: 100px;
}
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .left .content-top {
padding-right: 0;
}
}
.page-template-page-hot-galvanizing .banner .left .content-top h1 {
font-family: "InterTight-Bold";
font-weight: 700;
font-size: 70px;
line-height: 100%;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .left .content-top h1 {
font-size: 42px;
line-height: 100%;
}
}
.page-template-page-hot-galvanizing .banner .left .content-top .text {
font-family: "InterTight-Medium";
margin-top: 34px;
margin-bottom: 70px;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .left .content-top .text {
margin-top: 34px;
margin-bottom: 29px;
}
}
.page-template-page-hot-galvanizing .banner .left .video {
position: relative;
width: 100%;
height: 100%;
color: #FFFFFF;
overflow: hidden;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .left .video {
height: 550px;
}
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .left .video {
height: 247px;
}
}
.page-template-page-hot-galvanizing .banner .left .video .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.page-template-page-hot-galvanizing .banner .left .video .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.7);
}
.page-template-page-hot-galvanizing .banner .left .video .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-hot-galvanizing .banner .left .video .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.page-template-page-hot-galvanizing .banner .left .video .content .play-btn {
display: flex;
position: absolute;
flex-direction: column;
align-items: center;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
cursor: pointer;
}
.page-template-page-hot-galvanizing .banner .left .video .content .play-btn i {
display: flex;
justify-content: center;
align-items: center;
width: 83px;
height: 83px;
font-size: 44px;
border-radius: 50%;
background-color: #296FCB;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .left .video .content .play-btn i {
width: 65px;
height: 65px;
font-size: 39px;
}
}
.page-template-page-hot-galvanizing .banner .left .video .content .play-btn span {
margin-top: 17px;
}
.page-template-page-hot-galvanizing .banner .left .video .content .title {
position: absolute;
left: 40px;
bottom: 40px;
font-size: 44px;
line-height: 100%;
max-width: 381px;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .left .video .content .title {
left: 24px;
bottom: 24px;
font-size: 34px;
}
}
.page-template-page-hot-galvanizing .banner .right {
display: flex;
flex-direction: column;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .right {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
}
.page-template-page-hot-galvanizing .banner .right .content-wrapper {
padding-top: 57px;
padding-left: 64px;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .banner .right .content-wrapper {
display: none;
}
}
.page-template-page-hot-galvanizing .banner .right .content {
max-width: 556px;
padding-bottom: 40px;
width: 100%;
}
.page-template-page-hot-galvanizing .banner .right .content h1 {
font-family: "InterTight-Bold";
font-weight: 700;
font-size: 70px;
line-height: 100%;
}
.page-template-page-hot-galvanizing .banner .right .content .text {
font-family: "InterTight-Medium";
margin-top: 34px;
margin-bottom: 70px;
}
.page-template-page-hot-galvanizing .banner .right .content .btn-blue i {
color: #FFFFFF;
}
.page-template-page-hot-galvanizing .banner .right .plates {
display: flex;
margin-top: auto;
}
.page-template-page-hot-galvanizing .banner .right .plates .plate {
flex-basis: 50%;
height: 246px;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate {
height: 111px;
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 24px;
color: #FFFFFF;
background-color: #9CABBF;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 {
padding: 12px;
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 i {
position: absolute;
top: 50%;
left: 50%;
font-size: 480px;
color: #A6B3C5;
transform: translateX(-50%);
z-index: 1;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 i {
font-size: 190px;
top: calc(50% - 8px);
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span {
position: relative;
display: flex;
align-items: flex-end;
font-size: 2.8vw;
line-height: 1.8vw;
z-index: 2;
}
@media (max-width: 767px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span {
font-size: 18px;
line-height: 110%;
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span.top {
font-family: "InterTight-Medium";
margin-right: auto;
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span.top .spacer {
margin-left: 18px;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span.top .spacer {
margin-left: 7px;
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span.bottom {
font-family: "InterTight-Medium";
margin-left: auto;
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span.bottom .spacer {
margin-right: 18px;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span.bottom .spacer {
margin-right: 7px;
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span .spacer {
width: 135px;
height: 1px;
background-color: #FFFFFF;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .banner .right .plates .plate.plate-1 span .spacer {
width: 47px;
}
}
.page-template-page-hot-galvanizing .banner .right .plates .plate .image {
width: 100%;
height: 100%;
}
.page-template-page-hot-galvanizing .banner .right .plates .plate .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-hot-galvanizing .protect {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .protect {
padding-top: 80px;
padding-bottom: 80px;
}
}
.page-template-page-hot-galvanizing .protect .block-title {
max-width: 762px;
width: 100%;
text-align: center;
margin-bottom: 14px;
}
.page-template-page-hot-galvanizing .protect .block-text {
text-align: center;
color: #3B5266;
}
.page-template-page-hot-galvanizing .protect .plates {
display: flex;
margin-top: 48px;
height: 300px;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .protect .plates {
flex-wrap: wrap;
height: auto;
}
}
.page-template-page-hot-galvanizing .protect .plates .column {
width: 330px;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .protect .plates .column {
width: 50%;
}
}
@media (max-width: 767px) {
.page-template-page-hot-galvanizing .protect .plates .column {
width: 100%;
}
}
.page-template-page-hot-galvanizing .protect .plates .column .plate {
height: 50%;
}
@media (max-width: 767px) {
.page-template-page-hot-galvanizing .protect .plates .column .plate .bottom {
margin-top: 16px;
}
}
.page-template-page-hot-galvanizing .protect .plates .plate {
display: flex;
flex-direction: column;
padding: 20px;
height: 100%;
background-color: #F3F4F7;
}
.page-template-page-hot-galvanizing .protect .plates .plate.blue {
background-color: #CED5DF;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 {
position: relative;
padding: 0;
width: 100%;
max-width: 630px;
padding: 20px;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 {
max-width: 100%;
height: 300px;
}
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 {
height: 200px;
}
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(7, 36, 76, 0.7) 0%, rgba(7, 36, 76, 0.7) 100%);
z-index: 1;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .title {
color: #FFFFFF;
}
@media (max-width: 767px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .bottom {
margin-top: auto;
}
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .bottom .text {
color: #FFFFFF;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-1 .bottom i {
color: #051B39;
background-color: #F3F4F7;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 {
max-width: 315px;
width: 100%;
overflow: hidden;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 {
max-width: 50%;
}
}
@media (max-width: 767px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 {
max-width: 100%;
height: 200px;
}
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .title,
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .text {
position: relative;
z-index: 2;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .image {
margin-top: -60px;
margin-right: -20px;
z-index: 1;
}
@media (max-width: 1279px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .image {
margin-left: auto;
margin-right: -20px;
}
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .image {
margin-top: -120px;
}
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .image img {
width: 100%;
height: 100%;
object-fit: contain;
}
.page-template-page-hot-galvanizing .protect .plates .plate.plate-3 .text {
max-width: 182px;
width: 100%;
margin-top: 20px;
max-width: 168px;
font-family: "InterTight-Medium";
line-height: 140%;
}
.page-template-page-hot-galvanizing .protect .plates .plate .title {
position: relative;
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 100%;
z-index: 2;
}
@media (max-width: 600px) {
.page-template-page-hot-galvanizing .protect .plates .plate .title {
font-size: 34px;
line-height: 100%;
}
}
.page-template-page-hot-galvanizing .protect .plates .plate .bottom {
display: flex;
position: relative;
margin-top: auto;
z-index: 2;
}
.page-template-page-hot-galvanizing .protect .plates .plate .bottom .text {
max-width: 168px;
font-family: "InterTight-Medium";
line-height: 140%;
}
.page-template-page-hot-galvanizing .protect .plates .plate .bottom i {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 24px;
color: #CED5DF;
border-radius: 50%;
background-color: #07244C;
margin-left: auto;
}
.process {
position: relative;
padding-bottom: 56px;
}
@media (max-width: 1279px) {
.process {
padding-bottom: 0;
}
}
.process::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
height: 216px;
width: 100%;
background-color: #CED5DF;
z-index: -1;
}
@media (max-width: 1279px) {
.process::before {
display: none;
}
}
.process__top {
display: flex;
justify-content: space-between;
}
@media (max-width: 992px) {
.process__top {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
}
.process__top .block-title {
max-width: 511px;
text-align: left;
margin-left: 0;
}
@media (max-width: 992px) {
.process__top .block-title {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.process__top .steps {
display: flex;
align-items: center;
justify-content: space-between;
min-width: 316px;
}
.process__top .steps .step {
position: relative;
}
@media (max-width: 600px) {
.process__top .steps .step {
display: flex;
flex-direction: column;
align-items: center;
}
}
.process__top .steps .step i:not(.inside) {
display: flex;
justify-content: center;
align-items: center;
width: 69px;
height: 69px;
color: #CED5DF;
font-size: 35px;
border-radius: 50%;
background-color: #07244C;
}
@media (max-width: 600px) {
.process__top .steps .step i:not(.inside) {
width: 60px;
height: 60px;
font-size: 27px;
}
}
.process__top .steps .step i:not(.inside) i {
position: absolute;
top: 2px;
left: -7px;
font-size: 43px;
color: #CED5DF;
}
@media (max-width: 600px) {
.process__top .steps .step i:not(.inside) i {
top: 0;
left: calc(50% + 1px);
font-size: 36px;
transform: translateX(-50%);
}
}
.process__top .steps .step i:not(.inside) i.bottom {
top: 37px;
transform: rotateX(180deg);
}
@media (max-width: 600px) {
.process__top .steps .step i:not(.inside) i.bottom {
top: 31px;
left: calc(50% + 1px);
transform: rotateX(180deg) translateX(-50%);
}
}
.process__top .steps .step span {
display: block;
text-align: center;
font-family: "InterTight-Medium";
margin-top: 13px;
color: #505A68;
}
.process__bottom .container {
display: flex;
position: relative;
}
.process__bottom .container .accordions {
display: none;
margin-top: 24px;
}
@media (max-width: 1279px) {
.process__bottom .container .accordions {
display: flex;
}
}
.process__bottom .container .accordions .accordion {
position: relative;
margin-bottom: 20px;
}
.process__bottom .container .accordions .accordion:last-child {
margin-bottom: 0;
}
.process__bottom .container .accordions .accordion.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background-color: #296FCB;
}
.process__bottom .container .accordions .accordion.active .title {
font-family: "InterTight-Bold";
background-color: #F3F4F7;
}
.process__bottom .container .accordions .accordion.active .title span {
font-family: "InterTight-Bold";
}
.process__bottom .container .accordions .accordion.active .title strong {
font-family: "InterTight-Bold";
}
.process__bottom .container .accordions .accordion.active .content {
background-color: #F3F4F7;
}
.process__bottom .container .accordions .accordion .title {
background-color: #F3F4F7;
border-bottom: none;
}
.process__bottom .container .accordions .accordion .title strong {
font-family: "InterTight-Medium";
}
.process__bottom .container .accordions .accordion .title span {
display: inline-block;
margin-right: 5px;
font-family: "InterTight-Medium";
color: #7C838E;
}
.process__bottom .container .accordions .accordion .content .image {
display: block;
width: 100%;
height: 400px;
margin-bottom: 20px;
}
@media (max-width: 600px) {
.process__bottom .container .accordions .accordion .content .image {
height: 259px;
}
}
.process__bottom .container .accordions .accordion .content .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.process__bottom .container .accordions .accordion .content ul {
list-style: none;
max-width: 300px;
width: 100%;
margin-top: 30px;
padding-left: 0;
margin-bottom: 0;
column-count: 2;
column-gap: 0;
}
.process__bottom .container .accordions .accordion .content ul:last-of-type {
counter-reset: li-counter;
}
.process__bottom .container .accordions .accordion .content ul:last-of-type li {
color: #253142;
counter-increment: li-counter;
font-family: "InterTight-Medium";
margin-bottom: 8px;
max-width: 150px;
text-wrap: nowrap;
}
.process__bottom .container .accordions .accordion .content ul:last-of-type li::before {
content: "0" counter(li-counter) ". ";
color: #505A68;
margin-right: 8px;
}
.process__bottom .container .number {
position: absolute;
bottom: -40px;
left: 0;
margin-top: auto;
font-family: "InterTight-SemiBold";
font-size: 104px;
line-height: 140%;
color: #E6EAEF;
font-size: 104px;
z-index: 2;
}
@media (max-width: 1279px) {
.process__bottom .container .number {
display: none;
}
}
.process__bottom .left {
max-width: 286px;
width: 100%;
margin-right: 28px;
}
@media (max-width: 1279px) {
.process__bottom .left {
display: none;
}
}
.process__bottom .left ul {
width: 100%;
list-style: none;
padding-left: 0;
margin-bottom: 0;
border-left: 1px solid #9CABBF;
}
.process__bottom .left ul li {
display: flex;
position: relative;
padding: 10px 20px;
cursor: pointer;
}
.process__bottom .left ul li.active {
background-color: #F3F4F7;
}
.process__bottom .left ul li.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background-color: #296FCB;
}
.process__bottom .left ul li.active i {
color: #E6EAEF;
opacity: 1;
}
.process__bottom .left ul li span {
display: flex;
align-items: center;
font-family: "InterTight-Medium";
}
.process__bottom .left ul li i {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-left: auto;
font-size: 16px;
color: #CED5DF;
border-radius: 50%;
background-color: #296FCB;
opacity: 0;
}
.process__bottom .right {
display: flex;
max-width: 945px;
min-height: 421px;
background-color: #F3F4F7;
}
@media (max-width: 1279px) {
.process__bottom .right {
display: none;
}
}
.process__bottom .right .tab-content {
display: none;
}
.process__bottom .right .tab-content.active {
display: flex;
}
.process__bottom .right .image {
max-width: 345px;
min-width: 345px;
width: 100%;
height: 100%;
}
.process__bottom .right .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.process__bottom .right .content {
padding: 40px;
}
.process__bottom .right .content p {
font-family: "InterTight-Medium";
}
.process__bottom .right .content p strong {
font-family: "InterTight-Bold";
}
.process__bottom .right .content ul {
list-style: none;
max-width: 300px;
width: 100%;
margin-top: 30px;
padding-left: 0;
margin-bottom: 0;
column-count: 2;
column-gap: 0;
}
.process__bottom .right .content ul:last-of-type {
counter-reset: li-counter;
}
.process__bottom .right .content ul:last-of-type li {
color: #253142;
counter-increment: li-counter;
font-family: "InterTight-Medium";
margin-bottom: 8px;
max-width: 150px;
text-wrap: nowrap;
}
.process__bottom .right .content ul:last-of-type li::before {
content: "0" counter(li-counter) ". ";
color: #505A68;
margin-right: 8px;
}
.faq {
background-color: #F3F4F7;
}
.page-template-page-metalworking .banner {
background-color: #F3F4F7;
}
.page-template-page-metalworking .banner .container-fluid {
display: flex;
justify-content: right;
align-items: stretch;
max-width: 1440px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .container-fluid {
flex-direction: column;
}
}
.page-template-page-metalworking .banner .show-only-mobile {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 24px;
text-align: center;
padding-left: 12px;
padding-right: 12px;
}
.page-template-page-metalworking .banner .show-only-mobile .btn-blue {
justify-content: center;
width: 100%;
text-align: center;
}
.page-template-page-metalworking .banner .show-only-mobile .btn-blue i {
color: #FFFFFF;
}
.page-template-page-metalworking .banner .show-only-mobile .text {
display: block;
margin-top: 24px;
max-width: 321px;
width: 100%;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .show-only-mobile {
display: flex;
}
}
.page-template-page-metalworking .banner .left {
display: flex;
justify-content: flex-start;
max-width: 883px;
width: 100%;
padding-top: 70px;
padding-bottom: 130px;
}
@media (max-width: 1440px) {
.page-template-page-metalworking .banner .left {
padding-left: 60px;
}
}
@media (max-width: 1339px) {
.page-template-page-metalworking .banner .left {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .left {
justify-content: center;
}
}
.page-template-page-metalworking .banner .left .content {
max-width: 728px;
width: 100%;
}
@media (max-width: 1439px) {
.page-template-page-metalworking .banner .left .content {
left: 0;
}
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .left {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 65px;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .left {
padding-top: 34px;
padding-bottom: 34px;
}
}
.page-template-page-metalworking .banner .left h1 {
font-size: 70px;
line-height: 110%;
color: #1D2735;
font-family: "InterTight-Bold";
}
@media (max-width: 1439px) {
.page-template-page-metalworking .banner .left h1 {
font-size: 60px;
}
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .left h1 {
text-align: center;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .left h1 {
font-size: 34px;
line-height: 110%;
}
}
.page-template-page-metalworking .banner .left strong {
display: block;
margin-top: 18px;
font-size: 34px;
line-height: 140%;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .left strong {
text-align: center;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .left strong {
font-size: 20px;
font-family: "InterTight-SemiBold";
margin-top: 12px;
}
}
.page-template-page-metalworking .banner .left .bottom {
display: flex;
align-items: center;
margin-top: 77px;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .left .bottom {
justify-content: center;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .left .bottom {
display: none;
}
}
.page-template-page-metalworking .banner .left .bottom .bottom-text {
display: block;
font-family: "InterTight-Medium";
font-size: 16px;
line-height: 140%;
margin-left: 35px;
max-width: 321px;
width: 100%;
color: #505A68;
}
.page-template-page-metalworking .banner .right {
min-width: 580px;
max-width: 580px;
width: 100%;
}
@media (max-width: 1400px) {
.page-template-page-metalworking .banner .right {
min-width: 557px;
max-width: 557px;
width: 100%;
}
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .right {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right {
min-width: 100%;
}
}
.page-template-page-metalworking .banner .right .image {
position: relative;
width: 100%;
height: 317px;
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right .image {
height: 157px;
}
}
.page-template-page-metalworking .banner .right .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.4);
}
.page-template-page-metalworking .banner .right .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-metalworking .banner .right .bottom {
display: flex;
align-items: stretch;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .banner .right .bottom {
height: 200px;
}
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right .bottom {
height: auto;
}
}
.page-template-page-metalworking .banner .right .bottom .plate {
display: flex;
flex-direction: column;
width: 50%;
overflow: hidden;
background-color: #051B39;
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .right .bottom .plate {
width: 100%;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .banner .right .bottom .plate:nth-child(2) {
display: none;
}
}
.page-template-page-metalworking .banner .right .bottom .plate.with-text {
padding: 20px;
color: #FFFFFF;
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right .bottom .plate.with-text {
padding: 20px 12px;
}
}
.page-template-page-metalworking .banner .right .bottom .plate.with-text .title {
font-size: 44px;
line-height: 100%;
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right .bottom .plate.with-text .title {
font-size: 34px;
line-height: 110%;
}
}
.page-template-page-metalworking .banner .right .bottom .plate.with-text .content {
display: flex;
align-items: flex-end;
margin-top: auto;
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right .bottom .plate.with-text .content {
margin-top: 24px;
}
}
@media (max-width: 600px) {
.page-template-page-metalworking .banner .right .bottom .plate.with-text .content .text {
max-width: 220px;
}
}
.page-template-page-metalworking .banner .right .bottom .plate.with-text .content .text strong {
font-family: "InterTight-Bold";
}
.page-template-page-metalworking .banner .right .bottom .plate.with-text .content i {
display: flex;
justify-content: center;
align-items: center;
min-width: 50px;
max-width: 50px;
width: 100%;
min-height: 50px;
max-height: 50px;
margin-left: auto;
height: 100%;
border-radius: 50%;
font-size: 24px;
color: #051B39;
background-color: #F3F4F7;
}
.page-template-page-metalworking .banner .right .bottom .plate .image-2 {
width: 100%;
height: 100%;
}
.page-template-page-metalworking .banner .right .bottom .plate .image-2 img {
width: 100%;
object-fit: cover;
}
.page-template-page-metalworking .services {
padding-bottom: 118px;
}
@media (max-width: 600px) {
.page-template-page-metalworking .services {
padding-bottom: 58px;
}
}
.page-template-page-metalworking .services .container {
max-width: 1440px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1460px) {
.page-template-page-metalworking .services .container {
padding-left: 12px;
padding-right: 12px;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .container {
padding-left: 0;
padding-right: 0;
}
}
.page-template-page-metalworking .services .item {
display: flex;
position: relative;
width: 100%;
padding: 56px;
min-height: 500px;
margin-top: 24px;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .services .item {
flex-direction: column;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item {
padding: 16px;
}
}
.page-template-page-metalworking .services .item:nth-child(even) .left {
order: 2;
padding-left: 42px;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .services .item:nth-child(even) .left {
order: 1;
padding-left: 0;
}
}
.page-template-page-metalworking .services .item:nth-child(even) .right {
order: 1;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .services .item:nth-child(even) .right {
order: 2;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item.last {
margin-left: 12px;
margin-right: 12px;
width: calc(100% - 24px);
padding-top: 60px;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item.last .image {
height: 100%;
}
}
.page-template-page-metalworking .services .item .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .services .item .image {
height: 400px;
}
}
@media (max-width: 600px) {
.page-template-page-metalworking .services .item .image {
height: 262px;
}
}
.page-template-page-metalworking .services .item .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.6);
z-index: 1;
}
.page-template-page-metalworking .services .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-metalworking .services .item .left {
display: flex;
position: relative;
flex-direction: column;
justify-content: space-between;
flex-basis: 50%;
order: 1;
z-index: 3;
}
.page-template-page-metalworking .services .item .left span {
color: #FFFFFF;
font-size: 48px;
line-height: 110%;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .left span {
font-size: 24px;
}
}
.page-template-page-metalworking .services .item .left h2 {
font-size: 48px;
font-weight: 600;
line-height: 120%;
max-width: 389px;
font-family: "InterTight-SemiBold";
color: #F4F5F6;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .services .item .left h2 {
margin-top: 47px;
margin-bottom: 20px;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .left h2 {
font-size: 34px;
line-height: 110%;
max-width: 292px;
}
}
.page-template-page-metalworking .services .item .right {
display: flex;
flex-direction: column;
position: relative;
flex-basis: 50%;
padding: 28px;
background-color: #F3F4F7;
margin-bottom: -56px;
order: 2;
z-index: 3;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .right {
margin-bottom: 0;
padding: 16px;
}
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .right .icon-angle-2 {
display: none;
}
}
.page-template-page-metalworking .services .item .right i {
font-size: 27px;
color: #9CABBF;
}
.page-template-page-metalworking .services .item .right .content {
margin-top: 29px;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .right .content {
margin-top: 64px;
}
}
.page-template-page-metalworking .services .item .right .content p {
font-family: "InterTight-Medium";
color: #253142;
}
@media (max-width: 600px) {
.page-template-page-metalworking .services .item .right .content p:not(:first-child) {
display: none;
}
}
.page-template-page-metalworking .services .item .right .content p strong {
font-family: "InterTight-Bold";
}
.page-template-page-metalworking .services .item .right .bottom {
display: flex;
align-items: center;
width: 100%;
margin-top: auto;
}
@media (max-width: 1279px) {
.page-template-page-metalworking .services .item .right .bottom {
margin-top: 44px;
}
}
.page-template-page-metalworking .services .item .right .bottom .buttons {
display: flex;
align-items: center;
height: 58px;
border: 1px solid #296FCB;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .right .bottom .buttons {
width: 100%;
}
}
.page-template-page-metalworking .services .item .right .bottom .buttons .btn-blue {
padding-top: 0;
padding-bottom: 0;
height: 100%;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .right .bottom .buttons .btn-blue {
justify-content: center;
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
.page-template-page-metalworking .services .item .right .bottom .buttons .btn-blue.ghost {
color: #031226;
}
.page-template-page-metalworking .services .item .right .bottom .buttons .btn-blue span {
color: #E6EAEF;
}
.page-template-page-metalworking .services .item .right .bottom .buttons .btn-blue i {
font-size: 21px;
color: #E6EAEF;
}
.page-template-page-metalworking .services .item .right .bottom .side {
display: flex;
justify-content: center;
align-items: center;
width: 58px;
height: 58px;
font-size: 30px;
margin-left: auto;
color: #CED5DF;
border-radius: 50%;
background-color: #07244C;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .right .bottom .side {
position: absolute;
top: 16px;
left: 16px;
width: 48px;
height: 48px;
font-size: 25px;
}
}
.page-template-page-metalworking .services .item .middle {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
max-width: 590px;
width: 100%;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
z-index: 3;
}
.page-template-page-metalworking .services .item .middle .icon-key {
display: flex;
justify-content: center;
align-items: center;
width: 66px;
height: 66px;
margin-bottom: 28px;
color: #051B39;
font-size: 30px;
border-radius: 50%;
background-color: #F3F4F7;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .middle .icon-key {
margin-bottom: 24px;
}
}
.page-template-page-metalworking .services .item .middle .title {
font-family: "InterTight-SemiBold";
font-size: 48px;
line-height: 120%;
color: #FFFFFF;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .middle .title {
font-size: 34px;
line-height: 110%;
}
}
.page-template-page-metalworking .services .item .middle .text {
margin-top: 19px;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .middle .text {
text-align: left;
}
}
.page-template-page-metalworking .services .item .middle .buttons {
display: flex;
align-items: center;
margin-top: 69px;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .middle .buttons {
width: 100%;
margin-top: 44px;
}
}
.page-template-page-metalworking .services .item .middle .buttons .btn-blue {
padding-top: 0;
padding-bottom: 0;
height: 58px;
}
@media (max-width: 767px) {
.page-template-page-metalworking .services .item .middle .buttons .btn-blue {
flex-basis: 50%;
justify-content: center;
padding-left: 0;
padding-right: 0;
}
}
.page-template-page-metalworking .services .item .middle .buttons .btn-blue.ghost {
color: #FFFFFF;
}
.single-services .banner {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
padding-top: 100px;
min-height: 595px;
padding-bottom: 140px;
}
@media (max-width: 768px) {
.single-services .banner {
min-height: unset;
}
}
@media (max-width: 600px) {
.single-services .banner {
padding-top: 95px;
padding-bottom: 14px;
}
}
.single-services .banner .container {
display: flex;
flex-direction: column;
position: relative;
}
.single-services .banner .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.single-services .banner .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(7, 36, 76, 0.6);
z-index: 1;
}
.single-services .banner .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-services .banner h1 {
position: relative;
max-width: 930px;
width: 100%;
font-family: "InterTight-Regular";
font-size: 60px;
line-height: 115%;
margin-bottom: 0;
color: #FFFFFF;
z-index: 2;
order: 1;
}
@media (max-width: 768px) {
.single-services .banner h1 {
text-align: center;
}
}
@media (max-width: 600px) {
.single-services .banner h1 {
font-size: 30px;
line-height: 120%;
}
}
.single-services .banner h1 strong {
font-family: "InterTight-SemiBold";
}
.single-services .banner .btn-blue {
position: relative;
height: 77px;
margin-top: 90px;
margin-right: auto;
z-index: 2;
order: 2;
}
@media (max-width: 768px) {
.single-services .banner .btn-blue {
order: 3;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 600px) {
.single-services .banner .btn-blue {
justify-content: center;
margin-top: 12px;
width: 100%;
text-align: center;
}
}
.single-services .banner .advantage {
position: absolute;
bottom: -185px;
right: 0;
width: 387px;
padding: 20px;
background-color: #E6EAEF;
overflow: hidden;
order: 3;
z-index: 2;
}
@media (max-width: 1330px) {
.single-services .banner .advantage {
right: 50px;
}
}
@media (max-width: 768px) {
.single-services .banner .advantage {
position: relative;
top: 0;
left: 0;
max-width: 570px;
width: 100%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
order: 2;
}
}
@media (max-width: 600px) {
.single-services .banner .advantage {
width: 100%;
margin-top: 86px;
}
}
.single-services .banner .advantage .icon-bg-decor-service {
position: absolute;
top: 180px;
right: -180px;
font-size: 300px;
color: #F3F4F7;
z-index: 1;
}
@media (max-width: 600px) {
.single-services .banner .advantage .icon-bg-decor-service {
top: 120px;
right: -100px;
font-size: 200px;
}
}
.single-services .banner .advantage .icon-clockwise {
display: flex;
position: relative;
justify-content: center;
align-items: center;
width: 66px;
height: 66px;
font-size: 32px;
color: #FFFFFF;
border-radius: 50%;
background-color: #296FCB;
z-index: 2;
}
@media (max-width: 600px) {
.single-services .banner .advantage .icon-clockwise {
width: 49px;
height: 49px;
}
}
.single-services .banner .advantage .text {
position: relative;
font-size: 18px;
line-height: 140%;
margin-top: 43px;
max-width: 275px;
z-index: 2;
}
@media (max-width: 600px) {
.single-services .banner .advantage .text {
margin-top: 19px;
}
}
.single-services .banner .advantage .title {
position: relative;
margin-top: 24px;
font-family: "InterTight-Medium";
font-size: 44px;
line-height: 100%;
color: #051B39;
z-index: 2;
}
@media (max-width: 600px) {
.single-services .banner .advantage .title {
margin-top: 8px;
font-size: 34px;
line-height: 110%;
}
}
.single-services .faq-1 {
padding-top: 170px;
padding-bottom: 120px;
background-color: #FFFFFF;
}
@media (max-width: 600px) {
.single-services .faq-1 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.single-services .faq-1 .container {
display: flex;
}
@media (max-width: 1024px) {
.single-services .faq-1 .container {
flex-direction: column;
}
}
.single-services .faq-1 .left {
max-width: 630px;
min-width: 630px;
width: 100%;
overflow: hidden;
}
@media (max-width: 1024px) {
.single-services .faq-1 .left {
max-width: 100%;
min-width: 100%;
}
}
.single-services .faq-1 .left .image {
width: 100%;
height: 100%;
}
@media (max-width: 1024px) {
.single-services .faq-1 .left .image {
height: 600px;
}
}
@media (max-width: 600px) {
.single-services .faq-1 .left .image {
height: 318px;
}
}
.single-services .faq-1 .left .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.single-services .faq-1 .right {
padding: 34px;
background-color: #F3F4F7;
}
@media (max-width: 992px) {
.single-services .faq-1 .right {
padding: 20px 0 0;
background-color: #FFFFFF;
}
}
@media (max-width: 992px) {
.single-services .faq-1 .right .content span {
padding: 16px 20px 28px;
}
}
.single-services .faq-1 .right .accordions.space-top {
margin-top: 40px;
}
.single-services .faq-1 .right p {
font-family: "InterTight-Medium";
color: #253142;
}
.single-services .faq-1 .right ul {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
@media (max-width: 992px) {
.single-services .faq-1 .right ul {
display: block;
column-count: 2;
column-gap: 0;
max-width: 200px;
}
}
.single-services .faq-1 .right ul li {
display: flex;
align-items: center;
position: relative;
margin-right: 20px;
margin-bottom: 20px;
}
@media (max-width: 992px) {
.single-services .faq-1 .right ul li {
max-width: 100px;
margin-bottom: 8px;
}
}
.single-services .faq-1 .right ul li::before {
content: "";
display: block;
width: 6px;
height: 6px;
margin-right: 8px;
min-width: 6px;
background-color: #296FCB;
}
.single-services .faq-1 .right ol {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.single-services .faq-1 .right ol li {
display: flex;
align-items: center;
position: relative;
margin-right: 20px;
margin-bottom: 20px;
}
@media (max-width: 992px) {
.single-services .faq-1 .right ol li {
margin-bottom: 8px;
}
}
.single-services .faq-1 .right ol li::before {
content: "";
display: block;
width: 6px;
height: 6px;
margin-right: 8px;
background-color: #296FCB;
}
.page-template-page-database .banner {
padding-top: 100px;
padding-bottom: 140px;
background-color: #E6EAEF;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-database .banner {
padding-top: 108px;
padding-bottom: 46px;
}
}
.page-template-page-database .banner .container {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.page-template-page-database .banner .icon-bg-decor-service {
position: absolute;
top: -368px;
left: -400px;
font-size: 586px;
line-height: 1;
color: #F0F2F5;
z-index: 2;
}
@media (max-width: 767px) {
.page-template-page-database .banner .icon-bg-decor-service {
font-size: 340px;
top: -260px;
left: -170px;
}
}
.page-template-page-database .banner .icon-bg-decor-service:nth-child(2) {
top: unset;
left: unset;
bottom: -570px;
right: -380px;
}
@media (max-width: 600px) {
.page-template-page-database .banner .icon-bg-decor-service:nth-child(2) {
display: none;
}
}
.page-template-page-database .banner .icon-pen {
display: flex;
left: 0;
bottom: -50px;
position: absolute;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
color: #FFFFFF;
font-size: 46px;
border-radius: 50%;
background-color: #6B819F;
z-index: 2;
}
@media (max-width: 1300px) {
.page-template-page-database .banner .icon-pen {
left: 12px;
}
}
@media (max-width: 1279px) {
.page-template-page-database .banner .icon-pen {
top: -50px;
left: 28px;
width: 53px;
height: 53px;
font-size: 25px;
}
}
@media (max-width: 768px) {
.page-template-page-database .banner .icon-pen {
top: -80px;
}
}
.page-template-page-database .banner .icon-files {
display: flex;
justify-content: center;
align-items: center;
right: 30px;
bottom: 50px;
position: absolute;
width: 81px;
height: 81px;
color: #FFFFFF;
font-size: 34px;
border-radius: 50%;
background-color: #296FCB;
transform: rotate(16deg);
z-index: 2;
}
@media (max-width: 1279px) {
.page-template-page-database .banner .icon-files {
display: none;
}
}
.page-template-page-database .banner .icon-deck {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -30px;
right: 0;
width: 60px;
height: 60px;
color: #FFFFFF;
font-size: 29px;
border-radius: 50%;
background-color: #296FCB;
opacity: 0.7;
z-index: 2;
}
@media (max-width: 1300px) {
.page-template-page-database .banner .icon-deck {
right: 12px;
}
}
@media (max-width: 1279px) {
.page-template-page-database .banner .icon-deck {
top: 50px;
right: -20px;
transform: rotate(16deg);
}
}
@media (max-width: 768px) {
.page-template-page-database .banner .icon-deck {
top: -30px;
}
}
.page-template-page-database .banner .icon-folder {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 50px;
right: 130px;
width: 38px;
height: 38px;
color: #FFFFFF;
font-size: 22px;
border-radius: 50%;
background-color: #296FCB;
opacity: 0.3;
z-index: 2;
}
@media (max-width: 1279px) {
.page-template-page-database .banner .icon-folder {
top: 0;
right: 50px;
}
}
@media (max-width: 768px) {
.page-template-page-database .banner .icon-folder {
top: -50px;
}
}
.page-template-page-database .banner h1 {
position: relative;
text-align: center;
max-width: 876px;
width: 100%;
font-size: 60px;
line-height: 115%;
color: #253142;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
z-index: 3;
}
@media (max-width: 768px) {
.page-template-page-database .banner h1 {
font-size: 45px;
max-width: 550px;
}
}
@media (max-width: 600px) {
.page-template-page-database .banner h1 {
font-size: 34px;
line-height: 110%;
}
}
.page-template-page-database .banner .search-wrapper {
position: relative;
max-width: 582px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
z-index: 3;
}
@media (max-width: 600px) {
.page-template-page-database .banner .search-wrapper {
margin-top: 26px;
}
}
.page-template-page-database .banner .search-wrapper .search-input {
display: flex;
align-items: center;
height: 56px;
max-width: 505px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
background-color: #FFFFFF;
}
@media (max-width: 600px) {
.page-template-page-database .banner .search-wrapper .search-input {
height: 46px;
padding-left: 16px;
padding-right: 16px;
}
}
.page-template-page-database .banner .search-wrapper .search-input form {
display: flex;
align-items: center;
width: 100%;
}
.page-template-page-database .banner .search-wrapper .search-input form button {
background-color: transparent;
border: unset;
padding: unset;
}
.page-template-page-database .banner .search-wrapper .search-input input {
border: unset;
background-color: none;
height: 100%;
width: 100%;
}
.page-template-page-database .banner .search-wrapper .search-input i {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 28px;
font-size: 28px;
transition: color 0.3s ease-in-out;
cursor: pointer;
}
.page-template-page-database .banner .search-wrapper .search-input i:hover {
color: #296FCB;
}
@media (max-width: 600px) {
.page-template-page-database .banner .search-wrapper .search-input i {
font-size: 26px;
}
}
.page-template-page-database .banner .search-wrapper .popular {
display: flex;
width: 100%;
}
@media (max-width: 768px) {
.page-template-page-database .banner .search-wrapper .popular {
flex-direction: column;
align-items: center;
}
}
.page-template-page-database .banner .search-wrapper .popular span {
font-size: 14px;
line-height: 140%;
white-space: nowrap;
margin-top: 20px;
}
@media (max-width: 600px) {
.page-template-page-database .banner .search-wrapper .popular span {
margin-top: 25px;
}
}
.page-template-page-database .banner .search-wrapper .popular ul {
display: flex;
flex-wrap: wrap;
list-style: none;
font-size: 14px;
line-height: 140%;
padding-left: 50px;
margin-bottom: 0;
}
@media (max-width: 768px) {
.page-template-page-database .banner .search-wrapper .popular ul {
padding-left: 0;
justify-content: center;
}
}
.page-template-page-database .banner .search-wrapper .popular ul li {
margin-right: 24px;
margin-top: 20px;
}
@media (max-width: 600px) {
.page-template-page-database .banner .search-wrapper .popular ul li {
margin-top: 12px;
}
}
.page-template-page-database .banner .search-wrapper .popular ul li:last-child {
margin-right: 0;
}
.page-template-page-database .banner .search-wrapper .popular ul li a {
font-size: 14px;
line-height: 140%;
font-family: "InterTight-Medium";
color: #296FCB;
text-decoration: none;
}
@media (max-width: 600px) {
.page-template-page-database .banner .search-wrapper .popular ul li a {
font-size: 13px;
line-height: 140%;
}
}
.page-template-page-database .news {
padding-top: 86px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.page-template-page-database .news {
padding-top: 44px;
padding-bottom: 80px;
}
}
.page-template-page-database .news .container {
display: flex;
}
@media (max-width: 1279px) {
.page-template-page-database .news .container {
flex-direction: column;
}
}
.page-template-page-database .news .left {
max-width: 299px;
width: 100%;
}
@media (max-width: 1279px) {
.page-template-page-database .news .left {
max-width: 100%;
}
}
.page-template-page-database .news .left ul {
width: 100%;
list-style: none;
padding-left: 0;
margin-bottom: 0;
border-left: 1px solid #9CABBF;
overflow: auto;
}
@media (max-width: 1279px) {
.page-template-page-database .news .left ul {
display: flex;
flex-direction: row;
border-left: unset;
border-bottom: 1px solid #9CABBF;
}
}
@media (max-width: 600px) {
.page-template-page-database .news .left ul {
scrollbar-width: none;
}
.page-template-page-database .news .left ul ::-webkit-scrollbar {
display: none;
}
}
.page-template-page-database .news .left ul li {
position: relative;
padding: 10px 20px;
white-space: nowrap;
cursor: pointer;
}
.page-template-page-database .news .left ul li.active {
background-color: #F3F4F7;
}
@media (max-width: 1279px) {
.page-template-page-database .news .left ul li.active {
background-color: unset;
}
}
.page-template-page-database .news .left ul li.active::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background-color: #296FCB;
}
@media (max-width: 1279px) {
.page-template-page-database .news .left ul li.active::before {
width: 100%;
top: unset;
bottom: 0;
height: 4px;
}
}
.page-template-page-database .news .left ul li.active i {
opacity: 1;
}
.page-template-page-database .news .left ul li a {
display: flex;
text-decoration: none;
}
.page-template-page-database .news .left ul li span {
display: flex;
align-items: center;
font-family: "InterTight-Medium";
}
.page-template-page-database .news .left ul li i {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-left: auto;
font-size: 16px;
color: #E6EAEF;
border-radius: 50%;
background-color: #296FCB;
opacity: 0;
}
@media (max-width: 1279px) {
.page-template-page-database .news .left ul li i {
display: none;
}
}
.page-template-page-database .news .right {
max-width: 992px;
width: 100%;
margin-left: 17px;
}
@media (max-width: 1279px) {
.page-template-page-database .news .right {
max-width: 100%;
margin-left: 0;
margin-top: 25px;
}
}
.page-template-page-database .news .right .tab-content {
display: none;
}
.page-template-page-database .news .right .tab-content.active {
display: flex;
}
.page-template-page-database .news .right ul {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-left: -8px;
padding-right: -8px;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
@media (max-width: 1279px) {
.page-template-page-database .news .right ul {
flex-direction: row;
}
}
@media (max-width: 600px) {
.page-template-page-database .news .right ul {
padding-left: 0;
padding-right: 0;
}
}
.page-template-page-database .news .right ul .item {
flex-basis: calc(33% - 16px);
margin-left: 8px;
margin-right: 8px;
margin-bottom: 16px;
border: 1px solid #9CABBF;
}
@media (max-width: 992px) {
.page-template-page-database .news .right ul .item {
flex-basis: calc(50% - 16px);
}
}
@media (max-width: 600px) {
.page-template-page-database .news .right ul .item {
flex-basis: 100%;
margin-right: 0;
margin-left: 0;
}
}
.page-template-page-database .news .right ul .item .image {
width: 100%;
height: 225px;
}
.page-template-page-database .news .right ul .item .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-page-database .news .right ul .item .content {
padding: 20px;
background-color: #FFFFFF;
}
.page-template-page-database .news .right ul .item .content .title {
font-size: 20px;
font-family: "InterTight-SemiBold";
color: #1D2735;
}
.page-template-page-database .news .right ul .item .content .text {
margin-top: 16px;
font-family: "InterTight-Medium";
color: #505A68;
}
.page-template-page-database .news .right ul .item .content a {
display: flex;
align-items: center;
color: #296FCB;
margin-top: 62px;
font-size: 14px;
line-height: 140%;
text-decoration: none;
}
.page-template-page-database .news .right ul .item .content a i {
display: inline-block;
font-size: 16px;
margin-left: 6px;
margin-bottom: -3px;
}
.page-template-page-database .news .right ul .item .content .date {
font-family: "InterTight-Medium";
color: #7C838E;
}
.page-template-page-database .news .right ul .item .content .bottom {
display: flex;
justify-content: space-between;
margin-top: 34px;
}
.page-template-page-database .news .right ul .item .content .bottom a {
font-size: 16px;
line-height: 140%;
font-family: "InterTight-Medium";
color: #296FCB;
margin-top: 0;
font-family: "InterTight-Medium";
}
.page-template-page-database .news .right ul .item .content .bottom i {
display: inline-block;
margin-bottom: -4px;
color: #296FCB;
}
.page-template-page-database .news .right .pagination {
display: flex;
margin-top: 18px;
padding-right: 12px;
padding-left: 12px;
}
@media (max-width: 600px) {
.page-template-page-database .news .right .pagination {
padding-left: 0;
padding-right: 0;
}
}
.page-template-page-database .news .right .pagination .prev,
.page-template-page-database .news .right .pagination .next {
display: flex;
align-items: center;
color: #296FCB;
font-family: "InterTight-Medium";
margin-bottom: 12px;
text-decoration: none;
color: #296FCB;
}
@media (max-width: 600px) {
.page-template-page-database .news .right .pagination .prev,
.page-template-page-database .news .right .pagination .next {
display: none;
}
}
.page-template-page-database .news .right .pagination .prev i,
.page-template-page-database .news .right .pagination .next i {
display: inline-block;
margin-bottom: -4px;
color: #296FCB !important;
}
.page-template-page-database .news .right .pagination .prev span,
.page-template-page-database .news .right .pagination .next span {
display: inline-block;
}
.page-template-page-database .news .right .pagination .prev i {
margin-right: 8px;
}
.page-template-page-database .news .right .pagination .next i {
margin-left: 8px;
}
.page-template-page-database .news .right .pagination ul {
display: flex;
justify-content: center;
padding-left: 12px;
padding-right: 12px;
margin-bottom: 0;
}
@media (max-width: 600px) {
.page-template-page-database .news .right .pagination ul {
margin-left: auto;
margin-right: auto;
}
}
.page-template-page-database .news .right .pagination ul li {
margin-left: 6px;
margin-right: 6px;
margin-bottom: 12px;
}
.page-template-page-database .news .right .pagination ul li a,
.page-template-page-database .news .right .pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 44px;
height: 44px;
font-family: "InterTight-Medium";
color: #505A68;
text-decoration: none;
border: 1px solid #E6EAEF;
}
.page-template-page-database .news .right .pagination ul li a.current,
.page-template-page-database .news .right .pagination ul li span.current {
background-color: #E6EAEF;
}
.page-template-page-database .contact-banner {
display: flex;
position: relative;
flex-direction: column;
align-items: start;
text-align: center;
padding-top: 120px;
padding-bottom: 120px;
background-color: #296FCB;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page-template-page-database .contact-banner .icon-bg-decor-database {
position: absolute;
top: calc(50% + 150px);
left: 50%;
font-size: 110vw;
line-height: 1;
color: #3879CE;
transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner .icon-bg-decor-database {
font-size: 628px;
top: calc(50% + 70px);
}
}
.page-template-page-database .contact-banner .icon-question {
display: flex;
position: absolute;
justify-content: center;
align-items: center;
width: 101px;
height: 101px;
top: calc(50% - 150px);
right: calc(50% - 550px);
color: #3E7DD0;
font-size: 54px;
border-radius: 50%;
background-color: #2567BD;
transform: translate(50%, -50%);
}
.page-template-page-database .contact-banner .icon-question:nth-child(2) {
top: calc(50% + 20px);
left: calc(50% - 580px);
transform: rotate(-15deg);
}
@media (max-width: 1279px) {
.page-template-page-database .contact-banner .icon-question:nth-child(2) {
top: calc(50% - 110px);
left: calc(50% + 220px);
transform: rotate(15deg);
}
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner .icon-question:nth-child(2) {
top: calc(50% - 110px);
left: calc(50% + 100px);
width: 55px;
height: 55px;
font-size: 30px;
}
}
.page-template-page-database .contact-banner .icon-question:nth-child(3) {
top: calc(50% + 100px);
left: calc(50% - 450px);
width: 62px;
height: 62px;
font-size: 29px;
transform: rotate(20deg);
opacity: 0.7;
}
@media (max-width: 1279px) {
.page-template-page-database .contact-banner .icon-question:nth-child(3) {
top: calc(50% + 50px);
left: calc(50% - 260px);
transform: rotate(-15deg);
}
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner .icon-question:nth-child(3) {
top: calc(50% + 10px);
left: calc(50% - 100px);
width: 39px;
height: 39px;
font-size: 20px;
transform: rotate(-15deg);
}
}
.page-template-page-database .contact-banner .title {
position: relative;
max-width: 522px;
width: 100%;
text-align: center;
color: #FFFFFF;
font-family: "InterTight-Bold";
font-size: 50px;
line-height: 120%;
margin-left: auto;
margin-right: auto;
z-index: 2;
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner .title {
font-family: "InterTight-Bold";
font-size: 30px;
line-height: 110%;
}
}
.page-template-page-database .contact-banner .text {
position: relative;
max-width: 409px;
width: 100%;
margin-top: 24px;
font-size: 20px;
line-height: 150%;
margin-left: auto;
margin-right: auto;
color: #FFFFFF;
z-index: 2;
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner .text {
font-size: 14px;
line-height: 140%;
margin-top: 30px;
max-width: 254px;
}
}
.page-template-page-database .contact-banner .btn-blue {
position: relative;
margin-top: 70px;
height: 77px;
font-family: "InterTight-Medium";
z-index: 2;
}
.page-template-page-database .contact-banner .btn-blue i {
color: #296FCB;
}
@media (max-width: 600px) {
.page-template-page-database .contact-banner .btn-blue {
margin-top: 90px;
width: 100%;
height: 68px;
justify-content: center;
}
}
.single-post header {
border-bottom: 1px solid #E6EAEF;
}
.single-post .post-title {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-top: 60px;
margin-bottom: 40px;
}
@media (max-width: 600px) {
.single-post .post-title {
padding-top: 40px;
margin-bottom: 30px;
}
}
.single-post .post-title h1 {
font-family: "InterTight-Bold";
font-size: 50px;
line-height: 1.2;
margin-top: 0;
margin-bottom: 0;
color: #1D2735;
}
@media (max-width: 600px) {
.single-post .post-title h1 {
font-size: 40px;
}
}
.single-post .post-title span {
white-space: nowrap;
margin-left: 0;
color: #7C838E;
}
@media (max-width: 600px) {
.single-post .post-title span {
margin-bottom: 10px;
}
}
.single-post .post-image {
max-width: 1440px;
width: 100%;
margin-bottom: 40px;
}
@media (max-width: 600px) {
.single-post .post-image {
margin-top: 30px;
}
}
.single-post .post-image img {
width: 100%;
object-fit: contain;
}
.single-post .post-content {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 60px;
}
@media (max-width: 600px) {
.single-post .post-content {
padding-bottom: 40px;
}
}
.page-template-page-contacts .info {
border-top: 1px solid #E6EAEF;
padding-left: 12px;
padding-right: 12px;
padding-bottom: 80px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info {
padding-bottom: 40px;
}
}
.page-template-page-contacts .info .icon-bg-decor-contacts {
position: absolute;
top: 80px;
right: 31px;
color: #F0F2F5;
font-size: 686px;
line-height: 1;
z-index: 1;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .icon-bg-decor-contacts {
display: none;
}
}
.page-template-page-contacts .info .container {
display: flex;
}
.page-template-page-contacts .info .container.second {
position: relative;
padding: 48px 60px;
background-color: #E6EAEF;
overflow: hidden;
}
@media (max-width: 1279px) {
.page-template-page-contacts .info .container.second {
display: flex;
flex-direction: column;
}
}
@media (max-width: 600px) {
.page-template-page-contacts .info .container.second {
padding: 6px;
}
}
.page-template-page-contacts .info h1 {
font-family: "InterTight-SemiBold";
width: 100%;
text-align: center;
font-size: 60px;
line-height: 115%;
margin-top: 80px;
margin-bottom: 40px;
color: #1D2735;
}
@media (max-width: 600px) {
.page-template-page-contacts .info h1 {
margin-top: 50px;
margin-bottom: 30px;
font-family: "InterTight-Bold";
font-size: 34px;
line-height: 110%;
}
}
.page-template-page-contacts .info .left {
position: relative;
max-width: 549px;
width: 100%;
z-index: 2;
}
@media (max-width: 1279px) {
.page-template-page-contacts .info .left {
margin-left: auto;
margin-right: auto;
}
}
.page-template-page-contacts .info .left .tabs {
display: flex;
justify-content: flex-start;
text-align: center;
width: 100%;
margin-right: auto;
padding-left: 0;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid #9CABBF;
}
@media (max-width: 1279px) {
.page-template-page-contacts .info .left .tabs {
justify-content: center;
}
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs {
margin-left: 4px;
margin-right: 4px;
width: calc(100% - 8px);
}
}
@media (max-width: 400px) {
.page-template-page-contacts .info .left .tabs {
justify-content: flex-start;
}
}
.page-template-page-contacts .info .left .tabs li {
color: #505A68;
padding: 8px 10px;
cursor: pointer;
}
.page-template-page-contacts .info .left .tabs li:nth-child(1) {
margin-right: 60px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs li:nth-child(1) {
margin-right: 21px;
}
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs li {
font-family: "InterTight-Medium";
font-size: 16px;
line-height: 140%;
padding: 14px 6px;
}
}
.page-template-page-contacts .info .left .tabs li.active {
font-family: "InterTight-Medium";
color: #1D2735;
border-bottom: 4px solid #296FCB;
}
.page-template-page-contacts .info .left .tabs-content {
overflow: hidden;
}
.page-template-page-contacts .info .left .tabs-content .tab-content {
display: none;
}
.page-template-page-contacts .info .left .tabs-content .tab-content.active {
display: block;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .title {
font-family: "InterTight-Medium";
font-size: 40px;
line-height: 120%;
margin-top: 53px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .title {
display: none;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper {
display: flex;
padding-top: 31px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper {
padding-top: 38px;
flex-direction: column;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 {
flex-basis: 60%;
padding-left: 12px;
padding-right: 12px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 {
display: flex;
flex-direction: column;
flex-basis: 100%;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 span {
color: #505A68;
font-family: "InterTight-Medium";
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul {
padding-left: 0;
list-style: none;
margin-top: 21px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul {
margin-bottom: 29px;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li {
display: flex;
align-items: flex-start;
margin-bottom: 28.5px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li {
margin-bottom: 20px;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li:last-child {
margin-bottom: 0;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li.align-center {
align-items: center;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li i {
display: flex;
justify-content: center;
align-items: center;
min-width: 32px;
max-width: 32px;
width: 100%;
height: 32px;
font-size: 16px;
color: #CED5DF;
border-radius: 50%;
margin-right: 11px;
background-color: #07244C;
text-decoration: none;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li i {
min-width: 36px;
max-width: 36px;
height: 36px;
font-size: 18px;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li .links {
display: flex;
flex-direction: column;
align-self: center;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li .links a {
text-decoration: none;
font-family: "InterTight-Medium";
font-size: 16px;
line-height: 140%;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li .links a.phone {
font-family: "InterTight-Medium";
font-size: 18px;
line-height: 140%;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li .links a.phone:not(:first-child) {
margin-top: 2px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li .links a.phone:not(:first-child) {
margin-top: 8px;
}
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-1 ul li .links a.phone {
font-size: 20px;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 {
display: flex;
flex-direction: column;
align-items: flex-end;
flex-basis: 40%;
margin-top: 40px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 {
flex-basis: 100%;
align-items: center;
margin-top: 0;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul {
list-style: none;
padding-left: 0;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul {
margin-bottom: 0;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li {
display: flex;
flex-direction: column;
margin-top: 4px;
margin-bottom: 16px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li {
align-items: center;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li:last-child {
margin-bottom: 0;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li span {
color: #505A68;
font-family: "InterTight-Medium";
font-size: 16px;
line-height: 140%;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li span {
text-align: center;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li span::before {
display: none;
}
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li span::before {
width: 8px;
height: 8px;
}
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li a {
font-family: "InterTight-Medium";
text-decoration: none;
padding-left: 15px;
font-size: 18px;
line-height: 140%;
margin-top: 4px;
}
@media (max-width: 600px) {
.page-template-page-contacts .info .left .tabs-content .tab-content .col-wrapper .col.col-2 ul li a {
padding-left: 0;
margin-top: 8px;
}
}
.page-template-page-contacts .info .right {
display: none;
position: relative;
flex-direction: column;
align-items: flex-end;
max-width: 346px;
width: 100%;
margin-left: auto;
margin-right: 41px;
padding-top: 45px;
z-index: 2;
}
.page-template-page-contacts .info .right.active {
display: flex;
}
@media (max-width: 1279px) {
.page-template-page-contacts .info .right {
margin-left: auto;
margin-right: auto;
margin-top: 40px;
padding-top: 0;
}
}
.page-template-page-contacts .info .right .form-element-2 {
width: 100%;
max-width: 346px;
width: 100%;
background-color: #FFFFFF;
}
.page-template-page-contacts .info .right .form-element-2 .text {
font-family: "InterTight-Medium";
color: #505A68;
}
.page-template-page-contacts .info .right .form-element-2 .text br {
display: none;
}
.page-template-page-contacts .info .right .form-element-2 input {
background-color: #FFFFFF;
}
.error404 {
position: relative;
border-top: 1px solid #E6EAEF;
background-color: #F3F4F7;
}
.error404 .container-fluid {
position: relative;
overflow: hidden;
}
.error404 .icon-bg-decor-service {
position: absolute;
top: calc(50% - 50px);
left: calc(50% - 700px);
font-size: 700px;
line-height: 1;
color: #F9F9FB;
transform: translate(-50%, -50%);
z-index: 1;
}
.error404 .icon-bg-decor-service:nth-child(2) {
top: calc(50% + 150px);
left: calc(50% + 750px);
}
.error404 .content {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
padding-top: 90px;
padding-bottom: 90px;
text-align: center;
z-index: 2;
}
@media (max-width: 600px) {
.error404 .content {
padding-top: 80px;
padding-bottom: 80px;
}
}
.error404 .content h1 {
font-family: "InterTight-Bold";
font-size: 240px;
line-height: 0.8;
margin-bottom: 0;
color: #1D2735;
}
@media (max-width: 600px) {
.error404 .content h1 {
font-size: 145px;
}
}
.error404 .content h1 i {
color: #1D2735;
font-size: 184px;
}
@media (max-width: 600px) {
.error404 .content h1 i {
font-size: 110px;
}
}
.error404 .content .subtext {
margin-top: 48px;
font-family: "InterTight-Medium";
font-size: 40px;
line-height: 100%;
}
@media (max-width: 600px) {
.error404 .content .subtext {
margin-top: 42px;
font-size: 22px;
}
}
.error404 .content .text {
font-family: "InterTight-Medium";
margin-top: 21px;
max-width: 344px;
margin-bottom: 48px;
}
@media (max-width: 60px) {
.error404 .content .text {
font-size: 16px;
line-height: 140%;
}
}
.error404 .content .btn-blue {
height: 61px;
}
:root {
--iti-hover-color: rgba(0, 0, 0, 0.05);
--iti-text-gray: #999;
--iti-border-gray: #ccc;
--iti-spacer-horizontal: 8px;
--iti-flag-height: 15px;
--iti-flag-width: 20px;
--iti-border-width: 1px;
--iti-arrow-height: 4px;
--iti-arrow-width: 6px;
--iti-triangle-border: calc(var(--iti-arrow-width) / 2);
--iti-arrow-padding: 6px;
--iti-arrow-color: #555;
--iti-input-padding: 6px;
--iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
--iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
--iti-path-flags-1x: url(//metalinvest.ua/wp-content/themes/metalinvest/img/flags.png?1);
--iti-path-flags-2x: url(//metalinvest.ua/wp-content/themes/metalinvest/img/flags@2x.png?1);
--iti-path-globe-1x: url(//metalinvest.ua/wp-content/themes/metalinvest/img/globe.png);
--iti-path-globe-2x: url(//metalinvest.ua/wp-content/themes/metalinvest/img/globe@2x.png);
--iti-flag-sprite-width: 5762px;
--iti-flag-sprite-height: 15px;
--iti-mobile-popup-margin: 30px;
}
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti__a11y-text {
width: 1px;
height: 1px;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: var(--iti-right-hand-selected-country-padding);
margin-right: 0;
}
.iti__country-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: var(--iti-border-width);
}
.iti__selected-country {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
background: none;
border: 0;
margin: 0;
padding: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
border-radius: 0;
font-weight: inherit;
line-height: inherit;
text-decoration: none;
}
.iti__selected-country-primary {
display: flex;
align-items: center;
height: 100%;
padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
margin-left: var(--iti-arrow-padding);
width: 0;
height: 0;
border-left: var(--iti-triangle-border) solid transparent;
border-right: var(--iti-triangle-border) solid transparent;
border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
margin-right: var(--iti-arrow-padding);
margin-left: 0;
}
.iti__arrow--up {
border-top: none;
border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
border-radius: 3px;
background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
position: absolute;
z-index: 2;
margin-top: 3px;
margin-left: calc(var(--iti-border-width) * -1);
border: var(--iti-border-width) solid var(--iti-border-gray);
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
width: 100%;
border-width: 0;
border-radius: 3px;
padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
border-top: 1px solid var(--iti-border-gray);
}
.iti__country-list {
list-style: none;
padding: 0;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
white-space: nowrap;
}
@media (max-width: 500px) {
.iti--flexible-dropdown-width .iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: var(--iti-flag-width);
}
.iti__country {
display: flex;
align-items: center;
padding: 8px var(--iti-spacer-horizontal);
outline: none;
}
.iti__dial-code {
color: var(--iti-text-gray);
}
.iti__country.iti__highlight {
background-color: var(--iti-hover-color);
}
.iti__flag-box, .iti__country-name {
margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
margin-right: 0;
margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel] {
padding-right: var(--iti-input-padding);
padding-left: var(--iti-selected-country-arrow-padding);
margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel] {
padding-right: var(--iti-selected-country-arrow-padding);
padding-left: var(--iti-input-padding);
margin-right: 0;
}
.iti--allow-dropdown .iti__country-container {
right: auto;
left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container {
right: 0;
left: auto;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
margin-left: 0;
margin-right: 4px;
}
.iti--container {
position: fixed;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: var(--iti-border-width);
}
.iti--container:hover {
cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
background-color: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0;
position: fixed;
padding: var(--iti-mobile-popup-margin);
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
display: flex;
flex-direction: column;
max-height: 100%;
position: relative;
}
.iti--fullscreen-popup .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
--iti-flag-offset: 0px;
--iti-flag-width: 20px;
--iti-flag-height: 14px;
height: var(--iti-flag-height);
width: var(--iti-flag-width);
box-shadow: 0px 0px 1px 0px #888;
background-image: var(--iti-path-flags-1x);
background-repeat: no-repeat;
background-position: var(--iti-flag-offset) 0;
background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__np {
--iti-flag-width: 13px;
}
.iti__va, .iti__ch {
--iti-flag-width: 15px;
}
.iti__ne, .iti__be {
--iti-flag-width: 18px;
}
.iti__mc {
--iti-flag-width: 19px;
}
.iti__zw, .iti__ws, .iti__vg, .iti__uz, .iti__uk, .iti__tv, .iti__to, .iti__tl, .iti__tk, .iti__tj, .iti__tc, .iti__ta, .iti__su, .iti__st, .iti__ss, .iti__si, .iti__sh, .iti__sd, .iti__sc, .iti__sb, .iti__ps, .iti__pn, .iti__ph, .iti__om, .iti__nz, .iti__nu, .iti__nr, .iti__ng, .iti__nf, .iti__nc, .iti__my, .iti__ms, .iti__mp, .iti__mn, .iti__mk, .iti__me, .iti__md, .iti__ly, .iti__lv, .iti__lk, .iti__lc, .iti__kz, .iti__ky, .iti__kw, .iti__kp, .iti__ki, .iti__jo, .iti__jm, .iti__io, .iti__im, .iti__ie, .iti__hu, .iti__hr, .iti__hn, .iti__hm, .iti__gw, .iti__gs, .iti__gi, .iti__gb, .iti__fk, .iti__fj, .iti__et, .iti__er, .iti__eh, .iti__dm, .iti__dg, .iti__cx, .iti__cu, .iti__ck, .iti__cc, .iti__ca, .iti__by, .iti__bs, .iti__bn, .iti__bm, .iti__ba, .iti__az, .iti__au, .iti__as, .iti__am, .iti__ai, .iti__ae, .iti__ac {
--iti-flag-height: 10px;
}
.iti__us, .iti__um, .iti__py, .iti__mh, .iti__lr, .iti__gu, .iti__fm {
--iti-flag-height: 11px;
}
.iti__vu, .iti__tt, .iti__sv, .iti__ni, .iti__mx, .iti__lu, .iti__lt, .iti__li, .iti__km, .iti__kg, .iti__je, .iti__ir, .iti__ht, .iti__gy, .iti__gd, .iti__fi, .iti__de, .iti__cv, .iti__cr, .iti__cq, .iti__bz, .iti__bi, .iti__bh, .iti__bg, .iti__bd {
--iti-flag-height: 12px;
}
.iti__tg, .iti__se, .iti__pw, .iti__pl, .iti__kh, .iti__gt, .iti__ee, .iti__ax, .iti__ar {
--iti-flag-height: 13px;
}
.iti__xk, .iti__va, .iti__sm, .iti__sj, .iti__pg, .iti__np, .iti__no, .iti__ne, .iti__mc, .iti__is, .iti__il, .iti__ga, .iti__fo, .iti__dk, .iti__ch, .iti__cd, .iti__bv, .iti__be, .iti__al {
--iti-flag-height: 15px;
}
.iti__qa {
--iti-flag-height: 8px;
}
.iti__ac {
--iti-flag-offset: 0px;
}
.iti__ad {
--iti-flag-offset: -22px;
}
.iti__ae {
--iti-flag-offset: -44px;
}
.iti__af {
--iti-flag-offset: -66px;
}
.iti__ag {
--iti-flag-offset: -88px;
}
.iti__ai {
--iti-flag-offset: -110px;
}
.iti__al {
--iti-flag-offset: -132px;
}
.iti__am {
--iti-flag-offset: -154px;
}
.iti__ao {
--iti-flag-offset: -176px;
}
.iti__aq {
--iti-flag-offset: -198px;
}
.iti__ar {
--iti-flag-offset: -220px;
}
.iti__as {
--iti-flag-offset: -242px;
}
.iti__at {
--iti-flag-offset: -264px;
}
.iti__au {
--iti-flag-offset: -286px;
}
.iti__aw {
--iti-flag-offset: -308px;
}
.iti__ax {
--iti-flag-offset: -330px;
}
.iti__az {
--iti-flag-offset: -352px;
}
.iti__ba {
--iti-flag-offset: -374px;
}
.iti__bb {
--iti-flag-offset: -396px;
}
.iti__bd {
--iti-flag-offset: -418px;
}
.iti__be {
--iti-flag-offset: -440px;
}
.iti__bf {
--iti-flag-offset: -460px;
}
.iti__bg {
--iti-flag-offset: -482px;
}
.iti__bh {
--iti-flag-offset: -504px;
}
.iti__bi {
--iti-flag-offset: -526px;
}
.iti__bj {
--iti-flag-offset: -548px;
}
.iti__bl {
--iti-flag-offset: -570px;
}
.iti__bm {
--iti-flag-offset: -592px;
}
.iti__bn {
--iti-flag-offset: -614px;
}
.iti__bo {
--iti-flag-offset: -636px;
}
.iti__bq {
--iti-flag-offset: -658px;
}
.iti__br {
--iti-flag-offset: -680px;
}
.iti__bs {
--iti-flag-offset: -702px;
}
.iti__bt {
--iti-flag-offset: -724px;
}
.iti__bv {
--iti-flag-offset: -746px;
}
.iti__bw {
--iti-flag-offset: -768px;
}
.iti__by {
--iti-flag-offset: -790px;
}
.iti__bz {
--iti-flag-offset: -812px;
}
.iti__ca {
--iti-flag-offset: -834px;
}
.iti__cc {
--iti-flag-offset: -856px;
}
.iti__cd {
--iti-flag-offset: -878px;
}
.iti__cf {
--iti-flag-offset: -900px;
}
.iti__cg {
--iti-flag-offset: -922px;
}
.iti__ch {
--iti-flag-offset: -944px;
}
.iti__ci {
--iti-flag-offset: -961px;
}
.iti__ck {
--iti-flag-offset: -983px;
}
.iti__cl {
--iti-flag-offset: -1005px;
}
.iti__cm {
--iti-flag-offset: -1027px;
}
.iti__cn {
--iti-flag-offset: -1049px;
}
.iti__co {
--iti-flag-offset: -1071px;
}
.iti__cp {
--iti-flag-offset: -1093px;
}
.iti__cq {
--iti-flag-offset: -1115px;
}
.iti__cr {
--iti-flag-offset: -1137px;
}
.iti__cu {
--iti-flag-offset: -1159px;
}
.iti__cv {
--iti-flag-offset: -1181px;
}
.iti__cw {
--iti-flag-offset: -1203px;
}
.iti__cx {
--iti-flag-offset: -1225px;
}
.iti__cy {
--iti-flag-offset: -1247px;
}
.iti__cz {
--iti-flag-offset: -1269px;
}
.iti__de {
--iti-flag-offset: -1291px;
}
.iti__dg {
--iti-flag-offset: -1313px;
}
.iti__dj {
--iti-flag-offset: -1335px;
}
.iti__dk {
--iti-flag-offset: -1357px;
}
.iti__dm {
--iti-flag-offset: -1379px;
}
.iti__do {
--iti-flag-offset: -1401px;
}
.iti__dz {
--iti-flag-offset: -1423px;
}
.iti__ea {
--iti-flag-offset: -1445px;
}
.iti__ec {
--iti-flag-offset: -1467px;
}
.iti__ee {
--iti-flag-offset: -1489px;
}
.iti__eg {
--iti-flag-offset: -1511px;
}
.iti__eh {
--iti-flag-offset: -1533px;
}
.iti__er {
--iti-flag-offset: -1555px;
}
.iti__es {
--iti-flag-offset: -1577px;
}
.iti__et {
--iti-flag-offset: -1599px;
}
.iti__eu {
--iti-flag-offset: -1621px;
}
.iti__ez {
--iti-flag-offset: -1643px;
}
.iti__fi {
--iti-flag-offset: -1665px;
}
.iti__fj {
--iti-flag-offset: -1687px;
}
.iti__fk {
--iti-flag-offset: -1709px;
}
.iti__fm {
--iti-flag-offset: -1731px;
}
.iti__fo {
--iti-flag-offset: -1753px;
}
.iti__fr {
--iti-flag-offset: -1775px;
}
.iti__fx {
--iti-flag-offset: -1797px;
}
.iti__ga {
--iti-flag-offset: -1819px;
}
.iti__gb {
--iti-flag-offset: -1841px;
}
.iti__gd {
--iti-flag-offset: -1863px;
}
.iti__ge {
--iti-flag-offset: -1885px;
}
.iti__gf {
--iti-flag-offset: -1907px;
}
.iti__gg {
--iti-flag-offset: -1929px;
}
.iti__gh {
--iti-flag-offset: -1951px;
}
.iti__gi {
--iti-flag-offset: -1973px;
}
.iti__gl {
--iti-flag-offset: -1995px;
}
.iti__gm {
--iti-flag-offset: -2017px;
}
.iti__gn {
--iti-flag-offset: -2039px;
}
.iti__gp {
--iti-flag-offset: -2061px;
}
.iti__gq {
--iti-flag-offset: -2083px;
}
.iti__gr {
--iti-flag-offset: -2105px;
}
.iti__gs {
--iti-flag-offset: -2127px;
}
.iti__gt {
--iti-flag-offset: -2149px;
}
.iti__gu {
--iti-flag-offset: -2171px;
}
.iti__gw {
--iti-flag-offset: -2193px;
}
.iti__gy {
--iti-flag-offset: -2215px;
}
.iti__hk {
--iti-flag-offset: -2237px;
}
.iti__hm {
--iti-flag-offset: -2259px;
}
.iti__hn {
--iti-flag-offset: -2281px;
}
.iti__hr {
--iti-flag-offset: -2303px;
}
.iti__ht {
--iti-flag-offset: -2325px;
}
.iti__hu {
--iti-flag-offset: -2347px;
}
.iti__ic {
--iti-flag-offset: -2369px;
}
.iti__id {
--iti-flag-offset: -2391px;
}
.iti__ie {
--iti-flag-offset: -2413px;
}
.iti__il {
--iti-flag-offset: -2435px;
}
.iti__im {
--iti-flag-offset: -2457px;
}
.iti__in {
--iti-flag-offset: -2479px;
}
.iti__io {
--iti-flag-offset: -2501px;
}
.iti__iq {
--iti-flag-offset: -2523px;
}
.iti__ir {
--iti-flag-offset: -2545px;
}
.iti__is {
--iti-flag-offset: -2567px;
}
.iti__it {
--iti-flag-offset: -2589px;
}
.iti__je {
--iti-flag-offset: -2611px;
}
.iti__jm {
--iti-flag-offset: -2633px;
}
.iti__jo {
--iti-flag-offset: -2655px;
}
.iti__jp {
--iti-flag-offset: -2677px;
}
.iti__ke {
--iti-flag-offset: -2699px;
}
.iti__kg {
--iti-flag-offset: -2721px;
}
.iti__kh {
--iti-flag-offset: -2743px;
}
.iti__ki {
--iti-flag-offset: -2765px;
}
.iti__km {
--iti-flag-offset: -2787px;
}
.iti__kn {
--iti-flag-offset: -2809px;
}
.iti__kp {
--iti-flag-offset: -2831px;
}
.iti__kr {
--iti-flag-offset: -2853px;
}
.iti__kw {
--iti-flag-offset: -2875px;
}
.iti__ky {
--iti-flag-offset: -2897px;
}
.iti__kz {
--iti-flag-offset: -2919px;
}
.iti__la {
--iti-flag-offset: -2941px;
}
.iti__lb {
--iti-flag-offset: -2963px;
}
.iti__lc {
--iti-flag-offset: -2985px;
}
.iti__li {
--iti-flag-offset: -3007px;
}
.iti__lk {
--iti-flag-offset: -3029px;
}
.iti__lr {
--iti-flag-offset: -3051px;
}
.iti__ls {
--iti-flag-offset: -3073px;
}
.iti__lt {
--iti-flag-offset: -3095px;
}
.iti__lu {
--iti-flag-offset: -3117px;
}
.iti__lv {
--iti-flag-offset: -3139px;
}
.iti__ly {
--iti-flag-offset: -3161px;
}
.iti__ma {
--iti-flag-offset: -3183px;
}
.iti__mc {
--iti-flag-offset: -3205px;
}
.iti__md {
--iti-flag-offset: -3226px;
}
.iti__me {
--iti-flag-offset: -3248px;
}
.iti__mf {
--iti-flag-offset: -3270px;
}
.iti__mg {
--iti-flag-offset: -3292px;
}
.iti__mh {
--iti-flag-offset: -3314px;
}
.iti__mk {
--iti-flag-offset: -3336px;
}
.iti__ml {
--iti-flag-offset: -3358px;
}
.iti__mm {
--iti-flag-offset: -3380px;
}
.iti__mn {
--iti-flag-offset: -3402px;
}
.iti__mo {
--iti-flag-offset: -3424px;
}
.iti__mp {
--iti-flag-offset: -3446px;
}
.iti__mq {
--iti-flag-offset: -3468px;
}
.iti__mr {
--iti-flag-offset: -3490px;
}
.iti__ms {
--iti-flag-offset: -3512px;
}
.iti__mt {
--iti-flag-offset: -3534px;
}
.iti__mu {
--iti-flag-offset: -3556px;
}
.iti__mv {
--iti-flag-offset: -3578px;
}
.iti__mw {
--iti-flag-offset: -3600px;
}
.iti__mx {
--iti-flag-offset: -3622px;
}
.iti__my {
--iti-flag-offset: -3644px;
}
.iti__mz {
--iti-flag-offset: -3666px;
}
.iti__na {
--iti-flag-offset: -3688px;
}
.iti__nc {
--iti-flag-offset: -3710px;
}
.iti__ne {
--iti-flag-offset: -3732px;
}
.iti__nf {
--iti-flag-offset: -3752px;
}
.iti__ng {
--iti-flag-offset: -3774px;
}
.iti__ni {
--iti-flag-offset: -3796px;
}
.iti__nl {
--iti-flag-offset: -3818px;
}
.iti__no {
--iti-flag-offset: -3840px;
}
.iti__np {
--iti-flag-offset: -3862px;
}
.iti__nr {
--iti-flag-offset: -3877px;
}
.iti__nu {
--iti-flag-offset: -3899px;
}
.iti__nz {
--iti-flag-offset: -3921px;
}
.iti__om {
--iti-flag-offset: -3943px;
}
.iti__pa {
--iti-flag-offset: -3965px;
}
.iti__pe {
--iti-flag-offset: -3987px;
}
.iti__pf {
--iti-flag-offset: -4009px;
}
.iti__pg {
--iti-flag-offset: -4031px;
}
.iti__ph {
--iti-flag-offset: -4053px;
}
.iti__pk {
--iti-flag-offset: -4075px;
}
.iti__pl {
--iti-flag-offset: -4097px;
}
.iti__pm {
--iti-flag-offset: -4119px;
}
.iti__pn {
--iti-flag-offset: -4141px;
}
.iti__pr {
--iti-flag-offset: -4163px;
}
.iti__ps {
--iti-flag-offset: -4185px;
}
.iti__pt {
--iti-flag-offset: -4207px;
}
.iti__pw {
--iti-flag-offset: -4229px;
}
.iti__py {
--iti-flag-offset: -4251px;
}
.iti__qa {
--iti-flag-offset: -4273px;
}
.iti__re {
--iti-flag-offset: -4295px;
}
.iti__ro {
--iti-flag-offset: -4317px;
}
.iti__rs {
--iti-flag-offset: -4339px;
}
.iti__ru {
--iti-flag-offset: -4361px;
}
.iti__rw {
--iti-flag-offset: -4383px;
}
.iti__sa {
--iti-flag-offset: -4405px;
}
.iti__sb {
--iti-flag-offset: -4427px;
}
.iti__sc {
--iti-flag-offset: -4449px;
}
.iti__sd {
--iti-flag-offset: -4471px;
}
.iti__se {
--iti-flag-offset: -4493px;
}
.iti__sg {
--iti-flag-offset: -4515px;
}
.iti__sh {
--iti-flag-offset: -4537px;
}
.iti__si {
--iti-flag-offset: -4559px;
}
.iti__sj {
--iti-flag-offset: -4581px;
}
.iti__sk {
--iti-flag-offset: -4603px;
}
.iti__sl {
--iti-flag-offset: -4625px;
}
.iti__sm {
--iti-flag-offset: -4647px;
}
.iti__sn {
--iti-flag-offset: -4669px;
}
.iti__so {
--iti-flag-offset: -4691px;
}
.iti__sr {
--iti-flag-offset: -4713px;
}
.iti__ss {
--iti-flag-offset: -4735px;
}
.iti__st {
--iti-flag-offset: -4757px;
}
.iti__su {
--iti-flag-offset: -4779px;
}
.iti__sv {
--iti-flag-offset: -4801px;
}
.iti__sx {
--iti-flag-offset: -4823px;
}
.iti__sy {
--iti-flag-offset: -4845px;
}
.iti__sz {
--iti-flag-offset: -4867px;
}
.iti__ta {
--iti-flag-offset: -4889px;
}
.iti__tc {
--iti-flag-offset: -4911px;
}
.iti__td {
--iti-flag-offset: -4933px;
}
.iti__tf {
--iti-flag-offset: -4955px;
}
.iti__tg {
--iti-flag-offset: -4977px;
}
.iti__th {
--iti-flag-offset: -4999px;
}
.iti__tj {
--iti-flag-offset: -5021px;
}
.iti__tk {
--iti-flag-offset: -5043px;
}
.iti__tl {
--iti-flag-offset: -5065px;
}
.iti__tm {
--iti-flag-offset: -5087px;
}
.iti__tn {
--iti-flag-offset: -5109px;
}
.iti__to {
--iti-flag-offset: -5131px;
}
.iti__tr {
--iti-flag-offset: -5153px;
}
.iti__tt {
--iti-flag-offset: -5175px;
}
.iti__tv {
--iti-flag-offset: -5197px;
}
.iti__tw {
--iti-flag-offset: -5219px;
}
.iti__tz {
--iti-flag-offset: -5241px;
}
.iti__ua {
--iti-flag-offset: -5263px;
}
.iti__ug {
--iti-flag-offset: -5285px;
}
.iti__uk {
--iti-flag-offset: -5307px;
}
.iti__um {
--iti-flag-offset: -5329px;
}
.iti__un {
--iti-flag-offset: -5351px;
}
.iti__us {
--iti-flag-offset: -5373px;
}
.iti__uy {
--iti-flag-offset: -5395px;
}
.iti__uz {
--iti-flag-offset: -5417px;
}
.iti__va {
--iti-flag-offset: -5439px;
}
.iti__vc {
--iti-flag-offset: -5456px;
}
.iti__ve {
--iti-flag-offset: -5478px;
}
.iti__vg {
--iti-flag-offset: -5500px;
}
.iti__vi {
--iti-flag-offset: -5522px;
}
.iti__vn {
--iti-flag-offset: -5544px;
}
.iti__vu {
--iti-flag-offset: -5566px;
}
.iti__wf {
--iti-flag-offset: -5588px;
}
.iti__ws {
--iti-flag-offset: -5610px;
}
.iti__xk {
--iti-flag-offset: -5632px;
}
.iti__ye {
--iti-flag-offset: -5654px;
}
.iti__yt {
--iti-flag-offset: -5676px;
}
.iti__za {
--iti-flag-offset: -5698px;
}
.iti__zm {
--iti-flag-offset: -5720px;
}
.iti__zw {
--iti-flag-offset: -5742px;
}
.iti__globe {
background-image: var(--iti-path-globe-1x);
background-size: contain;
background-position: right;
box-shadow: none;
height: 19px;
}
@media (min-resolution: 2x) {
.iti__flag {
background-image: var(--iti-path-flags-2x);
}
.iti__globe {
background-image: var(--iti-path-globe-2x);
}
}
.page-template-page-success .bg-blue {
padding-top: 159px;
padding-bottom: 190px;
background-color: #296FCB;
overflow: hidden;
}
@media (max-width: 600px) {
.page-template-page-success .bg-blue {
padding-top: 148px;
padding-bottom: 148px;
}
}
.page-template-page-success .content {
display: flex;
position: relative;
flex-direction: column;
align-items: center;
max-width: 502px;
line-height: 1;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 600px) {
.page-template-page-success .content {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
}
.page-template-page-success .content .icon-decor-success {
display: flex;
align-items: center;
position: absolute;
top: 50%;
left: 50%;
font-size: 650px;
color: rgba(255, 255, 255, 0.1);
transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
.page-template-page-success .content .icon-decor-success {
display: none;
}
}
.page-template-page-success .content .icon-decor-success:nth-child(1) {
top: calc(100% + 150px);
left: calc(50% - 700px);
}
.page-template-page-success .content .icon-decor-success:nth-child(2) {
top: calc(100% - 550px);
left: calc(50% + 700px);
}
.page-template-page-success .content .icon-decor-success-2 {
display: none;
align-items: center;
position: absolute;
top: calc(50% - 230px);
left: calc(50% - 20px);
font-size: 500px;
color: rgba(255, 255, 255, 0.1);
transform: translate(-50%, -50%);
}
@media (max-width: 600px) {
.page-template-page-success .content .icon-decor-success-2 {
display: flex;
}
}
.page-template-page-success .content .icon-check-rounded {
display: flex;
justify-content: center;
align-items: center;
width: 88px;
height: 88px;
font-size: 56px;
color: #296FCB;
border-radius: 50%;
background-color: #FFFFFF;
}
@media (max-width: 600px) {
.page-template-page-success .content .icon-check-rounded {
width: 66px;
height: 66px;
font-size: 42px;
}
}
.page-template-page-success .content h1 {
font-family: "InterTight-SemiBold";
color: #FFFFFF;
font-size: 64px;
line-height: 110%;
margin-top: 22px;
margin-bottom: 0;
}
@media (max-width: 600px) {
.page-template-page-success .content h1 {
font-size: 34px;
margin-top: 20px;
}
}
.page-template-page-success .content p {
font-size: 20px;
line-height: 140%;
color: #FFFFFF;
margin-top: 28px;
}
@media (max-width: 600px) {
.page-template-page-success .content p {
font-size: 16px;
line-height: 140%;
margin-top: 20px;
}
}
.page-template-page-success .content .btn-blue {
display: inline-flex;
color: #FFFFFF;
border: 1px solid #FFFFFF;
margin-left: auto;
margin-right: auto;
margin-top: 70px;
}
@media (max-width: 600px) {
.page-template-page-success .content .btn-blue {
margin-top: 60px;
width: 100%;
justify-content: center;
}
}
.page-template-page-success .content .btn-blue i {
color: #FFFFFF !important;
}
* {
box-sizing: border-box;
}
.page {
margin-bottom: 0;
}
body {
position: relative;
font-family: "InterTight-Regular", sans-serif;
font-size: 16px;
line-height: 24px;
color: #161D28;
}
body.admin-bar .mobile-menu {
top: 100px;
}
@media (max-width: 600px) {
body.admin-bar .mobile-menu {
top: 95px;
}
}
input:active, input:focus {
outline: none;
}
strong {
font-family: "InterTight-SemiBold";
}
i {
color: #CED5DF;
}
.container {
max-width: 1290px;
width: 100%;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 600px) {
.container {
padding-left: 12px;
padding-right: 12px;
}
}
.container-fluid {
max-width: 1920px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.cube-before {
display: flex;
align-items: center;
position: relative;
}
.cube-before::before {
content: "";
display: block;
width: 10px;
height: 10px;
margin-right: 8px;
background-color: #296FCB;
}
.btn-blue {
display: inline-flex;
align-items: center;
font-family: "InterTight-Medium";
font-size: 16px;
line-height: 140%;
padding: 22px 44px;
color: #FFFFFF;
background-color: #296FCB;
text-decoration: none;
cursor: pointer;
}
.btn-blue.large {
padding-top: 26px;
padding-bottom: 26px;
}
.btn-blue.ghost {
color: #296FCB;
border: 1px solid #296FCB;
background-color: transparent;
}
.btn-blue i {
font-size: 24px;
margin-left: 10px;
margin-bottom: -3px;
}
.btn-blue.white {
color: #296FCB;
background-color: #FFFFFF;
}
header {
width: 100%;
}
header .container-fluid {
display: flex;
justify-content: space-between;
align-items: center;
height: 57px;
padding: 0 0 0 48px;
background-color: #FFFFFF;
}
@media (max-width: 600px) {
header .container-fluid {
height: 48px;
padding-left: 12px;
}
}
header .logo {
width: 122px;
}
@media (max-width: 600px) {
header .logo {
width: 95px;
}
}
header .logo img {
width: 100%;
object-fit: contain;
}
@media (max-width: 1230px) {
header nav ul {
display: none;
}
}
header nav ul li.current-menu-item a {
font-family: "InterTight-SemiBold";
}
header ul {
display: flex;
align-items: center;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
@media (max-width: 1230px) {
header ul.lang {
display: none;
}
}
header ul.lang li.current-lang a {
font-family: "InterTight-SemiBold";
}
header ul.lang li a {
margin-right: 20px;
}
header ul.lang li:first-child {
margin-left: 0;
}
header ul.lang li:last-child a {
margin-left: 0;
}
header ul li:first-child a {
margin-left: 0;
}
header ul li:last-child a {
margin-right: 0;
}
header ul li a {
text-decoration: none;
color: #505A68;
margin-left: 20px;
margin-right: 20px;
}
header .blue-btn {
display: flex;
align-items: center;
color: #FFFFFF;
font-family: "InterTight-Medium";
height: 100%;
font-size: 15px;
line-height: 25px;
padding-left: 46px;
padding-right: 46px;
background-color: #296FCB;
cursor: pointer;
}
@media (max-width: 1230px) {
header .blue-btn {
margin-left: auto;
}
}
@media (max-width: 600px) {
header .blue-btn {
padding-left: 18px;
padding-right: 18px;
font-size: 13px;
line-height: 25px;
}
}
header .blue-btn i {
font-size: 21px;
color: #FFFFFF;
margin-left: 10px;
}
@media (max-width: 600px) {
header .blue-btn i {
display: none;
}
}
header .menu-trigger {
display: none;
flex-direction: column;
position: relative;
width: 22px;
height: 16px;
margin-right: 16px;
margin-left: 16px;
}
header .menu-trigger.active span:nth-child(1) {
top: 7px;
transform: rotate(45deg);
}
header .menu-trigger.active span:nth-child(2) {
opacity: 0;
}
header .menu-trigger.active span:nth-child(3) {
top: 7px;
transform: rotate(-45deg);
}
@media (max-width: 1230px) {
header .menu-trigger {
display: flex;
}
}
header .menu-trigger span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #051B39;
transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
header .menu-trigger span:nth-child(1) {
top: 0;
}
header .menu-trigger span:nth-child(2) {
top: 7px;
}
header .menu-trigger span:nth-child(3) {
top: 14px;
}
header .mobile-menu {
display: flex;
flex-direction: column;
position: fixed;
top: 57px;
right: -100%;
height: calc(100% - 57px);
width: 100%;
height: 100%;
padding-bottom: 15px;
background-color: #F3F4F7;
transition: right 0.3s ease-in-out;
overflow: auto;
z-index: 10;
}
@media (max-width: 600px) {
header .mobile-menu {
top: 48px;
height: calc(100% - 48px);
}
}
header .mobile-menu.show {
right: 0;
}
header .mobile-menu .menu {
display: flex;
flex-direction: column;
padding-top: 44px;
padding-bottom: 44px;
}
header .mobile-menu .menu li:last-child a {
margin-bottom: 0;
}
header .mobile-menu .menu li a {
display: block;
font-family: "InterTight-Medium";
margin-left: 0;
margin-right: 0;
font-size: 20px;
line-height: 140%;
margin-bottom: 24px;
}
header .mobile-menu .contact {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 32px;
}
header .mobile-menu .contact .title {
font-family: "InterTight-Medium";
color: #505A68;
margin-bottom: 16px;
}
header .mobile-menu .contact ul {
display: flex;
flex-direction: column;
align-items: start;
padding-left: 18px;
}
header .mobile-menu .contact ul li.small a {
display: block;
font-family: "InterTight-Medium";
font-size: 16px;
margin-bottom: 10px;
}
header .mobile-menu .contact ul li a {
font-family: "InterTight-SemiBold";
font-size: 20px;
line-height: 140%;
margin-left: 0;
margin-right: 0;
color: #1D2735;
}
header .mobile-menu__footer {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 20px;
padding-right: 20px;
margin-top: auto;
}
header .mobile-menu__footer .lang {
display: flex;
}
header .mobile-menu__footer .lang li.current-lang a {
font-family: "InterTight-SemiBold";
}
header .mobile-menu__footer .lang li a {
font-size: 15px;
line-height: 25px;
}
header .mobile-menu__footer .social {
display: flex;
align-items: center;
}
header .mobile-menu__footer .social span {
font-size: 14px;
line-height: 140%;
}
header .mobile-menu__footer .social i {
font-size: 35px;
color: #296FCB;
margin-left: 8px;
margin-bottom: -2px;
}
footer {
padding-top: 65px;
border-top: 6px solid #296FCB;
background-color: #F3F4F7;
}
footer .logo-wrapper {
margin-bottom: 20px;
width: 186px;
}
@media (max-width: 600px) {
footer .logo-wrapper {
width: 176px;
margin-left: auto;
margin-right: auto;
}
}
footer .logo-wrapper img {
width: 100%;
}
footer .logo-wrapper ~ span {
font-size: 14px;
line-height: 150%;
color: #7C838E;
}
footer .container {
display: flex;
justify-content: space-between;
}
@media (max-width: 1200px) {
footer .container {
flex-wrap: wrap;
}
}
footer .container ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
footer .container ul li {
margin-bottom: 8px;
}
@media (max-width: 600px) {
footer .container ul li {
display: flex;
justify-content: center;
}
}
footer .container ul li a {
font-family: "InterTight-SemiBold";
text-decoration: none;
}
@media (max-width: 600px) {
footer .container ul li a::before {
display: none;
}
}
@media (max-width: 1200px) {
footer .container .col {
flex-basis: 50%;
margin-top: 20px;
}
}
@media (max-width: 600px) {
footer .container .col {
flex-basis: 100%;
text-align: center;
}
}
footer .container .col.col-2 a {
font-family: "InterTight-Medium";
}
footer .container .col.col-3 a {
font-family: "InterTight-Medium";
}
footer .container .col strong {
display: block;
font-family: "InterTight-SemiBold";
font-size: 16px;
line-height: 140%;
margin-bottom: 18px;
}
footer .container .col .contact:not(:first-child) {
margin-top: 30px;
}
footer .container .col .contact .title {
font-family: "InterTight-Medium";
margin-bottom: 16px;
color: #505A68;
}
footer .container .col .contact ul li {
font-family: "InterTight-Medium";
color: #1D2735;
}
footer .container .col .contact ul li:nth-child(2) {
font-size: 20px;
}
footer .line {
display: block;
width: 100%;
height: 1px;
margin-top: 91px;
background-color: #A8ADB3;
}
@media (max-width: 600px) {
footer .line {
margin-top: 55px;
background-color: none;
height: 0;
}
}
footer .copy {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 13px;
padding-bottom: 13px;
}
@media (max-width: 992px) {
footer .copy {
flex-wrap: wrap;
}
}
@media (max-width: 600px) {
footer .copy {
padding-top: 0;
padding-bottom: 0;
}
}
footer .copy .copy-text {
font-size: 12px;
line-height: 150%;
order: 1;
}
@media (max-width: 992px) {
footer .copy .copy-text {
flex-basis: 50%;
}
}
@media (max-width: 600px) {
footer .copy .copy-text {
order: 3;
flex-basis: 100%;
text-align: center;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #A8ADB3;
color: #7C838E;
}
}
footer .copy ul {
display: flex;
padding-left: 0;
margin-bottom: 0;
order: 2;
}
@media (max-width: 600px) {
footer .copy ul:not(.lang) {
padding-bottom: 22px;
}
}
@media (max-width: 992px) {
footer .copy ul {
flex-basis: 50%;
}
}
@media (max-width: 600px) {
footer .copy ul {
flex-basis: 100%;
flex-direction: column;
order: 5;
}
}
footer .copy ul li {
margin-right: 84px;
margin-bottom: 0;
}
@media (max-width: 992px) {
footer .copy ul li {
margin-right: 15px;
}
}
@media (max-width: 600px) {
footer .copy ul li {
margin-top: 12px;
}
}
footer .copy ul li a {
font-size: 12px;
line-height: 150%;
color: #7C838E;
}
footer .copy ul.lang {
order: 3;
}
@media (max-width: 600px) {
footer .copy ul.lang {
flex-direction: row;
flex-basis: 50%;
margin-top: 0;
margin-right: 0;
order: 1;
}
}
footer .copy ul.lang li {
margin-top: 0;
margin-right: 20px;
}
footer .copy ul.lang li.current-lang a {
font-family: "InterTight-SemiBold";
}
footer .copy ul.lang li a {
font-size: 16px;
line-height: 140%;
font-family: "InterTight-Medium";
color: #253142;
}
footer .copy .follow {
display: flex;
align-items: center;
text-decoration: none;
order: 4;
}
@media (max-width: 992px) {
footer .copy .follow {
flex-basis: 50%;
justify-content: flex-start;
margin-top: 20px;
}
}
@media (max-width: 600px) {
footer .copy .follow {
order: 2;
flex-basis: 50%;
justify-content: flex-end;
margin-top: 0;
}
}
footer .copy .follow span {
color: #505A68;
}
footer .copy .follow i {
color: #296FCB;
margin-left: 8px;
font-size: 28px;
}
.block-title {
width: 100%;
text-align: center;
font-family: "InterTight-SemiBold";
color: #051B39;
font-size: 64px;
line-height: 110%;
margin-left: auto;
margin-right: auto;
margin-bottom: 48px;
}
@media (max-width: 600px) {
.block-title {
font-size: 34px;
line-height: 110%;
}
}
.faq {
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.faq {
padding-top: 60px;
padding-bottom: 60px;
}
}
.accordions {
display: flex;
flex-direction: column;
}
.accordions .accordion.active .title {
border-bottom: 1px solid #E6EAEF;
background-color: #E6EAEF;
}
.accordions .accordion.active i {
color: #296FCB;
border: 1px solid #296FCB;
background-color: transparent;
transform: rotate(180deg);
}
.accordions .accordion.active .content {
max-height: 1000px;
}
.accordions .accordion .title {
display: flex;
align-items: center;
padding: 14px 28px;
border-bottom: 1px solid #CED5DF;
transition: background-color 0.5s linear;
cursor: pointer;
}
@media (max-width: 600px) {
.accordions .accordion .title {
padding: 16px;
}
}
.accordions .accordion .title strong {
padding-right: 43px;
}
.accordions .accordion i {
display: flex;
justify-content: center;
align-items: center;
min-width: 40px;
max-width: 40px;
width: 100%;
height: 40px;
margin-left: auto;
border-radius: 50%;
color: #E6EAEF;
background-color: #296FCB;
transition: transform 0.5s linear;
}
.accordions .accordion .content {
font-size: 16px;
line-height: 140%;
max-height: 0;
height: auto;
background: rgba(230, 234, 239, 0.4);
transition: max-height 0.5s linear;
overflow: hidden;
}
.accordions .accordion .content span {
display: block;
padding: 16px 24px 44px;
}
.offer {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
background-color: #296FCB;
overflow: hidden;
}
.offer .icon-bg-decor-3 {
position: absolute;
top: 380px;
left: 0;
font-size: 1815px;
color: #E6EAEF;
opacity: 0.08;
z-index: 1;
}
@media (max-width: 992px) {
.offer .icon-bg-decor-3 {
font-size: 560px;
}
}
@media (max-width: 600px) {
.offer .icon-bg-decor-3 {
top: 320px;
left: -100px;
font-size: 410px;
}
}
@media (max-width: 600px) {
.offer {
padding-top: 60px;
padding-bottom: 60px;
}
}
.offer .container {
position: relative;
z-index: 2;
}
.offer__top {
display: flex;
}
@media (max-width: 992px) {
.offer__top {
flex-direction: column;
}
}
.offer__top .title {
font-family: "InterTight-Regular";
font-size: 44px;
line-height: 120%;
color: #FFFFFF;
max-width: 611px;
width: 100%;
}
@media (max-width: 992px) {
.offer__top .title {
max-width: 100%;
text-align: center;
}
}
@media (max-width: 600px) {
.offer__top .title {
font-size: 28px;
line-height: 120%;
}
}
.offer__top .text {
position: relative;
font-family: "InterTight-Medium";
font-size: 20px;
line-height: 140%;
padding-left: 23px;
max-width: 313px;
width: 100%;
color: #FFFFFF;
margin-bottom: auto;
margin-left: auto;
}
@media (max-width: 992px) {
.offer__top .text {
margin-top: 22px;
}
}
@media (max-width: 600px) {
.offer__top .text {
font-size: 14px;
line-height: 140%;
max-width: 186px;
padding-left: 13px;
}
}
.offer__top .text::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background-color: #D9D9D9;
}
.offer__bottom {
display: flex;
align-items: center;
margin-top: 90px;
}
@media (max-width: 992px) {
.offer__bottom {
justify-content: center;
flex-direction: column;
}
}
@media (max-width: 600px) {
.offer__bottom .btn-blue {
text-align: center;
justify-content: center;
width: 100%;
}
}
.offer__bottom .btn-blue i {
color: #296FCB;
}
.offer__statistic {
display: flex;
align-items: center;
}
@media (max-width: 992px) {
.offer__statistic {
margin-top: 22px;
}
}
.offer__statistic .images {
display: flex;
margin-left: 40px;
}
@media (max-width: 600px) {
.offer__statistic .images {
margin-left: 0;
}
}
.offer__statistic .images .image {
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
}
@media (max-width: 600px) {
.offer__statistic .images .image {
width: 42px;
height: 42px;
}
}
.offer__statistic .images .image:not(:first-child) {
margin-left: -25px;
}
@media (max-width: 600px) {
.offer__statistic .images .image:not(:first-child) {
margin-left: -15px;
}
}
.offer__statistic .images .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.offer__statistic .text {
color: #FFFFFF;
max-width: 280px;
width: 100%;
margin-left: 40px;
}
@media (max-width: 600px) {
.offer__statistic .text {
margin-left: 8px;
font-size: 14px;
line-height: 140%;
}
}
.products {
padding-bottom: 200px;
padding-top: 120px;
padding-bottom: 120px;
}
@media (max-width: 600px) {
.products {
padding-top: 60px;
padding-bottom: 60px;
}
}
.products .block-title {
margin-bottom: 38px;
}
@media (max-width: 600px) {
.products .block-title {
margin-bottom: 16px;
}
}
.products .tabs {
display: flex;
justify-content: center;
text-align: center;
max-width: 491px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
margin-bottom: 0;
list-style: none;
border-bottom: 1px solid #505A68;
}
@media (max-width: 600px) {
.products .tabs {
max-width: 338px;
}
}
.products .tabs li {
padding: 20px 24px;
margin: 0 10px;
cursor: pointer;
}
@media (max-width: 600px) {
.products .tabs li {
font-family: "InterTight-Medium";
font-weight: 500;
font-size: 14px;
line-height: 140%;
padding: 14px 8px;
}
}
.products .tabs li.active {
font-family: "InterTight-Medium";
border-bottom: 6px solid #296FCB;
}
.products .tabs-content {
overflow: hidden;
}
.products .tabs-content .tab-content {
display: none;
}
.products .tabs-content .tab-content.active {
display: block;
}
.products .swiper,
.products .swiper-1_1 {
margin-top: 28px;
}
.products .swiper .swiper-wrapper,
.products .swiper-1_1 .swiper-wrapper {
height: 473px;
}
@media (max-width: 600px) {
.products .swiper .swiper-wrapper,
.products .swiper-1_1 .swiper-wrapper {
height: 259px;
}
}
.products .swiper .swiper-slide,
.products .swiper-1_1 .swiper-slide {
width: 100%;
max-height: 350px;
height: 100%;
transition: max-height 0.3s ease-in-out;
overflow: hidden;
}
@media (max-width: 600px) {
.products .swiper .swiper-slide,
.products .swiper-1_1 .swiper-slide {
max-height: 186px;
}
}
.products .swiper .swiper-slide.swiper-slide-active,
.products .swiper-1_1 .swiper-slide.swiper-slide-active {
max-height: 473px;
height: 100%;
}
@media (max-width: 600px) {
.products .swiper .swiper-slide.swiper-slide-active,
.products .swiper-1_1 .swiper-slide.swiper-slide-active {
max-height: 259px;
}
}
.products .swiper .swiper-slide .image,
.products .swiper-1_1 .swiper-slide .image {
width: 100%;
max-height: 435px;
height: 100%;
}
@media (max-width: 600px) {
.products .swiper .swiper-slide .image,
.products .swiper-1_1 .swiper-slide .image {
max-height: 231px;
}
}
.products .swiper .swiper-slide .image img,
.products .swiper-1_1 .swiper-slide .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.products .swiper .swiper-slide span,
.products .swiper-1_1 .swiper-slide span {
display: block;
margin-top: 16px;
font-family: "InterTight-Medium";
}
@media (max-width: 600px) {
.products .swiper .swiper-slide span,
.products .swiper-1_1 .swiper-slide span {
margin-top: 8px;
font-size: 14px;
line-height: 140%;
}
}
.products .swiper .navs,
.products .swiper-1_1 .navs {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
margin-top: 40px;
}
.products .swiper .navs .slider-prev,
.products .swiper .navs .slider-next,
.products .swiper-1_1 .navs .slider-prev,
.products .swiper-1_1 .navs .slider-next {
display: flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
font-size: 24px;
color: #FFFFFF;
border-radius: 50%;
background-color: #296FCB;
cursor: pointer;
}
.products .swiper .navs .slider-prev.swiper-button-disabled,
.products .swiper .navs .slider-next.swiper-button-disabled,
.products .swiper-1_1 .navs .slider-prev.swiper-button-disabled,
.products .swiper-1_1 .navs .slider-next.swiper-button-disabled {
background-color: #9CABBF;
}
.products .swiper .navs .slider-prev i,
.products .swiper .navs .slider-next i,
.products .swiper-1_1 .navs .slider-prev i,
.products .swiper-1_1 .navs .slider-next i {
margin-bottom: -2px;
}
.products .swiper .navs .pagination,
.products .swiper-1_1 .navs .pagination {
display: flex;
align-items: center;
margin-left: 24px;
margin-right: 24px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.products .swiper .navs .pagination span,
.products .swiper-1_1 .navs .pagination span {
font-family: "InterTight-Medium";
}
.products .swiper .navs .pagination .line,
.products .swiper-1_1 .navs .pagination .line {
display: block;
width: 49px;
height: 1px;
color: #505A68;
margin-left: 4px;
margin-right: 4px;
background-color: #505A68;
}
.form-element {
display: flex;
flex-direction: column;
align-items: center;
padding: 28px;
text-align: center;
background-color: #F3F4F7;
}
@media (max-width: 600px) {
.form-element {
padding: 24px;
}
}
.form-element .title {
font-family: "InterTight-SemiBold";
font-size: 24px;
line-height: 130%;
}
@media (max-width: 600px) {
.form-element .title {
font-size: 20px;
line-height: 130%;
}
}
.form-element .text {
margin-top: 8px;
max-width: 195px;
width: 100%;
}
@media (max-width: 600px) {
.form-element .text {
font-size: 14px;
line-height: 140%;
}
}
.form-element .field {
display: flex;
flex-direction: column;
text-align: left;
width: 100%;
margin-top: 16px;
}
.form-element .field label {
font-size: 14px;
line-height: 140%;
color: #505A68;
margin-bottom: 6px;
}
.form-element .field input {
width: 100%;
height: 44px;
border: 1px solid #A8ADB3;
padding-left: 15px;
padding-right: 15px;
background-color: #F3F4F7;
}
.form-element .btn-blue {
display: flex;
justify-content: center;
width: 100%;
margin-top: 24px;
padding-top: 18.32px;
padding-bottom: 18.32px;
text-align: center;
}
.form-element-2 {
display: flex;
flex-direction: column;
align-items: center;
padding: 28px;
text-align: center;
background-color: #FFFFFF;
}
@media (max-width: 600px) {
.form-element-2 {
padding: 24px;
}
}
.form-element-2 .title {
font-family: "InterTight-SemiBold";
font-size: 24px;
line-height: 130%;
}
@media (max-width: 600px) {
.form-element-2 .title {
font-size: 20px;
line-height: 130%;
}
}
.form-element-2 .text {
margin-top: 8px;
max-width: 273px;
width: 100%;
}
@media (max-width: 600px) {
.form-element-2 .text {
font-size: 14px;
line-height: 140%;
}
}
.form-element-2 .field {
display: flex;
flex-direction: column;
text-align: left;
width: 100%;
margin-top: 16px;
}
.form-element-2 .field label {
font-size: 14px;
line-height: 140%;
color: #505A68;
margin-bottom: 6px;
}
.form-element-2 .field input {
width: 100%;
height: 44px;
border: 1px solid #A8ADB3;
padding-left: 15px;
padding-right: 15px;
background-color: #FFFFFF;
}
.form-element-2 .btn-blue {
display: flex;
justify-content: center;
width: 100%;
margin-top: 24px;
padding-top: 18.32px;
padding-bottom: 18.32px;
text-align: center;
}
@media (max-width: 600px) {
.hide-on-mobile {
display: none;
}
}
.show-only-mobile {
display: none;
}
@media (max-width: 600px) {
.show-only-mobile {
display: block;
}
}
.upload-file {
margin-top: 16px;
width: 100%;
}
.upload-file .file-input {
display: none;
}
.upload-file .label {
font-size: 14px;
line-height: 140%;
text-align: left;
color: #505A68;
}
.upload-file .content {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
width: 100%;
min-height: 98px;
border: 1px solid #A8ADB3;
border-style: dashed;
line-height: 140%;
margin-top: 6px;
text-align: center;
cursor: pointer;
}
.upload-file .content.active {
display: flex;
}
.upload-file .content .action {
font-family: "InterTight-Medium";
}
.upload-file .content .action span {
color: #296FCB;
}
.upload-file .content .types {
color: #505A68;
font-size: 12px;
line-height: 140%;
margin-top: 5px;
}
.upload-file .content input {
display: none;
}
.upload-file .file-content {
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 14px;
width: 100%;
min-height: 98px;
border: 1px solid #A8ADB3;
border-style: dashed;
line-height: 140%;
margin-top: 6px;
text-align: center;
cursor: pointer;
}
.upload-file .file-content.active {
display: flex;
}
.upload-file .file-content i {
color: #296FCB;
font-size: 24px;
}
.upload-file .file-content .file-name {
font-family: "InterTight-Medium";
font-size: 14px;
line-height: 140%;
color: #505A68;
margin-top: 1px;
}
.upload-file .file-content .file-delete {
font-size: 12px;
line-height: 140%;
color: #296FCB;
margin-top: 8px;
}
.wpcf7-not-valid-tip {
font-size: 12px;
}
.wpcf7-response-output {
display: none;
}
.overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 12px;
padding-right: 12px;
background-color: rgba(7, 36, 76, 0.8);
visibility: hidden;
opacity: 0;
overflow: auto;
z-index: 30;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.overlay.active {
opacity: 1;
visibility: visible;
}
.overlay .content {
position: relative;
max-width: 389px;
}
.overlay .content .icon-cross-rounded {
display: flex;
align-items: center;
position: absolute;
top: 12px;
right: 12px;
height: 36px;
color: #296FCB;
font-size: 36px;
cursor: pointer;
}
.overlay .content .icon-arrow-angle {
font-size: 20px;
}
.video-overlay {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 12px;
padding-right: 12px;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
background-color: rgba(7, 36, 76, 0.8);
overflow: auto;
z-index: 30;
}
.video-overlay.active {
opacity: 1;
visibility: visible;
}
.video-overlay .content {
display: flex;
align-items: center;
position: relative;
max-width: 895px;
background-color: #FFFFFF;
width: 100%;
}
.video-overlay .content .icon-cross-rounded {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -30px;
right: -30px;
width: 56px;
height: 56px;
font-size: 36px;
border-radius: 50%;
color: #FFFFFF;
background-color: #296FCB;
cursor: pointer;
}
@media (max-width: 600px) {
.video-overlay .content .icon-cross-rounded {
top: -15px;
right: -10px;
width: 36px;
height: 36px;
font-size: 24px;
}
}
.video-overlay .content .video-wrapper {
width: 100%;
height: 50vh;
}
.video-overlay .content .video-wrapper iframe {
width: 100%;
height: 100%;
}
.page-template-default .page-container {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #E6EAEF;
}
@media (max-width: 600px) {
.page-template-default .page-container {
padding-top: 20px;
padding-bottom: 20px;
}
}
.page-template-default .page-content {
max-width: 924px;
width: 100%;
padding-left: 12px;
padding-right: 12px;
margin-left: auto;
margin-right: auto;
}
.page-template-default .page-content h1 {
font-family: "InterTight-SemiBold";
text-align: center;
margin-bottom: 30px;
}
.page-template-default .page-content h3 {
margin-bottom: 20px;
margin-top: 20px;
}
.page-template-default .page-content p {
line-height: 1.6;
}
.map-container {
margin-top: 80px;
padding-left: 0;
padding-right: 0;
}
@media (max-width: 600px) {
.map-container {
padding-left: 12px;
padding-right: 12px;
margin-top: 43px;
}
}
#map {
width: 100%;
height: 538px;
}