Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
D
dev.biuro
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Biuro
dev.biuro
Commits
2f575524
Commit
2f575524
authored
Jul 24, 2019
by
Simonas
Browse files
Options
Browse Files
Download
Plain Diff
merged landing page
parents
93926a18
8cd59d52
Changes
16
Show whitespace changes
Inline
Side-by-side
Showing
16 changed files
with
161 additions
and
8 deletions
+161
-8
package-lock.json
package-lock.json
+1
-1
biuro-contacts-public--employees--step-1.php
...lic/partials/biuro-contacts-public--employees--step-1.php
+1
-1
biuro-contacts-public--employees.php
...acts/public/partials/biuro-contacts-public--employees.php
+12
-0
__components.css
wp-content/themes/biuro/css/07-components/__components.css
+1
-0
_component--contact-landing-2.css
...biuro/css/07-components/_component--contact-landing-2.css
+73
-0
_component--ico.css
...ontent/themes/biuro/css/07-components/_component--ico.css
+2
-0
core-7b5f9f9602.min.css
wp-content/themes/biuro/css/core-7b5f9f9602.min.css
+1
-0
core-da62169aa6.min.css
wp-content/themes/biuro/css/core-da62169aa6.min.css
+0
-1
employees-langing-page-2.php
wp-content/themes/biuro/employees-langing-page-2.php
+61
-0
header-langing.php
wp-content/themes/biuro/header-langing.php
+2
-1
header.php
wp-content/themes/biuro/header.php
+1
-1
landing-2-xl.jpg
wp-content/themes/biuro/i/sections/landing-2-xl.jpg
+0
-0
landing-2-xl.webp
wp-content/themes/biuro/i/sections/landing-2-xl.webp
+0
-0
landing-2.jpg
wp-content/themes/biuro/i/sections/landing-2.jpg
+0
-0
landing-2.webp
wp-content/themes/biuro/i/sections/landing-2.webp
+0
-0
icons.php
wp-content/themes/biuro/template-parts/svg/icons.php
+6
-3
No files found.
package-lock.json
View file @
2f575524
{
{
"name"
:
"biuro"
,
"name"
:
"biuro"
,
"version"
:
"1.
5.2
"
,
"version"
:
"1.
6.13
"
,
"lockfileVersion"
:
1
,
"lockfileVersion"
:
1
,
"requires"
:
true
,
"requires"
:
true
,
"dependencies"
:
{
"dependencies"
:
{
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees--step-1.php
View file @
2f575524
...
@@ -77,7 +77,7 @@ if ( ! defined( 'WPINC' ) ) die;
...
@@ -77,7 +77,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div
class=
"c-form--row"
>
<div
class=
"c-form--row"
>
<div
class=
"c-form--submit-wrap"
>
<div
class=
"c-form--submit-wrap"
>
<?php
<?php
if
(
isset
(
$attr
[
'page'
])
&&
$attr
[
'page'
]
==
'landing-1'
)
:
if
(
isset
(
$attr
[
'page'
])
&&
(
$attr
[
'page'
]
==
'landing-1'
||
$attr
[
'page'
]
==
'landing-2'
)
)
:
?>
?>
<button
type=
"submit"
class=
"o-btn c-btn--main c-btn--fill"
name=
"s"
value=
"1"
>
<?php
_e
(
'Get a job offer'
,
'biuro'
);
?>
</button>
<button
type=
"submit"
class=
"o-btn c-btn--main c-btn--fill"
name=
"s"
value=
"1"
>
<?php
_e
(
'Get a job offer'
,
'biuro'
);
?>
</button>
<?php
<?php
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees.php
View file @
2f575524
...
@@ -89,6 +89,12 @@ window.dataLayer = window.dataLayer || [];
...
@@ -89,6 +89,12 @@ window.dataLayer = window.dataLayer || [];
<script>
<script>
window
.
dataLayer
.
push
({
'event'
:
'b2c_form_submit_success_validated'
,
'label'
:
'Landing page 1'
});
window
.
dataLayer
.
push
({
'event'
:
'b2c_form_submit_success_validated'
,
'label'
:
'Landing page 1'
});
</script>
</script>
<?php
elseif
(
isset
(
$attr
[
'page'
])
&&
$attr
[
'page'
]
==
'landing-2'
)
:
?>
<script>
window
.
dataLayer
.
push
({
'event'
:
'b2c_form_submit_success_validated'
,
'label'
:
'Landing page 2'
});
</script>
<?php
<?php
else
:
else
:
?>
?>
...
@@ -125,6 +131,12 @@ window.dataLayer = window.dataLayer || [];
...
@@ -125,6 +131,12 @@ window.dataLayer = window.dataLayer || [];
<script>
<script>
window
.
dataLayer
.
push
({
'event'
:
'b2c_form_update_success_validated'
,
'label'
:
'Landing page 1'
});
window
.
dataLayer
.
push
({
'event'
:
'b2c_form_update_success_validated'
,
'label'
:
'Landing page 1'
});
</script>
</script>
<?php
elseif
(
isset
(
$attr
[
'page'
])
&&
$attr
[
'page'
]
==
'landing-2'
)
:
?>
<script>
window
.
dataLayer
.
push
({
'event'
:
'b2c_form_update_success_validated'
,
'label'
:
'Landing page 2'
});
</script>
<?php
<?php
else
:
else
:
?>
?>
...
...
wp-content/themes/biuro/css/07-components/__components.css
View file @
2f575524
...
@@ -16,6 +16,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
...
@@ -16,6 +16,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
@import
'_component--cookies-warning.css'
;
@import
'_component--cookies-warning.css'
;
@import
'_component--contact.css'
;
@import
'_component--contact.css'
;
@import
'_component--contact-landing-1.css'
;
@import
'_component--contact-landing-1.css'
;
@import
'_component--contact-landing-2.css'
;
@import
'_component--copyright.css'
;
@import
'_component--copyright.css'
;
@import
'_component--data-controller.css'
;
@import
'_component--data-controller.css'
;
@import
'_component--divisions.css'
;
@import
'_component--divisions.css'
;
...
...
wp-content/themes/biuro/css/07-components/_component--contact-landing-2.css
0 → 100644
View file @
2f575524
/* ------------- Component: contact section ------------- */
/* critical:start */
.c-contact-landing-2
{
padding
:
90px
0
0
;
background
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg)
no-repeat
0
0
;
background-size
:
cover
;
@media
(--max--xxxx-small)
{
background-size
:
cover
!important
;
}
@media
(
--max--x-small
)
{
background-size
:
250%
;
}
@media
(
--max--medium
)
{
margin
:
0
auto
;
}
@media
(
--min--medium
)
{
padding
:
195px
0
50px
;
}
}
@supports
(
background-image
:
-webkit-image-set
(
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
1
x
))
{
.c-contact-landing-2
{
background-image
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
;
}
}
.c-contact-landing-2--inner
{
/* */
@media
(--max--medium)
{
padding
:
0
10px
;
}
@media
(
--min--medium
)
{
display
:
flex
;
justify-content
:
space-between
;
max-width
:
940px
;
margin
:
0
auto
;
border-radius
:
3px
;
background
:
rgba
(
0
,
66
,
180
,
0.78
);
}
}
.c-contact-landing-2--content
{
max-width
:
440px
;
color
:
#fff
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
25px
20px
20px
;
@media
(--max--medium)
{
margin
:
0
auto
;
border-radius
:
3px
3px
0
0
;
background
:
rgba
(
0
,
66
,
180
,
0.78
);
}
@media
(
--min--medium
)
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
56px
40px
0
40px
;
}
img
{
max-width
:
100%
;
height
:
auto
;
}
h1
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
23px
;
line-height
:
32px
;
margin
:
0
0
20px
;
@media
(--min--medium)
{
margin
:
0
0
35px
;
font-size
:
29px
;
line-height
:
46px
;
}
}
p
{
font-size
:
15px
;
line-height
:
25px
;
@media
(--min--medium)
{
font-size
:
16px
;
}
span
{
display
:
block
;
overflow
:
hidden
;
}
}
}
.c-contact-landing-2--img
{
margin
:
40px
0
0
45px
;
max-width
:
300px
;
@media
(--max--medium)
{
display
:
none
;
}
}
.c-contact-landing-2--form
{
@media
(--max--medium)
{
background
:
linear-gradient
(
45.94deg
,
#fff
,
#cbe2ec
);
margin
:
0
-10px
;
padding
:
0
10px
10px
;
.c-form--employees
{
margin
:
0
auto
;
max-width
:
440px
;
border-radius
:
0
0
3px
3px
;
}
}
@media
(
--min--medium
)
{
flex
:
1
1
40%
;
max-width
:
420px
;
/* margin-top: -200px; */
}
}
/* critical:end */
wp-content/themes/biuro/css/07-components/_component--ico.css
View file @
2f575524
...
@@ -20,6 +20,8 @@
...
@@ -20,6 +20,8 @@
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
;
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
;
}
.c-ico--pen
{
float
:
left
;
margin
:
5px
21px
0
0
;
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
;
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
;
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
0.5
;
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
0.5
;
}
...
...
wp-content/themes/biuro/css/core-7b5f9f9602.min.css
0 → 100644
View file @
2f575524
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
70px
}
h1
{
font-size
:
22px
;
line-height
:
29px
;
margin
:
0
0
22px
}
h1
,
h2
{
color
:
#2a3644
;
font-weight
:
500
}
h2
{
font-size
:
19px
;
line-height
:
25px
;
margin
:
0
0
19px
}
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
;
margin
:
0
0
16px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-body--langing
{
padding-top
:
0
!important
}
.l-body--langing
.u-fill--logo
{
fill
:
#fff
!important
}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner--header
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-header
{
background
:
#fff
;
position
:
fixed
}
.l-header
,
.l-header--langing
{
height
:
70px
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-header--langing
{
position
:
absolute
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
20px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--main
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--main
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--main
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-content--divisions
,
.l-content--regions
{
width
:
100%
;
max-width
:
1040px
;
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
40px
}
.l-content--faq
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--faq
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--faq
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--faq
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-aside--close
{
position
:
fixed
;
top
:
0
;
right
:
265px
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
1
;
flex
:
1
1
600px
}
.l-main--position
{
overflow
:
hidden
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
20px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
}
.l-nav--close
,
.l-nav--open
{
position
:
absolute
;
cursor
:
pointer
}
.l-nav--open
{
top
:
0
;
right
:
0
;
padding
:
24px
20px
}
.l-section
{
padding
:
20px
0
}
.l-section--search-page
{
background-color
:
#111d1e
}
.l-section--vdb
{
background-color
:
#086335
}
.l-section--front-page
{
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
,
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
100%
;
max-width
:
1030px
;
margin
:
0
auto
}
.l-section--landing-1
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
end
;
align-items
:
flex-end
;
padding
:
0
!important
;
background-color
:
#515e70
;
height
:
240px
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
}
.c-breadcrumbs
,
.o-nav
{
padding
:
0
;
list-style
:
none
}
.c-breadcrumbs
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
-5px
0
10px
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-breadcrumbs
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-breadcrumbs
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-breadcrumbs
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-breadcrumbs
a
:hover
{
text-decoration
:
underline
}
.c-btn--header
{
font-size
:
14px
;
font-weight
:
500
}
.c-btn--footer
{
display
:
block
;
text-align
:
center
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--disabled
{
background
:
#868f98
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
background
:
#868f98
;
cursor
:
not-allowed
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-btn--filter
{
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
26px
;
text-align
:
center
;
background
:
#fff
;
border-radius
:
3px
;
padding
:
6px
15px
6px
12px
}
.c-categories
{
display
:
-webkit-box
;
display
:
flex
;
list-style
:
none
;
margin
:
-5px
0
0
;
padding
:
0
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-categories
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-categories
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-categories
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-categories
a
:hover
{
text-decoration
:
underline
}
.c-categories--sep
{
padding
:
0
7px
}
.c-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
20px
0
}
.c-contact--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact--content
h3
{
margin
:
0
0
15px
;
font-size
:
25px
;
color
:
#2a3644
;
font-weight
:
500
}
.c-contact--content
p
{
margin
:
0
0
20px
}
.c-contact--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact--form
{
max-width
:
420px
}
.c-contact-landing-1
{
padding
:
10px
0
}
.c-contact-landing-1--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-1--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-1--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-1--img
{
margin-top
:
40px
}
.c-contact-landing-1--form
{
max-width
:
420px
}
.c-contact-landing-2
{
padding
:
90px
0
0
;
background
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg)
no-repeat
0
0
;
background-size
:
cover
}
@supports
(
background-image
:
-webkit-image-set
(
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
1
x
)){
.c-contact-landing-2
{
background-image
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
}}
.c-contact-landing-2--content
{
max-width
:
440px
;
color
:
#fff
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
25px
20px
20px
}
.c-contact-landing-2--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-2--content
h1
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
23px
;
line-height
:
32px
;
margin
:
0
0
20px
}
.c-contact-landing-2--content
p
{
font-size
:
15px
;
line-height
:
25px
}
.c-contact-landing-2--content
p
span
{
display
:
block
;
overflow
:
hidden
}
.c-contact-landing-2--img
{
margin
:
40px
0
0
45px
;
max-width
:
300px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
background-color
:
#e8f0ff
;
line-height
:
30px
;
white-space
:
nowrap
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-action
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-footer-section
:first-child
{
-webkit-box-flex
:
5
;
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
-webkit-box-flex
:
1
;
flex
:
1
0
15%
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form
{
position
:
relative
}
.c-form--action
{
position
:
absolute
;
top
:
-88px
;
left
:
-9999px
;
width
:
1px
}
.c-form--action-position
{
top
:
-58px
}
.c-form--employees
,
.c-form--employers
{
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--employees
,
.c-form--employers
,
.c-form--position
{
padding
:
28px
20px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input-file-wrap
{
position
:
relative
;
overflow
:
hidden
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--input-file
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
cursor
:
pointer
;
z-index
:
10
;
opacity
:
0
}
.c-form--input-file
:hover
+
button
{
background
:
#1fb299
;
background
:
var
(
--color--green
);
color
:
#fff
}
.c-form--input-file-btn
{
width
:
100%
;
padding
:
10px
10px
6px
;
background-color
:
#f0f0f0
;
border
:
1px
solid
#f0f0f0
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
;
text-align
:
center
}
.c-form--input-file-text
{
display
:
inline-block
;
max-width
:
200px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-form--label-infobox
,
.c-form--label-recaptcha
{
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-heading
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-heading--landing-1
h1
{
max-width
:
230px
;
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
;
padding
:
0
20px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-ico--filter
{
float
:
left
;
margin
:
3px
15px
0
3px
}
.c-ico--time
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
}
.c-ico--pen
{
float
:
left
;
margin
:
5px
21px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
.5
}
.c-job--title
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.c-job--content
{
line-height
:
25px
;
color
:
#2a3644
}
.c-job--content
h3
{
color
:
#069980
;
font-size
:
19px
;
font-weight
:
700
;
margin
:
0
0
3px
;
padding
:
0
}
.c-job--content
h3
:nth-child
(
n
+
1
)
{
margin-top
:
30px
}
.c-job--content
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job--content
li
:before
{
content
:
""
;
display
:
inline-block
;
width
:
14px
;
height
:
8px
;
margin
:
0
5px
1px
0
;
background
:
url(/wp-content/themes/biuro/i/ico--job-arrow.svg)
}
.c-job--action
{
padding
:
30px
0
}
.c-job-contacts
{
margin
:
0
0
30px
}
.c-job-contacts
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job-contacts
li
{
line-height
:
28px
}
.c-job-contacts
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.c-job-contacts
a
:hover
{
text-decoration
:
underline
}
.c-jobs--table
{
margin
:
0
0
20px
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#868c93
;
padding
:
10px
15px
}
.c-jobs--anchor
{
display
:
block
;
padding
:
4px
0
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--more
{
margin-bottom
:
50px
}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
}
.c-jobs-section--heading
{
margin
:
0
0
15px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-nav--main-item
{
position
:
relative
;
z-index
:
500
}
.c-nav--main-anchor
{
display
:
block
;
padding
:
5px
0
4px
;
font-weight
:
500
;
color
:
#fff
;
text-decoration
:
none
}
.c-nav--lang-wrap
{
width
:
74px
;
height
:
32px
}
.c-nav--lang-item
{
padding
:
6px
0
}
.c-nav--lang-item
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
padding
:
12px
0
10px
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-search
{
display
:
-webkit-box
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
57px
;
padding-top
:
10px
;
overflow-x
:
hidden
;
max-height
:
350px
;
overflow-y
:
auto
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-radius
:
3px
3px
0
0
}
.c-search--input
{
border
:
0
;
padding
:
0
0
0
44px
;
margin
:
0
40px
0
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.c-search--filters
{
padding
:
10px
;
text-align
:
right
}
.l-section--front-page
.c-search
{
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-search--reset
{
display
:
none
}
.c-search--ico-clear
{
padding
:
13px
18px
13px
17px
}
.c-search--ico-clear
,
.c-search--ico-toggle
{
position
:
absolute
;
top
:
50%
;
right
:
0
;
cursor
:
pointer
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.c-search--ico-toggle
{
padding
:
18px
16px
;
color
:
#b8bcc1
}
.c-search--ico-toggle
.c-ico--down
{
display
:
block
}
.c-search--ico-toggle
.c-ico--up
,
.c-search--ico-toggle.is-open
.c-ico--down
{
display
:
none
}
.c-search--ico-toggle.is-open
.c-ico--up
{
display
:
block
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
20px
}
.c-sections--item
{
position
:
relative
;
height
:
211px
;
margin-bottom
:
30px
}
.c-services
{
padding
:
20px
}
.c-services--item
{
position
:
relative
;
height
:
245px
}
.c-services--toggle
{
display
:
none
}
.c-share
{
margin-bottom
:
20px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--options
{
flex-wrap
:
wrap
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-share--option
{
position
:
relative
;
height
:
36px
;
-webkit-box-flex
:
0
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
10px
;
text-decoration
:
none
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-facebook
:hover
{
background-color
:
#2f4f90
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-messenger
:hover
{
background-color
:
#1b6fcc
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-email
:hover
{
background-color
:
#000
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-copy
:hover
{
background-color
:
#5c5c5c
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-share--option-phone
:hover
{
background-color
:
#1baf52
}
.c-tooltip
{
position
:
absolute
;
pointer-events
:
none
;
opacity
:
0
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.c-values--section
{
max-width
:
250px
}
.c-values--heading
{
min-height
:
34px
;
font-size
:
35px
;
line-height
:
41px
}
.c-vdb--top
{
min-height
:
68px
;
background
:
#02bf5f
;
padding
:
14px
0
}
.c-vdb--top-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-vdb--top-img
{
-webkit-box-flex
:
0
;
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
color
:
#fff
;
margin
:
0
;
padding
:
0
10px
0
0
;
font-size
:
18px
;
line-height
:
25px
}
.c-vdb--section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-vdb--section-bottom
{
max-width
:
360px
;
margin
:
0
auto
20px
;
border
:
20px
solid
#f8f8f8
}
.c-vdb--section-img
{
display
:
block
;
margin
:
0
auto
15px
}
.c-vdb--section-heading
{
font-size
:
21px
;
font-weight
:
500
;
line-height
:
27px
}
.c-vdb--section-content
{
line-height
:
23px
}
.c-vdb--bottom
{
min-height
:
68px
;
background
:
#4b5561
url(/wp-content/themes/biuro/i/vdb/bottom.png)
no-repeat
50%
50%
;
background-size
:
cover
;
padding
:
46px
0
}
.c-vdb--bottom-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-vdb--bottom-heading
{
margin
:
0
38px
0
0
;
padding
:
0
;
color
:
#fff
;
font-size
:
36px
;
line-height
:
42px
;
font-weight
:
500
}
.c-vdb--bottom-content
{
color
:
#fff
;
margin
:
0
;
padding
:
0
;
line-height
:
23px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-fill--logo
{
fill
:
#149a83
}
.u-hidden
{
display
:
none
}
.visually-hidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-box
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
140px
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-content--faq
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--faq
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--faq
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-aside
{
-webkit-box-flex
:
0
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-aside--close
{
display
:
none
}
.l-main--content
{
padding
:
40px
50px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-box-flex
:
1
;
flex
:
1
1
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-nav--close
,
.l-nav--open
{
display
:
none
}
.l-section
{
padding
:
30px
0
}
.l-section--front-page
{
height
:
380px
;
margin-bottom
:
92px
}
.l-section--sales-page
{
height
:
380px
}
.l-section--landing-1
{
height
:
348px
}
.c-breadcrumbs
{
margin
:
-40px
0
0
;
height
:
40px
}
.c-btn--header
{
margin-right
:
28px
}
.c-categories
{
margin
:
-20px
0
0
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-contact-landing-2
{
padding
:
195px
0
50px
}
.c-contact-landing-2--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
max-width
:
940px
;
margin
:
0
auto
;
border-radius
:
3px
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
56px
40px
0
}
.c-contact-landing-2--content
h1
{
margin
:
0
0
35px
;
font-size
:
29px
;
line-height
:
46px
}
.c-contact-landing-2--content
p
{
font-size
:
16px
}
.c-contact-landing-2--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
420px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
;
margin
:
0
33px
}
.c-footer-action
{
display
:
none
}
.c-footer-sections
{
display
:
-webkit-box
;
display
:
flex
}
.c-footer-section
{
-webkit-box-flex
:
10
;
flex
:
10
0
15%
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-heading--landing-1
h1
{
max-width
:
500px
;
font-size
:
31px
;
line-height
:
45px
}
.c-heading--landing-1
{
padding-left
:
110px
}
.c-job--title
{
font-size
:
30px
;
line-height
:
39px
;
margin
:
0
0
40px
}
.c-jobs--col
{
border-bottom
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
var
(
--color--gray-light
)}
.c-jobs--more
{
margin-bottom
:
70px
}
.c-nav--main-item
{
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
}
.c-nav--main-anchor
{
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
)}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
}
.c-phone
{
margin-right
:
35px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--filters
{
display
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-sections
{
padding
:
50px
20px
135px
}
.c-sections--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-sections--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
300px
}
.c-services
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-services--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
253px
}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
-webkit-box-flex
:
0
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
min-height
:
66px
;
font-size
:
45px
;
line-height
:
53px
}
.c-vdb--section-bottom
{
display
:
none
}}
@media
(
max-width
:
59.999em
){
.l-inner--header
{
-webkit-box-align
:
start
;
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--faq
,
.l-content--main
{
padding
:
10px
}
.l-aside--position
{
padding-bottom
:
50px
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-aside--search
{
display
:
none
;
position
:
fixed
;
top
:
0
;
right
:
0
;
width
:
310px
;
padding-left
:
40px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
right
:
0
;
bottom
:
0
;
background
:
#fff
}
.l-footer
{
padding-bottom
:
30px
}
.l-nav--wrap
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-y
:
auto
;
opacity
:
.97
;
background-color
:
#1d2a3a
;
z-index
:
500
;
border
:
1px
solid
#000
;
overflow
:
hidden
;
text-align
:
center
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
,
.c-contact-landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-contact-landing-2
{
margin
:
0
auto
}
.c-contact-landing-2--inner
{
padding
:
0
10px
}
.c-contact-landing-2--content
{
margin
:
0
auto
;
border-radius
:
3px
3px
0
0
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--img
{
display
:
none
}
.c-contact-landing-2--form
{
background
:
linear-gradient
(
45.94deg
,
#fff
,
#cbe2ec
);
margin
:
0
-10px
;
padding
:
0
10px
10px
}
.c-contact-landing-2--form
.c-form--employees
{
margin
:
0
auto
;
max-width
:
440px
;
border-radius
:
0
0
3px
3px
}
.c-divisions
{
margin-bottom
:
20px
}
.c-form--row-sticky
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
margin
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-heading--landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-job-contacts
{
margin
:
0
10px
30px
}
.c-job-contacts
li
{
padding
:
7px
0
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-nav--main-item
:first-child
{
text-align
:
left
}
.c-nav--main-item
:first-child
.c-nav--sub
{
left
:
0
;
right
:
auto
}
.c-nav--main-item
{
position
:
relative
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
text-align
:
right
}
.c-nav--lang-wrap
{
position
:
absolute
;
top
:
20px
;
left
:
20px
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-search
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
margin
:
0
10px
;
border-radius
:
3px
}
.l-section--search-page
.c-search--col-location
{
display
:
none
}
.l-section--search-page
.c-search--col-keyword
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
border-radius
:
3px
0
0
3px
}
.l-section--search-page
.c-search--btn-text
{
display
:
none
}
.l-section--search-page
.c-btn--search-small
{
min-width
:
35px
;
margin
:
5px
;
padding
:
9px
7px
8px
8px
}
.l-section--search-page
.c-search--input
{
height
:
45px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
}
.c-search--col-keyword
,
.c-search--col-location
{
border-bottom
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
)}
.l-section--front-page
.c-search
,
.l-section--front-page
.c-search--input
{
margin
:
0
}
.c-search--reset
{
position
:
relative
;
display
:
block
;
padding-top
:
20px
;
text-align
:
center
}
.c-sections--item
{
max-width
:
380px
;
margin
:
0
auto
30px
}
.c-services--item
{
max-width
:
380px
;
margin
:
0
auto
20px
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}
.c-vdb--top-img
{
margin-right
:
18px
}
.c-vdb--top-content
{
font-size
:
16px
;
line-height
:
19px
}
.c-vdb--section-aside
{
display
:
none
}
.c-vdb--bottom-heading
{
margin
:
0
18px
0
0
}}
@media
(
max-width
:
19.999em
){
.c-contact-landing-2
{
background-size
:
cover
!important
}}
@media
(
max-width
:
37.499em
){
.c-contact-landing-2
{
background-size
:
250%
}}
\ No newline at end of file
wp-content/themes/biuro/css/core-da62169aa6.min.css
deleted
100644 → 0
View file @
93926a18
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
70px
}
h1
{
font-size
:
22px
;
line-height
:
29px
;
margin
:
0
0
22px
}
h1
,
h2
{
color
:
#2a3644
;
font-weight
:
500
}
h2
{
font-size
:
19px
;
line-height
:
25px
;
margin
:
0
0
19px
}
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
;
margin
:
0
0
16px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-body--langing
{
padding-top
:
0
!important
}
.l-body--langing
.u-fill--logo
{
fill
:
#fff
!important
}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner--header
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-header
{
background
:
#fff
;
position
:
fixed
}
.l-header
,
.l-header--langing
{
height
:
70px
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-header--langing
{
position
:
absolute
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
20px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--main
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--main
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--main
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-content--divisions
,
.l-content--regions
{
width
:
100%
;
max-width
:
1040px
;
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
40px
}
.l-content--faq
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--faq
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--faq
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--faq
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-aside--close
{
position
:
fixed
;
top
:
0
;
right
:
265px
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
1
;
flex
:
1
1
600px
}
.l-main--position
{
overflow
:
hidden
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
20px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
}
.l-nav--close
,
.l-nav--open
{
position
:
absolute
;
cursor
:
pointer
}
.l-nav--open
{
top
:
0
;
right
:
0
;
padding
:
24px
20px
}
.l-section
{
padding
:
20px
0
}
.l-section--search-page
{
background-color
:
#111d1e
}
.l-section--vdb
{
background-color
:
#086335
}
.l-section--front-page
{
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
,
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
100%
;
max-width
:
1030px
;
margin
:
0
auto
}
.l-section--landing-1
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
end
;
align-items
:
flex-end
;
padding
:
0
!important
;
background-color
:
#515e70
;
height
:
240px
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
}
.c-breadcrumbs
,
.o-nav
{
padding
:
0
;
list-style
:
none
}
.c-breadcrumbs
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
-5px
0
10px
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-breadcrumbs
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-breadcrumbs
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-breadcrumbs
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-breadcrumbs
a
:hover
{
text-decoration
:
underline
}
.c-btn--header
{
font-size
:
14px
;
font-weight
:
500
}
.c-btn--footer
{
display
:
block
;
text-align
:
center
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--disabled
{
background
:
#868f98
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
background
:
#868f98
;
cursor
:
not-allowed
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-btn--filter
{
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
26px
;
text-align
:
center
;
background
:
#fff
;
border-radius
:
3px
;
padding
:
6px
15px
6px
12px
}
.c-categories
{
display
:
-webkit-box
;
display
:
flex
;
list-style
:
none
;
margin
:
-5px
0
0
;
padding
:
0
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-categories
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-categories
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-categories
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-categories
a
:hover
{
text-decoration
:
underline
}
.c-categories--sep
{
padding
:
0
7px
}
.c-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
20px
0
}
.c-contact--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact--content
h3
{
margin
:
0
0
15px
;
font-size
:
25px
;
color
:
#2a3644
;
font-weight
:
500
}
.c-contact--content
p
{
margin
:
0
0
20px
}
.c-contact--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact--form
{
max-width
:
420px
}
.c-contact-landing-1
{
padding
:
10px
0
}
.c-contact-landing-1--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-1--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-1--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-1--img
{
margin-top
:
40px
}
.c-contact-landing-1--form
{
max-width
:
420px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
background-color
:
#e8f0ff
;
line-height
:
30px
;
white-space
:
nowrap
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-action
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-footer-section
:first-child
{
-webkit-box-flex
:
5
;
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
-webkit-box-flex
:
1
;
flex
:
1
0
15%
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form
{
position
:
relative
}
.c-form--action
{
position
:
absolute
;
top
:
-88px
;
left
:
-9999px
;
width
:
1px
}
.c-form--action-position
{
top
:
-58px
}
.c-form--employees
,
.c-form--employers
{
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--employees
,
.c-form--employers
,
.c-form--position
{
padding
:
28px
20px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input-file-wrap
{
position
:
relative
;
overflow
:
hidden
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--input-file
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
cursor
:
pointer
;
z-index
:
10
;
opacity
:
0
}
.c-form--input-file
:hover
+
button
{
background
:
#1fb299
;
background
:
var
(
--color--green
);
color
:
#fff
}
.c-form--input-file-btn
{
width
:
100%
;
padding
:
10px
10px
6px
;
background-color
:
#f0f0f0
;
border
:
1px
solid
#f0f0f0
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
;
text-align
:
center
}
.c-form--input-file-text
{
display
:
inline-block
;
max-width
:
200px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-form--label-infobox
,
.c-form--label-recaptcha
{
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-heading
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-heading--landing-1
h1
{
max-width
:
230px
;
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
;
padding
:
0
20px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-ico--filter
{
float
:
left
;
margin
:
3px
15px
0
3px
}
.c-ico--time
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
.5
}
.c-job--title
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.c-job--content
{
line-height
:
25px
;
color
:
#2a3644
}
.c-job--content
h3
{
color
:
#069980
;
font-size
:
19px
;
font-weight
:
700
;
margin
:
0
0
3px
;
padding
:
0
}
.c-job--content
h3
:nth-child
(
n
+
1
)
{
margin-top
:
30px
}
.c-job--content
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job--content
li
:before
{
content
:
""
;
display
:
inline-block
;
width
:
14px
;
height
:
8px
;
margin
:
0
5px
1px
0
;
background
:
url(/wp-content/themes/biuro/i/ico--job-arrow.svg)
}
.c-job--action
{
padding
:
30px
0
}
.c-job-contacts
{
margin
:
0
0
30px
}
.c-job-contacts
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job-contacts
li
{
line-height
:
28px
}
.c-job-contacts
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.c-job-contacts
a
:hover
{
text-decoration
:
underline
}
.c-jobs--table
{
margin
:
0
0
20px
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#868c93
;
padding
:
10px
15px
}
.c-jobs--anchor
{
display
:
block
;
padding
:
4px
0
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--more
{
margin-bottom
:
50px
}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
}
.c-jobs-section--heading
{
margin
:
0
0
15px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-nav--main-item
{
position
:
relative
;
z-index
:
500
}
.c-nav--main-anchor
{
display
:
block
;
padding
:
5px
0
4px
;
font-weight
:
500
;
color
:
#fff
;
text-decoration
:
none
}
.c-nav--lang-wrap
{
width
:
74px
;
height
:
32px
}
.c-nav--lang-item
{
padding
:
6px
0
}
.c-nav--lang-item
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
padding
:
12px
0
10px
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-search
{
display
:
-webkit-box
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
57px
;
padding-top
:
10px
;
overflow-x
:
hidden
;
max-height
:
350px
;
overflow-y
:
auto
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-radius
:
3px
3px
0
0
}
.c-search--input
{
border
:
0
;
padding
:
0
0
0
44px
;
margin
:
0
40px
0
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.c-search--filters
{
padding
:
10px
;
text-align
:
right
}
.l-section--front-page
.c-search
{
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-search--reset
{
display
:
none
}
.c-search--ico-clear
{
padding
:
13px
18px
13px
17px
}
.c-search--ico-clear
,
.c-search--ico-toggle
{
position
:
absolute
;
top
:
50%
;
right
:
0
;
cursor
:
pointer
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.c-search--ico-toggle
{
padding
:
18px
16px
;
color
:
#b8bcc1
}
.c-search--ico-toggle
.c-ico--down
{
display
:
block
}
.c-search--ico-toggle
.c-ico--up
,
.c-search--ico-toggle.is-open
.c-ico--down
{
display
:
none
}
.c-search--ico-toggle.is-open
.c-ico--up
{
display
:
block
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
20px
}
.c-sections--item
{
position
:
relative
;
height
:
211px
;
margin-bottom
:
30px
}
.c-services
{
padding
:
20px
}
.c-services--item
{
position
:
relative
;
height
:
245px
}
.c-services--toggle
{
display
:
none
}
.c-share
{
margin-bottom
:
20px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--options
{
flex-wrap
:
wrap
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-share--option
{
position
:
relative
;
height
:
36px
;
-webkit-box-flex
:
0
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
10px
;
text-decoration
:
none
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-facebook
:hover
{
background-color
:
#2f4f90
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-messenger
:hover
{
background-color
:
#1b6fcc
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-email
:hover
{
background-color
:
#000
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-copy
:hover
{
background-color
:
#5c5c5c
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-share--option-phone
:hover
{
background-color
:
#1baf52
}
.c-tooltip
{
position
:
absolute
;
pointer-events
:
none
;
opacity
:
0
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.c-values--section
{
max-width
:
250px
}
.c-values--heading
{
min-height
:
34px
;
font-size
:
35px
;
line-height
:
41px
}
.c-vdb--top
{
min-height
:
68px
;
background
:
#02bf5f
;
padding
:
14px
0
}
.c-vdb--top-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-vdb--top-img
{
-webkit-box-flex
:
0
;
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
color
:
#fff
;
margin
:
0
;
padding
:
0
10px
0
0
;
font-size
:
18px
;
line-height
:
25px
}
.c-vdb--section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-vdb--section-bottom
{
max-width
:
360px
;
margin
:
0
auto
20px
;
border
:
20px
solid
#f8f8f8
}
.c-vdb--section-img
{
display
:
block
;
margin
:
0
auto
15px
}
.c-vdb--section-heading
{
font-size
:
21px
;
font-weight
:
500
;
line-height
:
27px
}
.c-vdb--section-content
{
line-height
:
23px
}
.c-vdb--bottom
{
min-height
:
68px
;
background
:
#4b5561
url(/wp-content/themes/biuro/i/vdb/bottom.png)
no-repeat
50%
50%
;
background-size
:
cover
;
padding
:
46px
0
}
.c-vdb--bottom-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-vdb--bottom-heading
{
margin
:
0
38px
0
0
;
padding
:
0
;
color
:
#fff
;
font-size
:
36px
;
line-height
:
42px
;
font-weight
:
500
}
.c-vdb--bottom-content
{
color
:
#fff
;
margin
:
0
;
padding
:
0
;
line-height
:
23px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-fill--logo
{
fill
:
#149a83
}
.u-hidden
{
display
:
none
}
.visually-hidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-box
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
140px
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-content--faq
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--faq
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--faq
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-aside
{
-webkit-box-flex
:
0
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-aside--close
{
display
:
none
}
.l-main--content
{
padding
:
40px
50px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-box-flex
:
1
;
flex
:
1
1
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-nav--close
,
.l-nav--open
{
display
:
none
}
.l-section
{
padding
:
30px
0
}
.l-section--front-page
{
height
:
380px
;
margin-bottom
:
92px
}
.l-section--sales-page
{
height
:
380px
}
.l-section--landing-1
{
height
:
348px
}
.c-breadcrumbs
{
margin
:
-40px
0
0
;
height
:
40px
}
.c-btn--header
{
margin-right
:
28px
}
.c-categories
{
margin
:
-20px
0
0
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
;
margin
:
0
33px
}
.c-footer-action
{
display
:
none
}
.c-footer-sections
{
display
:
-webkit-box
;
display
:
flex
}
.c-footer-section
{
-webkit-box-flex
:
10
;
flex
:
10
0
15%
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-heading--landing-1
h1
{
max-width
:
500px
;
font-size
:
31px
;
line-height
:
45px
}
.c-heading--landing-1
{
padding-left
:
110px
}
.c-job--title
{
font-size
:
30px
;
line-height
:
39px
;
margin
:
0
0
40px
}
.c-jobs--col
{
border-bottom
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
var
(
--color--gray-light
)}
.c-jobs--more
{
margin-bottom
:
70px
}
.c-nav--main-item
{
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
}
.c-nav--main-anchor
{
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
)}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
}
.c-phone
{
margin-right
:
35px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--filters
{
display
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-sections
{
padding
:
50px
20px
135px
}
.c-sections--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-sections--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
300px
}
.c-services
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-services--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
253px
}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
-webkit-box-flex
:
0
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
min-height
:
66px
;
font-size
:
45px
;
line-height
:
53px
}
.c-vdb--section-bottom
{
display
:
none
}}
@media
(
max-width
:
59.999em
){
.l-inner--header
{
-webkit-box-align
:
start
;
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--faq
,
.l-content--main
{
padding
:
10px
}
.l-aside--position
{
padding-bottom
:
50px
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-aside--search
{
display
:
none
;
position
:
fixed
;
top
:
0
;
right
:
0
;
width
:
310px
;
padding-left
:
40px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
right
:
0
;
bottom
:
0
;
background
:
#fff
}
.l-footer
{
padding-bottom
:
30px
}
.l-nav--wrap
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-y
:
auto
;
opacity
:
.97
;
background-color
:
#1d2a3a
;
z-index
:
500
;
border
:
1px
solid
#000
;
overflow
:
hidden
;
text-align
:
center
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
,
.c-contact-landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-divisions
{
margin-bottom
:
20px
}
.c-form--row-sticky
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
margin
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-heading--landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-job-contacts
{
margin
:
0
10px
30px
}
.c-job-contacts
li
{
padding
:
7px
0
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-nav--main-item
:first-child
{
text-align
:
left
}
.c-nav--main-item
:first-child
.c-nav--sub
{
left
:
0
;
right
:
auto
}
.c-nav--main-item
{
position
:
relative
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
text-align
:
right
}
.c-nav--lang-wrap
{
position
:
absolute
;
top
:
20px
;
left
:
20px
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-search
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
margin
:
0
10px
;
border-radius
:
3px
}
.l-section--search-page
.c-search--col-location
{
display
:
none
}
.l-section--search-page
.c-search--col-keyword
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
border-radius
:
3px
0
0
3px
}
.l-section--search-page
.c-search--btn-text
{
display
:
none
}
.l-section--search-page
.c-btn--search-small
{
min-width
:
35px
;
margin
:
5px
;
padding
:
9px
7px
8px
8px
}
.l-section--search-page
.c-search--input
{
height
:
45px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
}
.c-search--col-keyword
,
.c-search--col-location
{
border-bottom
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
)}
.l-section--front-page
.c-search
,
.l-section--front-page
.c-search--input
{
margin
:
0
}
.c-search--reset
{
position
:
relative
;
display
:
block
;
padding-top
:
20px
;
text-align
:
center
}
.c-sections--item
{
max-width
:
380px
;
margin
:
0
auto
30px
}
.c-services--item
{
max-width
:
380px
;
margin
:
0
auto
20px
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}
.c-vdb--top-img
{
margin-right
:
18px
}
.c-vdb--top-content
{
font-size
:
16px
;
line-height
:
19px
}
.c-vdb--section-aside
{
display
:
none
}
.c-vdb--bottom-heading
{
margin
:
0
18px
0
0
}}
\ No newline at end of file
wp-content/themes/biuro/employees-langing-page-2.php
0 → 100644
View file @
2f575524
<?php
/**
* Template Name: Employees Landing Page II
*
* The employees landing page template file
* Learn more: https://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Biuro
* @since 1.0
* @version 1.0
*/
get_header
(
'langing'
);
?>
<div
id=
"content"
>
<main
id=
"main"
class=
"l-main"
>
<div
class=
"c-contact-landing-2"
>
<div
class=
"c-contact-landing-2--inner"
>
<div
class=
"c-contact-landing-2--content"
>
<?php
while
(
have_posts
()
)
:
the_post
();
the_content
();
endwhile
;
if
(
is_active_sidebar
(
'landing_page_employees_2'
)
)
:
dynamic_sidebar
(
'landing_page_employees_2'
);
endif
;
?>
<div
class=
"c-contact-landing-2--img"
>
<picture>
<source
srcset=
"/wp-content/themes/biuro/i/contact.webp"
type=
"image/webp"
>
<img
src=
"/wp-content/themes/biuro/i/contact.png"
alt=
""
width=
"328"
height=
"95"
>
</picture>
</div>
</div>
<div
class=
"c-contact-landing-2--form"
>
<?php
echo
do_shortcode
(
'[biuro-contacts--employees page="landing-2"]'
);
?>
</div>
</div>
<!-- .c-contact-landing-2--inner -->
</div>
<!-- .c-contact-landing-2 -->
<?php
if
(
is_active_sidebar
(
'front_page_feedbacks'
)
)
:
dynamic_sidebar
(
'front_page_feedbacks'
);
endif
;
?>
</main>
<!-- .l-main -->
</div>
<!-- #content -->
<?php
get_footer
();
wp-content/themes/biuro/header-langing.php
View file @
2f575524
...
@@ -31,7 +31,8 @@
...
@@ -31,7 +31,8 @@
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2"
crossorigin=
"anonymous"
>
<style>
<?php
include
'css/core-da62169aa6.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-7b5f9f9602.min.css'
;
?>
</style>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2"
crossorigin=
"anonymous"
>
...
...
wp-content/themes/biuro/header.php
View file @
2f575524
...
@@ -31,7 +31,7 @@
...
@@ -31,7 +31,7 @@
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2"
crossorigin=
"anonymous"
>
<style>
<?php
include
'css/core-
da62169aa6
.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
7b5f9f9602
.min.css'
;
?>
</style>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2"
crossorigin=
"anonymous"
>
...
...
wp-content/themes/biuro/i/sections/landing-2-xl.jpg
0 → 100644
View file @
2f575524
108 KB
wp-content/themes/biuro/i/sections/landing-2-xl.webp
0 → 100644
View file @
2f575524
File added
wp-content/themes/biuro/i/sections/landing-2.jpg
0 → 100644
View file @
2f575524
97.5 KB
wp-content/themes/biuro/i/sections/landing-2.webp
0 → 100644
View file @
2f575524
File added
wp-content/themes/biuro/template-parts/svg/icons.php
View file @
2f575524
...
@@ -44,13 +44,16 @@
...
@@ -44,13 +44,16 @@
<path
class=
"u-fill--inherit"
d=
"M4.739,5.624L1.659,9.96c-0.099,0.138-0.258,0.138-0.357,0L0.886,9.38 c-0.099-0.138-0.099-0.36,0-0.498l2.486-3.507L0.886,1.868c-0.099-0.138-0.099-0.36,0-0.498l0.415-0.58 c0.099-0.138,0.258-0.138,0.357,0l3.08,4.336C4.837,5.264,4.837,5.486,4.739,5.624z"
/>
<path
class=
"u-fill--inherit"
d=
"M4.739,5.624L1.659,9.96c-0.099,0.138-0.258,0.138-0.357,0L0.886,9.38 c-0.099-0.138-0.099-0.36,0-0.498l2.486-3.507L0.886,1.868c-0.099-0.138-0.099-0.36,0-0.498l0.415-0.58 c0.099-0.138,0.258-0.138,0.357,0l3.08,4.336C4.837,5.264,4.837,5.486,4.739,5.624z"
/>
</symbol>
</symbol>
<symbol
id=
"ico--time"
viewBox=
"0 0 24 24"
>
<symbol
id=
"ico--time"
viewBox=
"0 0 24 24"
>
<path
fill=
"#2A3644
"
d=
"M0.931,1.117h0.464c0.307,0,0.556,0.249,0.556,0.556v4.388c2.003-3.412,5.715-5.699,9.96-5.686 c6.324,0.02,11.473,5.194,11.463,11.518c-0.01,6.343-5.155,11.482-11.5,11.482c-2.964,0-5.667-1.122-7.706-2.963 c-0.237-0.214-0.248-0.582-0.022-0.808l0.328-0.328c0.209-0.209,0.545-0.219,0.764-0.021c1.757,1.581,4.083,2.544,6.636,2.544 c5.46,0,9.923-4.421,9.923-9.923c0-5.46-4.421-9.923-9.923-9.923c-3.842,0-7.175,2.183-8.824,5.379h4.558 c0.307,0,0.556,0.249,0.556,0.556v0.464c0,0.307-0.249,0.556-0.556,0.556H0.931c-0.307,0-0.556-0.249-0.556-0.556V1.673 C0.375,1.366,0.624,1.117,0.931,1.117z M15.847,15.735c-0.181,0.249-0.529,0.303-0.777,0.123l-3.936-2.863V5.383 c0-0.307,0.249-0.556,0.556-0.556h0.371c0.307,0,0.556,0.249,0.556,0.556v6.856l3.325,2.418c0.249,0.181,0.303,0.529,0.123,0.777 L15.847,15.735z"
/>
<path
class=
"u-fill--inherit
"
d=
"M0.931,1.117h0.464c0.307,0,0.556,0.249,0.556,0.556v4.388c2.003-3.412,5.715-5.699,9.96-5.686 c6.324,0.02,11.473,5.194,11.463,11.518c-0.01,6.343-5.155,11.482-11.5,11.482c-2.964,0-5.667-1.122-7.706-2.963 c-0.237-0.214-0.248-0.582-0.022-0.808l0.328-0.328c0.209-0.209,0.545-0.219,0.764-0.021c1.757,1.581,4.083,2.544,6.636,2.544 c5.46,0,9.923-4.421,9.923-9.923c0-5.46-4.421-9.923-9.923-9.923c-3.842,0-7.175,2.183-8.824,5.379h4.558 c0.307,0,0.556,0.249,0.556,0.556v0.464c0,0.307-0.249,0.556-0.556,0.556H0.931c-0.307,0-0.556-0.249-0.556-0.556V1.673 C0.375,1.366,0.624,1.117,0.931,1.117z M15.847,15.735c-0.181,0.249-0.529,0.303-0.777,0.123l-3.936-2.863V5.383 c0-0.307,0.249-0.556,0.556-0.556h0.371c0.307,0,0.556,0.249,0.556,0.556v6.856l3.325,2.418c0.249,0.181,0.303,0.529,0.123,0.777 L15.847,15.735z"
/>
</symbol>
</symbol>
<symbol
id=
"ico--offer"
viewBox=
"0 0 23 21"
>
<symbol
id=
"ico--offer"
viewBox=
"0 0 23 21"
>
<path
fill=
"#2A3644
"
d=
"M20.844,4.813C22.035,4.813,23,5.778,23,6.969v11.5c0,1.191-0.965,2.156-2.156,2.156H2.156 C0.965,20.625,0,19.66,0,18.469v-11.5c0-1.191,0.965-2.156,2.156-2.156h5.031V1.578C7.188,0.983,7.67,0.5,8.266,0.5h6.469 c0.596,0,1.078,0.482,1.078,1.078v3.234H20.844z M8.625,1.938v2.875h5.75V1.938H8.625z M21.563,18.469V12h-7.188v1.797 c0,0.595-0.483,1.078-1.078,1.078H9.703c-0.595,0-1.078-0.483-1.078-1.078V12H1.438v6.469c0,0.396,0.323,0.719,0.719,0.719h18.688 C21.24,19.188,21.563,18.865,21.563,18.469z M10.063,13.438h2.875V12h-2.875V13.438z M21.563,10.563V6.969 c0-0.396-0.323-0.719-0.719-0.719H2.156c-0.396,0-0.719,0.323-0.719,0.719v3.594H21.563z"
/>
<path
class=
"u-fill--inherit
"
d=
"M20.844,4.813C22.035,4.813,23,5.778,23,6.969v11.5c0,1.191-0.965,2.156-2.156,2.156H2.156 C0.965,20.625,0,19.66,0,18.469v-11.5c0-1.191,0.965-2.156,2.156-2.156h5.031V1.578C7.188,0.983,7.67,0.5,8.266,0.5h6.469 c0.596,0,1.078,0.482,1.078,1.078v3.234H20.844z M8.625,1.938v2.875h5.75V1.938H8.625z M21.563,18.469V12h-7.188v1.797 c0,0.595-0.483,1.078-1.078,1.078H9.703c-0.595,0-1.078-0.483-1.078-1.078V12H1.438v6.469c0,0.396,0.323,0.719,0.719,0.719h18.688 C21.24,19.188,21.563,18.865,21.563,18.469z M10.063,13.438h2.875V12h-2.875V13.438z M21.563,10.563V6.969 c0-0.396-0.323-0.719-0.719-0.719H2.156c-0.396,0-0.719,0.323-0.719,0.719v3.594H21.563z"
/>
</symbol>
</symbol>
<symbol
id=
"ico--easy"
viewBox=
"0 0 23 23"
>
<symbol
id=
"ico--easy"
viewBox=
"0 0 23 23"
>
<path
fill=
"#2A3644"
d=
"M22.311,12.833c0.247,1.003,0.127,2.241-0.433,3.118c0.194,1.068-0.139,2.218-0.819,3.015 c0.086,2.422-1.395,4.034-4.058,4.034c-0.151,0.001-1.595,0-1.842,0C11.711,23,8.647,21.17,7.188,21.17v0.393 C7.188,22.356,6.544,23,5.75,23H1.438C0.644,23,0,22.356,0,21.563v-11.5c0-0.794,0.644-1.438,1.438-1.438H5.75 c0.491,0,0.924,0.246,1.184,0.622c0.137-0.026,0.263-0.058,0.361-0.1c0.971-0.522,2.588-3.094,3.646-4.153 c0.445-0.445,0.589-1.188,0.742-1.974C11.94,1.703,12.44,0,13.787,0c2.678,0,3.724,1.558,3.724,4.181 c0,1.388-0.538,2.356-0.93,3.136h3.151c1.826,0,3.267,1.568,3.267,3.26C23,11.5,22.757,12.255,22.311,12.833z M1.438,21.563H5.75 v-11.5H1.438V21.563z M20.485,12.414c0.718-0.195,1.082-0.915,1.077-1.83c-0.005-0.915-0.809-1.83-1.83-1.83h-5.031 c0-1.83,1.372-2.679,1.372-4.574c0-1.149,0-2.744-2.287-2.744c-0.915,0.915-0.457,3.202-1.83,4.574 c-1.522,1.522-3.076,4.574-4.77,4.574v9.148c1.919,0,4.696,1.83,7.972,1.83c0.156,0,1.681,0.001,1.83,0 c1.718-0.017,2.943-0.828,2.57-3.188c0.735-0.394,1.282-1.763,0.675-2.785C21.203,15.094,21.203,12.938,20.485,12.414z M4.672,19.406c0,0.595-0.483,1.078-1.078,1.078s-1.078-0.483-1.078-1.078c0-0.595,0.483-1.078,1.078-1.078 S4.672,18.811,4.672,19.406z"
/>
<path
class=
"u-fill--inherit"
d=
"M22.311,12.833c0.247,1.003,0.127,2.241-0.433,3.118c0.194,1.068-0.139,2.218-0.819,3.015 c0.086,2.422-1.395,4.034-4.058,4.034c-0.151,0.001-1.595,0-1.842,0C11.711,23,8.647,21.17,7.188,21.17v0.393 C7.188,22.356,6.544,23,5.75,23H1.438C0.644,23,0,22.356,0,21.563v-11.5c0-0.794,0.644-1.438,1.438-1.438H5.75 c0.491,0,0.924,0.246,1.184,0.622c0.137-0.026,0.263-0.058,0.361-0.1c0.971-0.522,2.588-3.094,3.646-4.153 c0.445-0.445,0.589-1.188,0.742-1.974C11.94,1.703,12.44,0,13.787,0c2.678,0,3.724,1.558,3.724,4.181 c0,1.388-0.538,2.356-0.93,3.136h3.151c1.826,0,3.267,1.568,3.267,3.26C23,11.5,22.757,12.255,22.311,12.833z M1.438,21.563H5.75 v-11.5H1.438V21.563z M20.485,12.414c0.718-0.195,1.082-0.915,1.077-1.83c-0.005-0.915-0.809-1.83-1.83-1.83h-5.031 c0-1.83,1.372-2.679,1.372-4.574c0-1.149,0-2.744-2.287-2.744c-0.915,0.915-0.457,3.202-1.83,4.574 c-1.522,1.522-3.076,4.574-4.77,4.574v9.148c1.919,0,4.696,1.83,7.972,1.83c0.156,0,1.681,0.001,1.83,0 c1.718-0.017,2.943-0.828,2.57-3.188c0.735-0.394,1.282-1.763,0.675-2.785C21.203,15.094,21.203,12.938,20.485,12.414z M4.672,19.406c0,0.595-0.483,1.078-1.078,1.078s-1.078-0.483-1.078-1.078c0-0.595,0.483-1.078,1.078-1.078 S4.672,18.811,4.672,19.406z"
/>
</symbol>
<symbol
id=
"ico--pen"
viewBox=
"0 0 23 23"
>
<path
class=
"u-fill--inherit"
d=
"M22.158,2.901c1.123,1.123,1.123,2.943,0,4.066L6.327,22.798l-5.129,0.57 c-0.687,0.076-1.267-0.504-1.191-1.191l0.57-5.129L16.408,1.217c1.123-1.123,2.943-1.123,4.066,0L22.158,2.901z M7.398,15.977 c-0.281-0.281-0.281-0.736,0-1.016l8.117-8.117l-1.35-1.35L4.099,15.559H5.66v2.156h2.156v1.561L17.882,9.211l-1.35-1.35 l-8.117,8.117C8.134,16.258,7.679,16.258,7.398,15.977z M5.667,21.425l0.892-0.892v-1.561H4.402v-2.156H2.842L1.95,17.708 l-0.294,2.65l1.361,1.361L5.667,21.425z M21.141,5.951c0.562-0.562,0.562-1.471,0-2.033l-1.684-1.684 c-0.562-0.562-1.471-0.562-2.033,0l-2.243,2.243l3.717,3.717L21.141,5.951z"
/>
</symbol>
</symbol>
<symbol
id=
"ico--burger"
viewBox=
"0 0 32 16"
>
<symbol
id=
"ico--burger"
viewBox=
"0 0 32 16"
>
<rect
fill=
"#2A3644"
width=
"32"
height=
"2"
/>
<rect
fill=
"#2A3644"
width=
"32"
height=
"2"
/>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment