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
ee9ef7a2
Commit
ee9ef7a2
authored
Nov 20, 2020
by
Simon
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
release 1.22.1
parent
f4381606
Changes
14
Show whitespace changes
Inline
Side-by-side
Showing
14 changed files
with
36 additions
and
29 deletions
+36
-29
README.md
README.md
+2
-2
_layout--content.css
wp-content/themes/biuro/css/05-layout/_layout--content.css
+5
-1
_component--jobs-manager.css
...emes/biuro/css/07-components/_component--jobs-manager.css
+4
-0
_component--members.css
...nt/themes/biuro/css/07-components/_component--members.css
+1
-0
core-37788b01fc.min.css
wp-content/themes/biuro/css/core-37788b01fc.min.css
+0
-1
core-7662d27dec.min.css
wp-content/themes/biuro/css/core-7662d27dec.min.css
+1
-0
main-bbc0ec2b25.min.css
wp-content/themes/biuro/css/main-bbc0ec2b25.min.css
+1
-1
header-langing.php
wp-content/themes/biuro/header-langing.php
+3
-3
header.php
wp-content/themes/biuro/header.php
+3
-3
member-placeholder.png
wp-content/themes/biuro/i/member-placeholder.png
+0
-0
single-job.php
wp-content/themes/biuro/single-job.php
+12
-3
style.css
wp-content/themes/biuro/style.css
+1
-1
aside-job.php
wp-content/themes/biuro/template-parts/layout/aside-job.php
+2
-7
teams.php
wp-content/themes/biuro/template-parts/teams/teams.php
+1
-7
No files found.
README.md
View file @
ee9ef7a2
...
...
@@ -20,9 +20,9 @@
## Production
-
build CSS & JS assets -
`C:\web\dev.biuro\ npm run build`
-
build new image
`docker build -t biuro/web:1.22.
0
.`
(update version number)
-
build new image
`docker build -t biuro/web:1.22.
1
.`
(update version number)
-
login to biuro docker account
`docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs`
-
push image to docker repository -
`docker push biuro/web:1.22.
0
`
-
push image to docker repository -
`docker push biuro/web:1.22.
1
`
## Production
-
update biuro/web image version in .env file (staging or www)
...
...
wp-content/themes/biuro/css/05-layout/_layout--content.css
View file @
ee9ef7a2
...
...
@@ -9,7 +9,7 @@
}
.l-content--position-banner
{
max-width
:
109
6px
;
max-width
:
96
6px
;
margin
:
10px
auto
20px
;
@media
(--min--medium)
{
...
...
@@ -17,6 +17,10 @@
}
}
.l-content--position-banner--wide
{
max-width
:
1096px
;
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
;
@media
(--min--medium)
{
padding
:
40px
20px
;
...
...
wp-content/themes/biuro/css/07-components/_component--jobs-manager.css
View file @
ee9ef7a2
...
...
@@ -78,6 +78,10 @@
@media
(--min--xxx-small)
{
left
:
30px
;
}
img
{
border-radius
:
50%
;
}
}
.c-jobs-manager--member-name
{
...
...
wp-content/themes/biuro/css/07-components/_component--members.css
View file @
ee9ef7a2
...
...
@@ -23,6 +23,7 @@
margin
:
0
auto
16px
;
border-radius
:
50%
;
background
:
#c4c4c4
;
overflow
:
hidden
;
}
.c-member--info
{
...
...
wp-content/themes/biuro/css/core-37788b01fc.min.css
deleted
100644 → 0
View file @
f4381606
: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
:
flex
;
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
)}
table
{
border-collapse
:
collapse
;
border-spacing
:
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
);
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner
,
.l-inner-jobs
{
margin-right
:
auto
;
margin-left
:
auto
}
.l-inner-jobs
{
max-width
:
990px
;
padding-right
:
10px
;
padding-left
:
10px
}
.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
:
flex
;
flex-direction
:
row
;
align-items
:
center
}
.l-inner--header-motherson
{
max-width
:
1030px
}
.l-header
{
position
:
fixed
;
background
:
#fff
}
.l-header
,
.l-header--langing
{
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
;
height
:
70px
}
.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-banner
{
max-width
:
1096px
;
margin
:
10px
auto
20px
}
.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--position-inner--wide
{
max-width
:
1100px
}
.l-content--heading
{
display
:
block
;
padding-top
:
10px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
18px
;
line-height
:
26px
;
text-align
:
center
}
.l-content--main
{
width
:
100%
;
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%
;
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-content--membership
{
width
:
100%
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--membership
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-aside--close
{
position
:
fixed
;
top
:
0
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
flex
:
1
1
400px
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
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-map--cities
{
height
:
625px
}
.l-map--cities--panevezys-inner
{
height
:
305px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
;
color
:
#fff
}
.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
;
background-color
:
#fff
}
.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--inner-extended
{
width
:
100%
;
max-width
:
1170px
;
margin
:
0
auto
}
.l-section--landing-1
{
background-color
:
#515e70
}
.l-section--landing-1
,
.l-section--recommend
{
display
:
flex
;
align-items
:
flex-end
;
padding
:
0
!important
;
height
:
240px
}
.l-section--recommend
{
background-color
:
#3eb0b1
}
.l-section--landing-3
,
.l-section--landing-4
,
.l-section--landing-5
{
display
:
flex
;
align-items
:
flex-end
;
padding
:
0
!important
;
background-color
:
#515e70
;
height
:
240px
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
11px
24px
10px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
line-height
:
15px
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
}
.c-breadcrumbs
,
.o-nav
{
padding
:
0
;
list-style
:
none
}
.c-breadcrumbs
{
display
:
flex
;
margin
:
-5px
0
10px
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#6f7479
;
overflow
:
hidden
}
.c-breadcrumbs
li
{
overflow
:
hidden
;
flex
:
0
0
auto
}
.c-breadcrumbs
li
:last-child
{
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
);
border
:
2px
solid
#1fb299
;
border
:
2px
solid
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
);
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
)}
.c-btn--phone
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
);
border
:
2px
solid
#1fb299
;
border
:
2px
solid
var
(
--color--green
);
border-radius
:
44px
;
overflow
:
hidden
;
height
:
44px
;
line-height
:
24px
;
margin
:
-15px
0
15px
;
padding
:
9px
15px
8px
}
.c-btn--phone
svg
{
float
:
left
;
margin
:
0
10px
0
0
}
.c-btn--phone
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
);
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
)}
.c-btn--phone-alt
{
color
:
#fff
;
background
:
#da2128
;
border
:
2px
solid
#da2128
;
overflow
:
hidden
;
height
:
44px
;
line-height
:
24px
;
margin
:
-10px
0
15px
;
padding
:
9px
15px
8px
}
.c-btn--phone-alt
svg
{
float
:
left
;
margin
:
0
20px
0
0
}
.c-btn--phone-alt
:hover
{
background
:
#a70000
;
border-color
:
#a70000
}
.c-btn--disabled
{
color
:
#bbb
;
background
:
#6f7479
;
border-color
:
#6f7479
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
color
:
#bbb
;
background
:
#6f7479
;
cursor
:
not-allowed
;
border-color
:
#6f7479
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
;
border-color
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
;
border-color
:
#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
;
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--fit
{
flex
:
1
1
20%
}
.c-btn--fit
+
.c-btn--fit
{
margin-left
:
20px
}
.c-btn--max-fill
{
width
:
100%
;
max-width
:
320px
}
.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
;
text-align
:
center
;
border
:
2px
solid
#1fb299
}
.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
10px
6px
7px
}
.c-categories
{
display
:
flex
;
list-style
:
none
;
margin
:
-5px
0
0
;
padding
:
0
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#6f7479
;
overflow
:
hidden
}
.c-categories
li
{
overflow
:
hidden
;
flex
:
0
0
auto
}
.c-categories
li
:last-child
{
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-position
:
0
0
;
background-repeat
:
no-repeat
;
background-size
:
cover
}
.js.no-webp
.c-contact-landing-2
,
.no-js
.c-contact-landing-2
{
background-image
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg)
}
.js.webp
.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-contact-landing-3
{
padding
:
10px
0
}
.c-contact-landing-3--inner
{
max-width
:
990px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-3--content
{
color
:
#2a3644
;
font-weight
:
500
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-3--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-3--content
span
{
display
:
block
;
overflow
:
hidden
;
line-height
:
22px
;
padding
:
2px
0
0
}
.c-contact-landing-3--img
{
margin-top
:
40px
}
.c-contact-landing-3--form
{
max-width
:
420px
}
.c-contact-landing-4
{
padding
:
10px
0
}
.c-contact-landing-4--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-4--content
{
color
:
#2a3644
;
font-weight
:
500
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-4--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-4--content
span
{
display
:
block
;
overflow
:
hidden
;
line-height
:
22px
;
padding
:
2px
0
0
}
.c-contact-landing-4--img
{
margin-top
:
40px
}
.c-contact-landing-4--form
{
max-width
:
420px
}
.c-contact-landing-5
{
padding
:
10px
0
}
.c-contact-landing-5--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-5--content
{
color
:
#2a3644
;
font-weight
:
500
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-5--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-5--content
span
{
display
:
block
;
overflow
:
hidden
;
line-height
:
22px
;
padding
:
2px
0
0
}
.c-contact-landing-5--content
h2
{
font-weight
:
700
;
font-size
:
24px
;
line-height
:
34px
;
color
:
#000
}
.c-contact-landing-5--content-inner-alt
p
,
.c-contact-landing-5--content-inner
p
{
font-size
:
16px
;
line-height
:
20px
}
.c-contact-landing-5--content-inner-alt
svg
,
.c-contact-landing-5--content-inner
svg
{
color
:
#da2128
}
.c-contact-landing-5--content-inner-alt
{
max-width
:
380px
;
padding-top
:
10px
;
font-weight
:
900
}
.c-contact-landing-5--content-inner-alt
b
{
color
:
#da2128
}
.c-contact-landing-5--img
{
margin-top
:
40px
}
.c-contact-landing-5--form
{
max-width
:
390px
}
.c-divisions
{
display
:
flex
;
flex-wrap
:
wrap
}
.c-division
{
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
);
overflow
:
hidden
}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
height
:
420px
;
margin
:
-20px
auto
-40px
;
width
:
100%
;
padding
:
20px
10px
0
}
.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
{
max-width
:
300px
;
height
:
350px
;
margin
:
0
auto
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
300px
!important
;
max-width
:
100%
;
background-color
:
#fff
;
border-radius
:
3px
;
padding-top
:
50px
}
.swiper-slide-active
.c-feedbacks--section-inner
{
box-shadow
:
-1px
15px
46px
0
rgba
(
192
,
210
,
231
,
.5
)}
.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
{
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
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--header
{
color
:
#069980
;
font-size
:
21px
;
font-weight
:
700
;
margin
:
-8px
0
20px
;
padding
:
0
}
.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--recommend
{
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
;
padding
:
0
15px
20px
}
.c-form--cols
{
margin
:
0
-15px
}
.c-form--col
{
flex
:
1
1
50%
;
padding
:
25px
15px
0
}
.c-form--col--about
{
background
:
linear-gradient
(
180deg
,
#a1fff0
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--col--about-friend
{
background
:
linear-gradient
(
180deg
,
#cfe1fc
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--success
{
margin
:
-28px
-20px
20px
;
padding
:
28px
20px
20px
;
border-radius
:
3px
3px
0
0
;
text-align
:
center
;
color
:
#27b199
;
line-height
:
25px
;
background
:
#e5fdf9
;
font-weight
:
500
}
.c-form--headline
{
text-transform
:
uppercase
;
margin-bottom
:
20px
;
font-weight
:
500
;
font-size
:
18px
}
.c-form--headline--about
{
color
:
#14b399
}
.c-form--headline--about-friend
{
color
:
#004ed7
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--row-sticky
{
display
:
flex
}
.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
:
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
:
#6f7479
;
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
:
#6f7479
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--validation
{
background-color
:
#fff
;
margin-top
:
5px
;
padding
:
10px
15px
;
border
:
1px
solid
;
font-size
:
13px
;
line-height
:
20px
;
z-index
:
20
}
.c-heading
{
display
:
flex
;
flex-direction
:
column
;
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
;
padding
:
0
20px
}
.c-heading--landing-1
h1
,
.c-heading--landing-3
h1
{
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
}
.c-heading--landing-3
h1
span
{
color
:
#19c5a7
}
.c-heading--landing-4
{
color
:
#fff
;
padding
:
0
20px
}
.c-heading--landing-4
h1
{
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
}
.c-heading--landing-4
h1
span
{
color
:
#19c5a7
}
.c-heading--landing-5
{
color
:
#fff
;
padding
:
0
15px
}
.c-heading--landing-5
h1
{
color
:
#fff
;
font-weight
:
700
;
font-size
:
24px
;
line-height
:
28px
}
.c-heading--landing-5
h1
span
{
color
:
#19c5a7
}
.c-heading--recommend-friend
h1
{
max-width
:
420px
;
color
:
#fff
;
font-size
:
26px
;
line-height
:
37px
;
padding
:
0
20px
20px
}
.c-heading--recommend-friend
h1
span
{
display
:
inline-block
;
background
:
#004ed4
;
font-weight
:
700
;
padding
:
3px
10px
1px
;
border-radius
:
6px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
-2px
10px
0
-29px
}
.c-ico--phone-recommend
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--email
{
float
:
left
;
margin
:
2px
10px
0
-30px
}
.c-ico--address
{
float
:
left
;
margin
:
0
12px
0
-27px
}
.c-ico--city
,
.c-ico--filter
{
float
:
left
;
margin
:
3px
8px
0
3px
}
.c-ico--city--job-section
{
float
:
left
;
margin
:
0
13px
0
0
}
.c-ico--field--job-section
{
float
:
left
;
margin
:
0
11px
0
0
;
width
:
18px
;
height
:
17px
}
.c-ico--type--job-section
{
float
:
left
;
margin
:
0
13px
0
0
}
.c-ico--time
{
float
:
left
;
margin
:
2px
16px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
17px
0
0
}
.c-ico--pen
{
float
:
left
;
margin
:
5px
17px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
17px
0
0
}
.c-ico--edit
{
float
:
left
;
margin
:
-1px
13px
0
1px
}
.c-ico--euro
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--calendar
{
float
:
left
;
margin
:
0
20px
0
0
}
.c-ico--lunch
{
float
:
left
;
margin
:
2px
18px
0
0
}
.c-ico--transport
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
.5
}
.c-ico--medical
{
float
:
left
;
margin
:
1px
21px
0
0
}
.c-ico--house
{
float
:
left
;
margin
:
5px
10px
0
-2px
}
.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
0
1.6rem
;
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
;
display
:
flex
}
.c-jobs--inner-custom
{
max-width
:
990px
;
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
10px
;
padding-left
:
10px
}
.c-jobs--table
{
width
:
100%
;
margin
:
0
0
20px
;
padding
:
0
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#6f7479
;
padding
:
10px
15px
}
.c-jobs--anchor
{
color
:
#004ed4
;
font-weight
:
500
}
.c-jobs--anchor
,
.c-jobs--anchor-alt
{
display
:
block
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--anchor-alt
{
color
:
#2a3644
}
.c-jobs--more
{
margin-bottom
:
50px
}
[
href
=
"https://maps.google.com/?q="
]
{
display
:
none
!important
}
.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-members
{
display
:
flex
;
flex-wrap
:
wrap
;
padding
:
20px
}
.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
;
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
:
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-popup
{
display
:
none
}
.c-recommend-friend
{
padding
:
10px
0
}
.c-recommend-friend--inner
{
max-width
:
1170px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-recommend-friend--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
22px
;
padding
:
15px
0
20px
}
.c-recommend-friend--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-recommend-friend--content
span
{
display
:
block
;
line-height
:
22px
;
overflow
:
hidden
}
.c-recommend-friend--form
{
max-width
:
604px
}
.c-recommend
{
display
:
block
;
background-color
:
#3bacad
;
min-height
:
170px
;
margin
:
0
10px
20px
;
padding
:
20px
;
border-radius
:
6px
;
text-decoration
:
none
}
.c-recommend-top
{
display
:
flex
;
min-height
:
62px
}
.c-recommend--headline
{
display
:
block
;
color
:
#fff
;
max-width
:
180px
;
margin-bottom
:
20px
;
font-size
:
21px
;
font-weight
:
500
}
.c-recommend--anchor
{
color
:
#fff
;
font-size
:
15px
}
.c-search
{
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
flex
;
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
;
display
:
flex
;
justify-content
:
space-between
}
.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
;
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
;
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
:
flex
;
justify-content
:
center
}
.c-share--option
{
position
:
relative
;
height
:
36px
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
10px
;
text-decoration
:
none
;
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
{
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
flex
:
10
1
auto
;
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
;
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
:
flex
;
align-items
:
center
}
.c-vdb--top-img
{
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
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
:
flex
;
align-items
:
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
}
.t-motherson
.c-btn--main
{
background
:
#da2128
;
border
:
2px
solid
#da2128
}
.t-motherson
.c-btn--main
:hover
{
background
:
#a70000
;
border-color
:
#a70000
}
.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
:
flex
}
.l-content--position-banner
{
margin
:
-20px
auto
20px
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
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--heading
h1
{
font-size
:
25px
;
line-height
:
29px
;
text-align
:
right
}
.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
{
display
:
flex
;
margin
:
0
auto
40px
}
.l-content--regions
{
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-content--membership
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-aside
{
flex
:
0
0
280px
}
.l-aside--position
{
flex
:
0
0
400px
;
padding
:
70px
40px
;
max-width
:
400px
}
.l-aside--position--wide
{
flex
:
1
1
280px
;
padding
:
70px
55px
;
max-width
:
470px
}
.l-aside--divisions
,
.l-aside--regions
{
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-map--cities--panevezys-inner
{
height
:
513px
}
.l-nav--wrap
{
flex
:
1
1
100%
;
display
:
flex
;
align-items
:
center
}
.l-nav
{
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
}
.l-section--recommend
{
height
:
355px
}
.l-section--landing-3
,
.l-section--landing-4
,
.l-section--landing-5
{
height
:
348px
}
.c-breadcrumbs
{
margin
:
-40px
0
0
;
height
:
40px
}
.c-btn--header
{
margin-right
:
28px
}
.c-btn--phone-alt
{
height
:
68px
;
margin
:
10px
0
35px
;
padding
:
21px
28px
20px
}
.c-categories
{
margin
:
-20px
0
0
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--form
{
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-contact-landing-2
{
padding
:
195px
0
50px
}
.c-contact-landing-2--inner
{
display
:
flex
;
justify-content
:
space-between
;
max-width
:
940px
;
margin
:
0
auto
;
border-radius
:
3px
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--content
{
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
{
flex
:
1
1
40%
;
max-width
:
420px
}
.c-contact-landing-3
{
padding
:
20px
0
}
.c-contact-landing-3--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-3--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
}
.c-contact-landing-3--form
{
flex
:
1
1
40%
;
margin-top
:
-180px
}
.c-contact-landing-4
{
padding
:
20px
0
}
.c-contact-landing-4--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-4--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-4--form
{
flex
:
1
1
40%
;
margin-top
:
-180px
}
.c-contact-landing-5
{
padding
:
20px
0
}
.c-contact-landing-5--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-5--content
{
flex
:
1
1
40%
;
max-width
:
510px
}
.c-contact-landing-5--content-inner
{
-moz-columns
:
2
;
column-count
:
2
}
.c-contact-landing-5--content-inner
p
{
width
:
200px
;
height
:
50px
}
.c-contact-landing-5--content-inner-alt
p
,
.c-contact-landing-5--content-inner
p
{
padding
:
15px
0
}
.c-contact-landing-5--form
{
flex
:
1
1
40%
;
margin-top
:
-244px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
max-width
:
720px
;
padding
:
20px
0
0
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-footer-action
{
display
:
none
}
.c-footer-sections
{
display
:
flex
}
.c-footer-section
{
flex
:
10
0
15%
}
.c-form--header
{
font-size
:
24px
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
20px
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--recommend
{
padding
:
0
33px
20px
}
.c-form--cols
{
display
:
flex
;
margin
:
0
-33px
}
.c-form--col--about
,
.c-form--col--about-friend
{
padding
:
42px
24px
0
33px
}
.c-form--success
{
margin
:
-38px
-35px
20px
;
padding
:
28px
35px
20px
}
.c-form--headline
{
margin-bottom
:
30px
}
.c-form--row-sticky
.o-btn
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-form--validation
{
position
:
absolute
;
top
:
50%
;
right
:
100%
;
min-width
:
200px
;
margin-top
:
11px
;
transform
:
translate
(
-30px
,
-50%
)}
.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-heading--landing-3
h1
{
max-width
:
500px
;
font-size
:
36px
;
line-height
:
45px
}
.c-heading--landing-3
{
padding-left
:
30px
}
.c-heading--landing-4
h1
{
max-width
:
500px
;
font-size
:
36px
;
line-height
:
45px
}
.c-heading--landing-4
{
padding-left
:
110px
}
.c-heading--landing-5
h1
{
max-width
:
500px
;
font-size
:
36px
;
line-height
:
45px
}
.c-heading--recommend-friend
h1
{
max-width
:
500px
;
font-size
:
32px
;
line-height
:
56px
;
padding
:
0
20px
}
.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--anchor
{
display
:
flex
;
min-height
:
38px
;
align-items
:
center
}
.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-recommend-friend
{
padding
:
30px
0
40px
}
.c-recommend-friend--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-recommend-friend--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
line-height
:
29px
}
.c-recommend-friend--form
{
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-recommend
{
margin
:
0
0
20px
}
.l-aside--position--wide
.c-recommend
{
margin
:
0
-15px
20px
}
.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
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
}
.c-sections--item
{
flex
:
0
0
300px
}
.c-services
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
justify-content
:
space-between
}
.c-services--item
{
flex
:
0
0
253px
}
.c-trust--inner
{
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
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
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
{
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--faq
,
.l-content--main
,
.l-content--membership
{
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
;
width
:
310px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
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
;
flex-direction
:
column
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
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-contact-landing-3
,
.c-contact-landing-4
,
.c-contact-landing-5
{
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
,
.c-heading--landing-3
{
max-width
:
440px
;
margin
:
0
auto
}
.c-heading--landing-3
{
padding
:
0
20px
}
.c-heading--landing-4
,
.c-heading--landing-5
{
max-width
:
440px
;
margin
:
0
auto
}
.c-heading--recommend-friend
h1
{
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-description
{
width
:
100%
;
padding-top
:
0
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
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
;
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-recommend-friend
{
max-width
:
440px
;
margin
:
0
auto
}
.c-search
{
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
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
{
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
:
49px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
;
border-top
:
3px
solid
#fff
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
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
}
.l-section--front-page
.c-search--input
:focus
{
box-shadow
:
0
0
2px
0
rgba
(
0
,
0
,
0
,
.2
)}
.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
(
min-width
:
30em
){
.c-btn--filter
{
padding
:
6px
15px
6px
12px
}
.c-ico--city
,
.c-ico--filter
{
margin
:
3px
15px
0
3px
}
.c-search--filters
{
padding
:
10px
20px
}}
@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%
}}
@media
(
min-width
:
93.75em
){
.c-form--validation
{
left
:
100%
;
right
:
auto
;
transform
:
translate
(
30px
,
-50%
)}}
\ No newline at end of file
wp-content/themes/biuro/css/core-7662d27dec.min.css
0 → 100644
View file @
ee9ef7a2
: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
:
flex
;
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
)}
table
{
border-collapse
:
collapse
;
border-spacing
:
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
);
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner
,
.l-inner-jobs
{
margin-right
:
auto
;
margin-left
:
auto
}
.l-inner-jobs
{
max-width
:
990px
;
padding-right
:
10px
;
padding-left
:
10px
}
.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
:
flex
;
flex-direction
:
row
;
align-items
:
center
}
.l-inner--header-motherson
{
max-width
:
1030px
}
.l-header
{
position
:
fixed
;
background
:
#fff
}
.l-header
,
.l-header--langing
{
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
;
height
:
70px
}
.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-banner
{
max-width
:
966px
;
margin
:
10px
auto
20px
}
.l-content--position-banner--wide
{
max-width
:
1096px
}
.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--position-inner--wide
{
max-width
:
1100px
}
.l-content--heading
{
display
:
block
;
padding-top
:
10px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
18px
;
line-height
:
26px
;
text-align
:
center
}
.l-content--main
{
width
:
100%
;
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%
;
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-content--membership
{
width
:
100%
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--membership
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-aside--close
{
position
:
fixed
;
top
:
0
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
flex
:
1
1
400px
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
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-map--cities
{
height
:
625px
}
.l-map--cities--panevezys-inner
{
height
:
305px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
;
color
:
#fff
}
.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
;
background-color
:
#fff
}
.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--inner-extended
{
width
:
100%
;
max-width
:
1170px
;
margin
:
0
auto
}
.l-section--landing-1
{
background-color
:
#515e70
}
.l-section--landing-1
,
.l-section--recommend
{
display
:
flex
;
align-items
:
flex-end
;
padding
:
0
!important
;
height
:
240px
}
.l-section--recommend
{
background-color
:
#3eb0b1
}
.l-section--landing-3
,
.l-section--landing-4
,
.l-section--landing-5
{
display
:
flex
;
align-items
:
flex-end
;
padding
:
0
!important
;
background-color
:
#515e70
;
height
:
240px
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
11px
24px
10px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
line-height
:
15px
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
}
.c-breadcrumbs
,
.o-nav
{
padding
:
0
;
list-style
:
none
}
.c-breadcrumbs
{
display
:
flex
;
margin
:
-5px
0
10px
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#6f7479
;
overflow
:
hidden
}
.c-breadcrumbs
li
{
overflow
:
hidden
;
flex
:
0
0
auto
}
.c-breadcrumbs
li
:last-child
{
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
);
border
:
2px
solid
#1fb299
;
border
:
2px
solid
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
);
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
)}
.c-btn--phone
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
);
border
:
2px
solid
#1fb299
;
border
:
2px
solid
var
(
--color--green
);
border-radius
:
44px
;
overflow
:
hidden
;
height
:
44px
;
line-height
:
24px
;
margin
:
-15px
0
15px
;
padding
:
9px
15px
8px
}
.c-btn--phone
svg
{
float
:
left
;
margin
:
0
10px
0
0
}
.c-btn--phone
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
);
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
)}
.c-btn--phone-alt
{
color
:
#fff
;
background
:
#da2128
;
border
:
2px
solid
#da2128
;
overflow
:
hidden
;
height
:
44px
;
line-height
:
24px
;
margin
:
-10px
0
15px
;
padding
:
9px
15px
8px
}
.c-btn--phone-alt
svg
{
float
:
left
;
margin
:
0
20px
0
0
}
.c-btn--phone-alt
:hover
{
background
:
#a70000
;
border-color
:
#a70000
}
.c-btn--disabled
{
color
:
#bbb
;
background
:
#6f7479
;
border-color
:
#6f7479
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
color
:
#bbb
;
background
:
#6f7479
;
cursor
:
not-allowed
;
border-color
:
#6f7479
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
;
border-color
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
;
border-color
:
#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
;
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--fit
{
flex
:
1
1
20%
}
.c-btn--fit
+
.c-btn--fit
{
margin-left
:
20px
}
.c-btn--max-fill
{
width
:
100%
;
max-width
:
320px
}
.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
;
text-align
:
center
;
border
:
2px
solid
#1fb299
}
.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
10px
6px
7px
}
.c-categories
{
display
:
flex
;
list-style
:
none
;
margin
:
-5px
0
0
;
padding
:
0
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#6f7479
;
overflow
:
hidden
}
.c-categories
li
{
overflow
:
hidden
;
flex
:
0
0
auto
}
.c-categories
li
:last-child
{
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-position
:
0
0
;
background-repeat
:
no-repeat
;
background-size
:
cover
}
.js.no-webp
.c-contact-landing-2
,
.no-js
.c-contact-landing-2
{
background-image
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg)
}
.js.webp
.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-contact-landing-3
{
padding
:
10px
0
}
.c-contact-landing-3--inner
{
max-width
:
990px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-3--content
{
color
:
#2a3644
;
font-weight
:
500
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-3--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-3--content
span
{
display
:
block
;
overflow
:
hidden
;
line-height
:
22px
;
padding
:
2px
0
0
}
.c-contact-landing-3--img
{
margin-top
:
40px
}
.c-contact-landing-3--form
{
max-width
:
420px
}
.c-contact-landing-4
{
padding
:
10px
0
}
.c-contact-landing-4--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-4--content
{
color
:
#2a3644
;
font-weight
:
500
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-4--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-4--content
span
{
display
:
block
;
overflow
:
hidden
;
line-height
:
22px
;
padding
:
2px
0
0
}
.c-contact-landing-4--img
{
margin-top
:
40px
}
.c-contact-landing-4--form
{
max-width
:
420px
}
.c-contact-landing-5
{
padding
:
10px
0
}
.c-contact-landing-5--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-5--content
{
color
:
#2a3644
;
font-weight
:
500
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-5--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-5--content
span
{
display
:
block
;
overflow
:
hidden
;
line-height
:
22px
;
padding
:
2px
0
0
}
.c-contact-landing-5--content
h2
{
font-weight
:
700
;
font-size
:
24px
;
line-height
:
34px
;
color
:
#000
}
.c-contact-landing-5--content-inner-alt
p
,
.c-contact-landing-5--content-inner
p
{
font-size
:
16px
;
line-height
:
20px
}
.c-contact-landing-5--content-inner-alt
svg
,
.c-contact-landing-5--content-inner
svg
{
color
:
#da2128
}
.c-contact-landing-5--content-inner-alt
{
max-width
:
380px
;
padding-top
:
10px
;
font-weight
:
900
}
.c-contact-landing-5--content-inner-alt
b
{
color
:
#da2128
}
.c-contact-landing-5--img
{
margin-top
:
40px
}
.c-contact-landing-5--form
{
max-width
:
390px
}
.c-divisions
{
display
:
flex
;
flex-wrap
:
wrap
}
.c-division
{
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
);
overflow
:
hidden
}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
height
:
420px
;
margin
:
-20px
auto
-40px
;
width
:
100%
;
padding
:
20px
10px
0
}
.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
{
max-width
:
300px
;
height
:
350px
;
margin
:
0
auto
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
300px
!important
;
max-width
:
100%
;
background-color
:
#fff
;
border-radius
:
3px
;
padding-top
:
50px
}
.swiper-slide-active
.c-feedbacks--section-inner
{
box-shadow
:
-1px
15px
46px
0
rgba
(
192
,
210
,
231
,
.5
)}
.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
{
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
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--header
{
color
:
#069980
;
font-size
:
21px
;
font-weight
:
700
;
margin
:
-8px
0
20px
;
padding
:
0
}
.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--recommend
{
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
;
padding
:
0
15px
20px
}
.c-form--cols
{
margin
:
0
-15px
}
.c-form--col
{
flex
:
1
1
50%
;
padding
:
25px
15px
0
}
.c-form--col--about
{
background
:
linear-gradient
(
180deg
,
#a1fff0
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--col--about-friend
{
background
:
linear-gradient
(
180deg
,
#cfe1fc
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--success
{
margin
:
-28px
-20px
20px
;
padding
:
28px
20px
20px
;
border-radius
:
3px
3px
0
0
;
text-align
:
center
;
color
:
#27b199
;
line-height
:
25px
;
background
:
#e5fdf9
;
font-weight
:
500
}
.c-form--headline
{
text-transform
:
uppercase
;
margin-bottom
:
20px
;
font-weight
:
500
;
font-size
:
18px
}
.c-form--headline--about
{
color
:
#14b399
}
.c-form--headline--about-friend
{
color
:
#004ed7
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--row-sticky
{
display
:
flex
}
.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
:
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
:
#6f7479
;
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
:
#6f7479
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--validation
{
background-color
:
#fff
;
margin-top
:
5px
;
padding
:
10px
15px
;
border
:
1px
solid
;
font-size
:
13px
;
line-height
:
20px
;
z-index
:
20
}
.c-heading
{
display
:
flex
;
flex-direction
:
column
;
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
;
padding
:
0
20px
}
.c-heading--landing-1
h1
,
.c-heading--landing-3
h1
{
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
}
.c-heading--landing-3
h1
span
{
color
:
#19c5a7
}
.c-heading--landing-4
{
color
:
#fff
;
padding
:
0
20px
}
.c-heading--landing-4
h1
{
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
}
.c-heading--landing-4
h1
span
{
color
:
#19c5a7
}
.c-heading--landing-5
{
color
:
#fff
;
padding
:
0
15px
}
.c-heading--landing-5
h1
{
color
:
#fff
;
font-weight
:
700
;
font-size
:
24px
;
line-height
:
28px
}
.c-heading--landing-5
h1
span
{
color
:
#19c5a7
}
.c-heading--recommend-friend
h1
{
max-width
:
420px
;
color
:
#fff
;
font-size
:
26px
;
line-height
:
37px
;
padding
:
0
20px
20px
}
.c-heading--recommend-friend
h1
span
{
display
:
inline-block
;
background
:
#004ed4
;
font-weight
:
700
;
padding
:
3px
10px
1px
;
border-radius
:
6px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
-2px
10px
0
-29px
}
.c-ico--phone-recommend
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--email
{
float
:
left
;
margin
:
2px
10px
0
-30px
}
.c-ico--address
{
float
:
left
;
margin
:
0
12px
0
-27px
}
.c-ico--city
,
.c-ico--filter
{
float
:
left
;
margin
:
3px
8px
0
3px
}
.c-ico--city--job-section
{
float
:
left
;
margin
:
0
13px
0
0
}
.c-ico--field--job-section
{
float
:
left
;
margin
:
0
11px
0
0
;
width
:
18px
;
height
:
17px
}
.c-ico--type--job-section
{
float
:
left
;
margin
:
0
13px
0
0
}
.c-ico--time
{
float
:
left
;
margin
:
2px
16px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
17px
0
0
}
.c-ico--pen
{
float
:
left
;
margin
:
5px
17px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
17px
0
0
}
.c-ico--edit
{
float
:
left
;
margin
:
-1px
13px
0
1px
}
.c-ico--euro
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--calendar
{
float
:
left
;
margin
:
0
20px
0
0
}
.c-ico--lunch
{
float
:
left
;
margin
:
2px
18px
0
0
}
.c-ico--transport
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
.5
}
.c-ico--medical
{
float
:
left
;
margin
:
1px
21px
0
0
}
.c-ico--house
{
float
:
left
;
margin
:
5px
10px
0
-2px
}
.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
0
1.6rem
;
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
;
display
:
flex
}
.c-jobs--inner-custom
{
max-width
:
990px
;
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
10px
;
padding-left
:
10px
}
.c-jobs--table
{
width
:
100%
;
margin
:
0
0
20px
;
padding
:
0
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#6f7479
;
padding
:
10px
15px
}
.c-jobs--anchor
{
color
:
#004ed4
;
font-weight
:
500
}
.c-jobs--anchor
,
.c-jobs--anchor-alt
{
display
:
block
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--anchor-alt
{
color
:
#2a3644
}
.c-jobs--more
{
margin-bottom
:
50px
}
[
href
=
"https://maps.google.com/?q="
]
{
display
:
none
!important
}
.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-members
{
display
:
flex
;
flex-wrap
:
wrap
;
padding
:
20px
}
.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
;
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
:
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-popup
{
display
:
none
}
.c-recommend-friend
{
padding
:
10px
0
}
.c-recommend-friend--inner
{
max-width
:
1170px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-recommend-friend--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
22px
;
padding
:
15px
0
20px
}
.c-recommend-friend--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-recommend-friend--content
span
{
display
:
block
;
line-height
:
22px
;
overflow
:
hidden
}
.c-recommend-friend--form
{
max-width
:
604px
}
.c-recommend
{
display
:
block
;
background-color
:
#3bacad
;
min-height
:
170px
;
margin
:
0
10px
20px
;
padding
:
20px
;
border-radius
:
6px
;
text-decoration
:
none
}
.c-recommend-top
{
display
:
flex
;
min-height
:
62px
}
.c-recommend--headline
{
display
:
block
;
color
:
#fff
;
max-width
:
180px
;
margin-bottom
:
20px
;
font-size
:
21px
;
font-weight
:
500
}
.c-recommend--anchor
{
color
:
#fff
;
font-size
:
15px
}
.c-search
{
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
flex
;
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
;
display
:
flex
;
justify-content
:
space-between
}
.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
;
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
;
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
:
flex
;
justify-content
:
center
}
.c-share--option
{
position
:
relative
;
height
:
36px
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
10px
;
text-decoration
:
none
;
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
{
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
flex
:
10
1
auto
;
display
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
;
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
:
flex
;
align-items
:
center
}
.c-vdb--top-img
{
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
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
:
flex
;
align-items
:
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
}
.t-motherson
.c-btn--main
{
background
:
#da2128
;
border
:
2px
solid
#da2128
}
.t-motherson
.c-btn--main
:hover
{
background
:
#a70000
;
border-color
:
#a70000
}
.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
:
flex
}
.l-content--position-banner
{
margin
:
-20px
auto
20px
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
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--heading
h1
{
font-size
:
25px
;
line-height
:
29px
;
text-align
:
right
}
.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
{
display
:
flex
;
margin
:
0
auto
40px
}
.l-content--regions
{
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-content--membership
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-aside
{
flex
:
0
0
280px
}
.l-aside--position
{
flex
:
0
0
400px
;
padding
:
70px
40px
;
max-width
:
400px
}
.l-aside--position--wide
{
flex
:
1
1
280px
;
padding
:
70px
55px
;
max-width
:
470px
}
.l-aside--divisions
,
.l-aside--regions
{
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-map--cities--panevezys-inner
{
height
:
513px
}
.l-nav--wrap
{
flex
:
1
1
100%
;
display
:
flex
;
align-items
:
center
}
.l-nav
{
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
}
.l-section--recommend
{
height
:
355px
}
.l-section--landing-3
,
.l-section--landing-4
,
.l-section--landing-5
{
height
:
348px
}
.c-breadcrumbs
{
margin
:
-40px
0
0
;
height
:
40px
}
.c-btn--header
{
margin-right
:
28px
}
.c-btn--phone-alt
{
height
:
68px
;
margin
:
10px
0
35px
;
padding
:
21px
28px
20px
}
.c-categories
{
margin
:
-20px
0
0
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--form
{
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-contact-landing-2
{
padding
:
195px
0
50px
}
.c-contact-landing-2--inner
{
display
:
flex
;
justify-content
:
space-between
;
max-width
:
940px
;
margin
:
0
auto
;
border-radius
:
3px
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--content
{
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
{
flex
:
1
1
40%
;
max-width
:
420px
}
.c-contact-landing-3
{
padding
:
20px
0
}
.c-contact-landing-3--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-3--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
}
.c-contact-landing-3--form
{
flex
:
1
1
40%
;
margin-top
:
-180px
}
.c-contact-landing-4
{
padding
:
20px
0
}
.c-contact-landing-4--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-4--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-4--form
{
flex
:
1
1
40%
;
margin-top
:
-180px
}
.c-contact-landing-5
{
padding
:
20px
0
}
.c-contact-landing-5--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-contact-landing-5--content
{
flex
:
1
1
40%
;
max-width
:
510px
}
.c-contact-landing-5--content-inner
{
-moz-columns
:
2
;
column-count
:
2
}
.c-contact-landing-5--content-inner
p
{
width
:
200px
;
height
:
50px
}
.c-contact-landing-5--content-inner-alt
p
,
.c-contact-landing-5--content-inner
p
{
padding
:
15px
0
}
.c-contact-landing-5--form
{
flex
:
1
1
40%
;
margin-top
:
-244px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
max-width
:
720px
;
padding
:
20px
0
0
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-footer-action
{
display
:
none
}
.c-footer-sections
{
display
:
flex
}
.c-footer-section
{
flex
:
10
0
15%
}
.c-form--header
{
font-size
:
24px
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
20px
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--recommend
{
padding
:
0
33px
20px
}
.c-form--cols
{
display
:
flex
;
margin
:
0
-33px
}
.c-form--col--about
,
.c-form--col--about-friend
{
padding
:
42px
24px
0
33px
}
.c-form--success
{
margin
:
-38px
-35px
20px
;
padding
:
28px
35px
20px
}
.c-form--headline
{
margin-bottom
:
30px
}
.c-form--row-sticky
.o-btn
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-form--validation
{
position
:
absolute
;
top
:
50%
;
right
:
100%
;
min-width
:
200px
;
margin-top
:
11px
;
transform
:
translate
(
-30px
,
-50%
)}
.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-heading--landing-3
h1
{
max-width
:
500px
;
font-size
:
36px
;
line-height
:
45px
}
.c-heading--landing-3
{
padding-left
:
30px
}
.c-heading--landing-4
h1
{
max-width
:
500px
;
font-size
:
36px
;
line-height
:
45px
}
.c-heading--landing-4
{
padding-left
:
110px
}
.c-heading--landing-5
h1
{
max-width
:
500px
;
font-size
:
36px
;
line-height
:
45px
}
.c-heading--recommend-friend
h1
{
max-width
:
500px
;
font-size
:
32px
;
line-height
:
56px
;
padding
:
0
20px
}
.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--anchor
{
display
:
flex
;
min-height
:
38px
;
align-items
:
center
}
.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-recommend-friend
{
padding
:
30px
0
40px
}
.c-recommend-friend--inner
{
display
:
flex
;
justify-content
:
space-between
}
.c-recommend-friend--content
{
flex
:
1
1
40%
;
max-width
:
500px
;
line-height
:
29px
}
.c-recommend-friend--form
{
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-recommend
{
margin
:
0
0
20px
}
.l-aside--position--wide
.c-recommend
{
margin
:
0
-15px
20px
}
.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
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
}
.c-sections--item
{
flex
:
0
0
300px
}
.c-services
{
display
:
flex
;
flex-wrap
:
wrap
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
justify-content
:
space-between
}
.c-services--item
{
flex
:
0
0
253px
}
.c-trust--inner
{
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
:
flex
;
flex-wrap
:
wrap
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
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
{
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--faq
,
.l-content--main
,
.l-content--membership
{
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
;
width
:
310px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
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
;
flex-direction
:
column
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
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-contact-landing-3
,
.c-contact-landing-4
,
.c-contact-landing-5
{
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
,
.c-heading--landing-3
{
max-width
:
440px
;
margin
:
0
auto
}
.c-heading--landing-3
{
padding
:
0
20px
}
.c-heading--landing-4
,
.c-heading--landing-5
{
max-width
:
440px
;
margin
:
0
auto
}
.c-heading--recommend-friend
h1
{
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-description
{
width
:
100%
;
padding-top
:
0
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
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
;
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-recommend-friend
{
max-width
:
440px
;
margin
:
0
auto
}
.c-search
{
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
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
{
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
:
49px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
;
border-top
:
3px
solid
#fff
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
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
}
.l-section--front-page
.c-search--input
:focus
{
box-shadow
:
0
0
2px
0
rgba
(
0
,
0
,
0
,
.2
)}
.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
(
min-width
:
30em
){
.c-btn--filter
{
padding
:
6px
15px
6px
12px
}
.c-ico--city
,
.c-ico--filter
{
margin
:
3px
15px
0
3px
}
.c-search--filters
{
padding
:
10px
20px
}}
@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%
}}
@media
(
min-width
:
93.75em
){
.c-form--validation
{
left
:
100%
;
right
:
auto
;
transform
:
translate
(
30px
,
-50%
)}}
\ No newline at end of file
wp-content/themes/biuro/css/main-
8bae5e9909
.min.css
→
wp-content/themes/biuro/css/main-
bbc0ec2b25
.min.css
View file @
ee9ef7a2
This source diff could not be displayed because it is too large. You can
view the blob
instead.
wp-content/themes/biuro/header-langing.php
View file @
ee9ef7a2
...
...
@@ -30,7 +30,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-regular.woff2"
crossorigin=
"anonymous"
>
<style>
<?php
include
'css/core-
37788b01f
c.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
7662d27de
c.min.css'
;
?>
</style>
<script>
document
.
documentElement
.
classList
.
replace
(
'no-js'
,
'js'
);
...
...
@@ -39,13 +39,13 @@
<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"
href=
"/wp-content/themes/biuro/css/main-
8bae5e9909
.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/css/main-
bbc0ec2b25
.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
<link
rel=
"preconnect"
href=
"https://www.gstatic.com"
>
<link
rel=
"preconnect"
href=
"https://fonts.gstatic.com"
>
<noscript>
<link
rel=
"stylesheet"
href=
"/wp-content/themes/biuro/css/main-
8bae5e9909
.min.css"
>
<link
rel=
"stylesheet"
href=
"/wp-content/themes/biuro/css/main-
bbc0ec2b25
.min.css"
>
</noscript>
<?php
wp_head
();
?>
...
...
wp-content/themes/biuro/header.php
View file @
ee9ef7a2
...
...
@@ -41,7 +41,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-regular.woff2"
crossorigin=
"anonymous"
>
<style>
<?php
include
'css/core-
37788b01f
c.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
7662d27de
c.min.css'
;
?>
</style>
<script>
document
.
documentElement
.
classList
.
replace
(
'no-js'
,
'js'
);
...
...
@@ -50,13 +50,13 @@
<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"
href=
"/wp-content/themes/biuro/css/main-
8bae5e9909
.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/css/main-
bbc0ec2b25
.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
<link
rel=
"preconnect"
href=
"https://www.gstatic.com"
>
<link
rel=
"preconnect"
href=
"https://fonts.gstatic.com"
>
<noscript>
<link
rel=
"stylesheet"
href=
"/wp-content/themes/biuro/css/main-
8bae5e9909
.min.css"
>
<link
rel=
"stylesheet"
href=
"/wp-content/themes/biuro/css/main-
bbc0ec2b25
.min.css"
>
</noscript>
<?php
...
...
wp-content/themes/biuro/i/member-placeholder.png
0 → 100644
View file @
ee9ef7a2
5.86 KB
wp-content/themes/biuro/single-job.php
View file @
ee9ef7a2
...
...
@@ -33,13 +33,22 @@ get_header();
endif
;
$managers
=
get_the_terms
(
$pod
->
ID
,
'member'
);
$m
anager
=
$managers
[
0
]
;
$m
ember
;
$isManagerVisible
=
$manager
&&
$manager
->
term_id
&&
$biuroSettings
->
field
(
'job_page_contacts'
)
===
'manager'
?
true
:
false
;
foreach
(
$managers
as
&
$term
)
:
$m
=
pods
(
'member'
,
$term
->
term_id
);
if
(
$m
->
field
(
'enabled'
))
:
$member
=
$m
;
break
;
endif
;
endforeach
;
$isManagerVisible
=
$member
&&
$biuroSettings
->
field
(
'job_page_contacts'
)
===
'manager'
?
true
:
false
;
if
(
$recommendPage
&&
$biuroSettings
->
field
(
'job_page_recommend_friend'
)
==
'top'
)
:
?>
<div
class=
"l-content--position-banner"
>
<div
class=
"l-content--position-banner
<?php
echo
$isManagerVisible
?
'l-content--position-banner--wide'
:
''
;
?>
"
>
<a
class=
"c-recommend c-recommend-top"
href=
"
<?php
echo
$recommendPage
;
?>
"
>
<span
class=
"c-recommend--headline"
>
<?php
_e
(
'Recommend a friend - receive <strong>50 Eur!</strong>'
,
'biuro'
);
?>
</span>
<span
class=
"c-recommend--anchor"
>
<?php
_e
(
'Find out more'
,
'biuro'
);
?>
</span>
...
...
wp-content/themes/biuro/style.css
View file @
ee9ef7a2
...
...
@@ -3,6 +3,6 @@ Theme Name: Biuro
Author: Biuro
Author URI: https://www.biuro.lt/
Description: Biuro multiregion theme
Version: 1.22.
0
Version: 1.22.
1
Text Domain: biuro
*/
wp-content/themes/biuro/template-parts/layout/aside-job.php
View file @
ee9ef7a2
...
...
@@ -93,7 +93,7 @@
global
$recommendPage
;
global
$biuroSettings
;
global
$isManagerVisible
;
global
$m
anag
er
;
global
$m
emb
er
;
if
(
$recommendPage
&&
$biuroSettings
->
field
(
'job_page_recommend_friend'
)
==
'aside'
)
:
?>
...
...
@@ -107,7 +107,6 @@
if
(
$biuroSettings
->
field
(
'job_page_contacts'
)
!=
'hidden'
)
:
if
(
$isManagerVisible
)
:
$member
=
pods
(
'member'
,
$manager
->
term_id
);
?>
<div
class=
"c-jobs-manager"
>
<div
class=
"c-jobs-manager--message"
>
...
...
@@ -130,12 +129,8 @@
<picture
class=
"c-jobs-manager--member-photo"
>
<?php
$photo
=
$member
->
field
(
'photo'
);
if
(
$photo
[
'guid'
])
:
?>
<img
src=
"
<?php
echo
$photo
[
'guid'
];
?>
"
alt=
""
loading=
"lazy"
/>
<?php
endif
;
?>
<img
src=
"
<?php
echo
$photo
[
'guid'
]
?
$photo
[
'guid'
]
:
'/wp-content/themes/biuro/i/member-placeholder.png'
;
?>
"
alt=
""
loading=
"lazy"
/>
</picture>
<p
class=
"c-jobs-manager--member-name"
>
<?php
echo
$member
->
field
(
'name'
);
?>
</p>
<p
class=
"c-jobs-manager--member-position"
>
<?php
echo
$member
->
field
(
'position'
);
?>
</p>
...
...
wp-content/themes/biuro/template-parts/teams/teams.php
View file @
ee9ef7a2
...
...
@@ -64,13 +64,7 @@
?>
<div
class=
"c-member"
>
<picture
class=
"c-member--photo"
>
<?php
if
(
$photo
[
'guid'
])
:
?>
<img
src=
"
<?php
echo
$photo
[
'guid'
];
?>
"
alt=
""
loading=
"lazy"
/>
<?php
endif
;
?>
<img
src=
"
<?php
echo
$photo
[
'guid'
]
?
$photo
[
'guid'
]
:
'/wp-content/themes/biuro/i/member-placeholder.png'
;
?>
"
alt=
"
<?php
echo
$member
->
name
;
?>
"
loading=
"lazy"
/>
</picture>
<h4
class=
"c-member--info c-member--name"
title=
"
<?php
echo
$member
->
name
;
?>
"
>
<?php
echo
$member
->
name
;
?>
</h4>
<div
class=
"c-member--info c-member--position"
title=
"
<?php
echo
$position
;
?>
"
>
<?php
echo
$position
;
?>
</div>
...
...
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
