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
0fd40bf7
Commit
0fd40bf7
authored
May 02, 2019
by
Simonas
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
released version
parent
aade4e9b
Changes
10
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
79 additions
and
14 deletions
+79
-14
README.md
README.md
+4
-3
biuro-contacts-public--employees--step-1.php
...lic/partials/biuro-contacts-public--employees--step-1.php
+1
-1
biuro-contacts-public--employers--step-1.php
...lic/partials/biuro-contacts-public--employers--step-1.php
+1
-1
_component--form.css
...ntent/themes/biuro/css/07-components/_component--form.css
+16
-0
_component--jobs.css
...ntent/themes/biuro/css/07-components/_component--jobs.css
+1
-1
core-d26cdaf59b.min.css
wp-content/themes/biuro/css/core-d26cdaf59b.min.css
+1
-1
footer.php
wp-content/themes/biuro/footer.php
+1
-1
header.php
wp-content/themes/biuro/header.php
+3
-3
main-eabfed8e.min.js
wp-content/themes/biuro/js/main-eabfed8e.min.js
+1
-1
main.js
wp-content/themes/biuro/js/main.js
+50
-2
No files found.
README.md
View file @
0fd40bf7
...
...
@@ -17,7 +17,7 @@
### DB backup
-
`C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysqldump -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro > docker/mariadb/data-004.sql`
-
`sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-01
2
.sql`
-
`sudo docker exec -i biuro-staging-mysql mysqldump -ustaging_user -p'qzl8pMNV^gZ&c1!7ebVsXqQh' --default-character-set=utf8 staging_biuro > docker/mariadb/data-01
3
.sql`
### DB restore
-
`C:\web\dev.biuro> docker exec -i dev-biuro-mysql mysql -udev_user -pY6V6bFkD6@GyD!wTShgFmWz! --default-character-set=utf8 dev_biuro < docker/mariadb/data-004.sql`
...
...
@@ -112,10 +112,10 @@ Can't share C drive
-
docker load --input ourdemo.tar
-
docker build -t biuro/web:0.0.2
1
.
-
docker build -t biuro/web:0.0.2
2
.
-
docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
-
sudo docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs
-
docker push biuro/web:0.0.2
1
-
docker push biuro/web:0.0.2
2
-
sudo chown -R www-data:www-data wordpress/wp-content/plugins
...
...
@@ -131,6 +131,7 @@ Can't share C drive
-
`sudo docker exec -it biuro-staging-mysql bash`
-
`sudo docker exec -it biuro-www-mysql bash`
-
`mysql -uroot -p'#w1ML4QfWaR*8dBYRL7aZJI$' --default-character-set=utf8`
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees--step-1.php
View file @
0fd40bf7
...
...
@@ -40,7 +40,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div
class=
"c-form--row"
>
<label
class=
"c-form--label"
for=
"form-name"
>
<?php
_e
(
'Name, surname'
,
'biuro-contacts'
);
?>
</label>
<div
class=
"c-form--input-wrap
<?php
if
(
$nameStatus
)
{
echo
"c-form--input-wrap--
$nameStatus
"
;
}
?>
"
>
<input
type=
"text"
class=
"c-form--input"
id=
"form-name"
name=
"name"
value=
"
<?php
echo
$nameValue
;
?>
"
<?php
if
(
$nameStatus
==
'error'
||
$phoneStatus
!=
'error'
&&
$agreeStatus
==
'error'
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
<input
type=
"text"
class=
"c-form--input"
id=
"form-name"
name=
"name"
value=
"
<?php
echo
$nameValue
;
?>
"
<?php
if
(
$nameStatus
==
'error'
||
$phoneStatus
!=
'error'
&&
$agreeStatus
==
'error'
||
isset
(
$_GET
[
'focus'
])
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
</div>
<?php
if
(
$nameMessage
)
:
?>
<div
class=
"c-form--validation c-form--validation-
<?php
echo
$nameStatus
;
?>
"
>
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employers--step-1.php
View file @
0fd40bf7
...
...
@@ -40,7 +40,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div
class=
"c-form--row"
>
<label
class=
"c-form--label"
for=
"form-name"
>
<?php
_e
(
'Name, surname'
,
'biuro-contacts'
);
?>
</label>
<div
class=
"c-form--input-wrap
<?php
if
(
$nameStatus
)
{
echo
"c-form--input-wrap--
$nameStatus
"
;
}
?>
"
>
<input
type=
"text"
class=
"c-form--input"
id=
"form-name"
name=
"name"
value=
"
<?php
echo
$nameValue
;
?>
"
<?php
if
(
$nameStatus
==
'error'
||
$phoneStatus
!=
'error'
&&
$agreeStatus
==
'error'
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
<input
type=
"text"
class=
"c-form--input"
id=
"form-name"
name=
"name"
value=
"
<?php
echo
$nameValue
;
?>
"
<?php
if
(
$nameStatus
==
'error'
||
$phoneStatus
!=
'error'
&&
$agreeStatus
==
'error'
||
isset
(
$_GET
[
'focus'
])
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
</div>
<?php
if
(
$nameMessage
)
:
?>
<div
class=
"c-form--validation c-form--validation-
<?php
echo
$nameStatus
;
?>
"
>
...
...
wp-content/themes/biuro/css/07-components/_component--form.css
View file @
0fd40bf7
...
...
@@ -11,6 +11,22 @@
}
}
.l-content--divisions
{
.c-form--employees
{
@media
(--max--medium)
{
padding
:
38px
35px
20px
;
}
}
}
.l-content--regions
{
.c-form--employers
{
@media
(--max--medium)
{
padding
:
38px
35px
20px
;
}
}
}
.c-form--position
{
padding
:
38px
35px
20px
;
border-radius
:
3px
;
background-color
:
#ffffff
;
@media
(--min--medium)
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6A7481
;
...
...
wp-content/themes/biuro/css/07-components/_component--jobs.css
View file @
0fd40bf7
...
...
@@ -9,7 +9,7 @@
.c-jobs--headline
{
min-height
:
29px
;
margin
:
0
0
25px
;
padding
:
20px
20px
0
;
color
:
#2A3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
@media
(--max--medium)
{
height
:
26px
;
font-size
:
18px
;
font-weight
:
500
;
line-height
:
26px
;
text-align
:
center
;
min-
height
:
26px
;
font-size
:
18px
;
font-weight
:
500
;
line-height
:
26px
;
text-align
:
center
;
}
}
...
...
wp-content/themes/biuro/css/core-
a1791931b8
.min.css
→
wp-content/themes/biuro/css/core-
d26cdaf59b
.min.css
View file @
0fd40bf7
: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
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
*,
:after
,
:before
{
-webkit-box-sizing
:
inherit
;
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
70px
}
h1
{
font-size
:
22px
;
line-height
:
29px
;
margin
:
0
0
22px
}
h1
,
h2
{
color
:
#2a3644
;
font-weight
:
500
}
h2
{
font-size
:
19px
;
line-height
:
25px
;
margin
:
0
0
19px
}
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
;
margin
:
0
0
16px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-header
{
height
:
70px
;
background
:
#fff
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
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-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-main
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
100%
;
flex
:
1
1
100%
}
.l-main--content
{
background-color
:
#fff
;
padding
:
40px
50px
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
600px
;
flex
:
1
1
600px
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
20px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
}
.l-nav--close
,
.l-nav--open
{
position
:
absolute
;
cursor
:
pointer
}
.l-nav--open
{
top
:
0
;
right
:
0
;
padding
:
24px
20px
}
.l-section
{
padding
:
20px
0
;
background
:
#111d1e
url(/wp-content/themes/biuro/i/search-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--front-page
{
background
:
url(/wp-content/themes/biuro/i/front-page.png)
no-repeat
50%
50%
;
background-size
:
cover
;
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--sales-page
{
background
:
url(/wp-content/themes/biuro/i/sales-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
max-width
:
1030px
;
margin
:
0
auto
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-btn--header
{
font-size
:
14px
;
font-weight
:
500
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-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-data-controller
{
margin-bottom
:
20px
;
padding
:
10px
0
;
text-align
:
center
;
font-size
:
13px
;
font-weight
:
300
;
line-height
:
19px
}
.c-data-controller
p
{
margin
:
0
0
10px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
border-radius
:
3px
;
background-color
:
#e8f0ff
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
30px
;
white-space
:
nowrap
;
text-decoration
:
none
;
cursor
:
pointer
}
.c-division
:hover
{
background-color
:
#dde6f5
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form--employees
,
.c-form--employers
{
padding
:
15px
15px
10px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
31px
-23px
#6a7481
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--position
{
padding
:
38px
35px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
-9999px
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-heading
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-jobs--headline
{
min-height
:
29px
;
margin
:
0
0
25px
;
padding
:
20px
20px
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
padding
:
12px
0
10px
;
text-decoration
:
none
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-search
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
60px
;
padding-top
:
10px
}
.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
10px
0
44px
;
margin
:
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.l-section--front-page
.c-search
{
-webkit-box-shadow
:
6px
10px
48px
0
#d4dbe4
;
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
-ms-flex
:
10
1
auto
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.c-values
{
background
:
linear-gradient
(
138.69deg
,
#4eacd9
,
#2fb8a1
);
color
:
#fff
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-hidden
{
display
:
none
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin
:
0
auto
140px
;
-webkit-box-shadow
:
0
1px
47px
0
#ecf5ff
;
box-shadow
:
0
1px
47px
0
#ecf5ff
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-aside
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
280px
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
400px
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
385px
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
100%
;
flex
:
1
1
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
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
}
.c-btn--header
{
margin-right
:
28px
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
40%
;
flex
:
1
1
40%
}
.c-data-controller
{
margin-bottom
:
35px
;
padding
:
15px
0
10px
;
line-height
:
1.1
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
-webkit-box-shadow
:
0
1px
31px
-23px
#6a7481
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-phone
{
margin-right
:
35px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
-ms-flex-pack
:
distribute
;
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}}
@media
(
max-width
:
59.999em
){
.l-content--position
{
background
:
#f6f9ff
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-nav--wrap
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-y
:
auto
;
opacity
:
.97
;
background-color
:
#1d2a3a
;
z-index
:
500
;
border
:
1px
solid
#000
;
overflow
:
hidden
;
text-align
:
center
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
244px
;
margin-bottom
:
120px
}
.c-btn--search
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
60px
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
{
max-width
:
440px
;
margin
:
0
auto
}
.c-divisions
{
margin-bottom
:
20px
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-jobs--headline
{
height
:
26px
;
font-size
:
18px
;
font-weight
:
500
;
line-height
:
26px
;
text-align
:
center
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-search
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
margin
:
0
20px
}
.c-search--col
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
60px
;
flex
:
0
0
60px
}
.c-search--col-keyword
,
.c-search--col-location
{
border-bottom
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
)}
.l-section--front-page
.c-search
,
.l-section--front-page
.c-search--input
{
margin
:
0
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}}
\ No newline at end of file
: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
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
*,
:after
,
:before
{
-webkit-box-sizing
:
inherit
;
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
70px
}
h1
{
font-size
:
22px
;
line-height
:
29px
;
margin
:
0
0
22px
}
h1
,
h2
{
color
:
#2a3644
;
font-weight
:
500
}
h2
{
font-size
:
19px
;
line-height
:
25px
;
margin
:
0
0
19px
}
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
;
margin
:
0
0
16px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-header
{
height
:
70px
;
background
:
#fff
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
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-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-main
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
100%
;
flex
:
1
1
100%
}
.l-main--content
{
background-color
:
#fff
;
padding
:
40px
50px
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
600px
;
flex
:
1
1
600px
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
20px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
}
.l-nav--close
,
.l-nav--open
{
position
:
absolute
;
cursor
:
pointer
}
.l-nav--open
{
top
:
0
;
right
:
0
;
padding
:
24px
20px
}
.l-section
{
padding
:
20px
0
;
background
:
#111d1e
url(/wp-content/themes/biuro/i/search-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--front-page
{
background
:
url(/wp-content/themes/biuro/i/front-page.png)
no-repeat
50%
50%
;
background-size
:
cover
;
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--sales-page
{
background
:
url(/wp-content/themes/biuro/i/sales-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
max-width
:
1030px
;
margin
:
0
auto
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-btn--header
{
font-size
:
14px
;
font-weight
:
500
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-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-data-controller
{
margin-bottom
:
20px
;
padding
:
10px
0
;
text-align
:
center
;
font-size
:
13px
;
font-weight
:
300
;
line-height
:
19px
}
.c-data-controller
p
{
margin
:
0
0
10px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
border-radius
:
3px
;
background-color
:
#e8f0ff
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
30px
;
white-space
:
nowrap
;
text-decoration
:
none
;
cursor
:
pointer
}
.c-division
:hover
{
background-color
:
#dde6f5
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form--employees
,
.c-form--employers
{
padding
:
15px
15px
10px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
31px
-23px
#6a7481
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--position
{
padding
:
38px
35px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
-9999px
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-heading
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-jobs--headline
{
min-height
:
29px
;
margin
:
0
0
25px
;
padding
:
20px
20px
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
padding
:
12px
0
10px
;
text-decoration
:
none
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-search
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
60px
;
padding-top
:
10px
}
.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
10px
0
44px
;
margin
:
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.l-section--front-page
.c-search
{
-webkit-box-shadow
:
6px
10px
48px
0
#d4dbe4
;
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
-ms-flex
:
10
1
auto
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.c-values
{
background
:
linear-gradient
(
138.69deg
,
#4eacd9
,
#2fb8a1
);
color
:
#fff
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-hidden
{
display
:
none
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin
:
0
auto
140px
;
-webkit-box-shadow
:
0
1px
47px
0
#ecf5ff
;
box-shadow
:
0
1px
47px
0
#ecf5ff
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-aside
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
280px
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
400px
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
385px
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
100%
;
flex
:
1
1
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
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
}
.c-btn--header
{
margin-right
:
28px
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
40%
;
flex
:
1
1
40%
}
.c-data-controller
{
margin-bottom
:
35px
;
padding
:
15px
0
10px
;
line-height
:
1.1
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
-webkit-box-shadow
:
0
1px
31px
-23px
#6a7481
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-phone
{
margin-right
:
35px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
-ms-flex-pack
:
distribute
;
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}}
@media
(
max-width
:
59.999em
){
.l-content--position
{
background
:
#f6f9ff
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-nav--wrap
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-y
:
auto
;
opacity
:
.97
;
background-color
:
#1d2a3a
;
z-index
:
500
;
border
:
1px
solid
#000
;
overflow
:
hidden
;
text-align
:
center
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
244px
;
margin-bottom
:
120px
}
.c-btn--search
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
60px
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
{
max-width
:
440px
;
margin
:
0
auto
}
.c-divisions
{
margin-bottom
:
20px
}
.l-content--divisions
.c-form--employees
,
.l-content--regions
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-jobs--headline
{
min-height
:
26px
;
font-size
:
18px
;
font-weight
:
500
;
line-height
:
26px
;
text-align
:
center
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-search
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
margin
:
0
20px
}
.c-search--col
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
60px
;
flex
:
0
0
60px
}
.c-search--col-keyword
,
.c-search--col-location
{
border-bottom
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
)}
.l-section--front-page
.c-search
,
.l-section--front-page
.c-search--input
{
margin
:
0
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}}
\ No newline at end of file
wp-content/themes/biuro/footer.php
View file @
0fd40bf7
...
...
@@ -79,7 +79,7 @@
'//www.googletagmanager.com/gtm.js?id='
+
i
+
dl
;
f
.
parentNode
.
insertBefore
(
j
,
f
);
})(
window
,
document
,
'script'
,
'dataLayer'
,
'GTM-THF42F'
);
</script>
<script
src=
"/wp-content/themes/biuro/js/main-
f94c9556
.min.js"
async
></script>
<script
src=
"/wp-content/themes/biuro/js/main-
eabfed8e
.min.js"
async
></script>
<?php
wp_footer
();
?>
</body>
</html>
wp-content/themes/biuro/header.php
View file @
0fd40bf7
...
...
@@ -32,7 +32,7 @@ define('cityID', $cityID);
?>
<link
href=
"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
rel=
"stylesheet"
>
<style>
<?php
include
'css/core-
a1791931b8
.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
d26cdaf59b
.min.css'
;
?>
</style>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/css/main-d091026dbb.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
...
...
@@ -143,7 +143,7 @@ global $post;
while
(
$contactsPage
->
have_posts
()
)
:
$contactsPage
->
the_post
();
?>
<a
href=
"
<?php
echo
get_the_permalink
();
?>
"
class=
"o-btn c-btn--main c-btn--header"
>
<?php
_e
(
'Get an offer'
,
'biuro'
);
?>
</a>
<a
href=
"
<?php
echo
get_the_permalink
();
?>
?focus=form
"
class=
"o-btn c-btn--main c-btn--header"
>
<?php
_e
(
'Get an offer'
,
'biuro'
);
?>
</a>
<?php
endwhile
;
wp_reset_query
();
...
...
@@ -161,7 +161,7 @@ global $post;
while
(
$contactsPage
->
have_posts
()
)
:
$contactsPage
->
the_post
();
?>
<a
href=
"
<?php
echo
get_the_permalink
();
?>
"
class=
"o-btn c-btn--main c-btn--header"
>
<?php
_e
(
'Get a job offer'
,
'biuro'
);
?>
</a>
<a
href=
"
<?php
echo
get_the_permalink
();
?>
?focus=form
"
class=
"o-btn c-btn--main c-btn--header"
>
<?php
_e
(
'Get a job offer'
,
'biuro'
);
?>
</a>
<?php
endwhile
;
wp_reset_query
();
...
...
wp-content/themes/biuro/js/main-
f94c9556
.min.js
→
wp-content/themes/biuro/js/main-
eabfed8e
.min.js
View file @
0fd40bf7
This source diff could not be displayed because it is too large. You can
view the blob
instead.
wp-content/themes/biuro/js/main.js
View file @
0fd40bf7
...
...
@@ -119,7 +119,7 @@ const mapStyles = [
}
];
function
setMarkers
(
map
,
positions
)
{
function
setMarkers
(
map
,
positions
,
focus
)
{
var
info
;
var
bounds
=
new
window
.
google
.
maps
.
LatLngBounds
();
...
...
@@ -151,6 +151,13 @@ function setMarkers (map, positions) {
info
.
open
(
map
,
this
);
});
}
if
(
focus
)
{
if
(
window
.
innerWidth
<
960
)
{
window
.
scrollTo
(
0
,
0
);
}
new
google
.
maps
.
event
.
trigger
(
marker
,
'click'
);
}
}
map
.
fitBounds
(
bounds
);
...
...
@@ -219,7 +226,7 @@ function initDivisionsMap (node, data) {
const
ID
=
(
node
&&
node
.
dataset
.
id
)
?
node
.
dataset
.
id
:
''
;
if
(
data
[
ID
])
{
setMarkers
(
map
,
data
[
ID
].
filter
((
d
)
=>
{
return
d
.
lat
&&
d
.
lng
;
}));
setMarkers
(
map
,
data
[
ID
].
filter
((
d
)
=>
{
return
d
.
lat
&&
d
.
lng
;
})
,
true
);
}
else
{
setMarkers
(
map
,
divisions
.
filter
((
d
)
=>
{
return
d
.
lat
&&
d
.
lng
;
}));
}
...
...
@@ -375,5 +382,46 @@ if (document.querySelector('.js-modal--close')) {
if
(
modal
)
{
modal
.
remove
();
}
if
(
document
.
querySelector
(
'[autofocus]'
))
{
document
.
querySelector
(
'[autofocus]'
).
focus
();
}
});
}
function
fallbackCopyTextToClipboard
(
text
)
{
var
textArea
=
document
.
createElement
(
'textarea'
);
textArea
.
value
=
text
;
document
.
body
.
appendChild
(
textArea
);
textArea
.
focus
();
textArea
.
select
();
try
{
var
successful
=
document
.
execCommand
(
'copy'
);
var
msg
=
successful
?
'successful'
:
'unsuccessful'
;
console
.
log
(
'Fallback: Copying text command was '
+
msg
);
}
catch
(
err
)
{
console
.
error
(
'Fallback: Oops, unable to copy'
,
err
);
}
document
.
body
.
removeChild
(
textArea
);
}
function
copyTextToClipboard
(
text
)
{
if
(
!
navigator
.
clipboard
)
{
fallbackCopyTextToClipboard
(
text
);
return
;
}
navigator
.
clipboard
.
writeText
(
text
).
then
(
function
()
{
},
function
(
err
)
{
console
.
error
(
'Async: Could not copy text: '
,
err
);
});
}
if
(
document
.
querySelector
(
'.js-copy-to-clipboard'
))
{
document
.
querySelector
(
'.js-copy-to-clipboard'
).
addEventListener
(
'click'
,
(
e
)
=>
{
e
.
preventDefault
();
copyTextToClipboard
(
window
.
location
);
});
}
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
