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
2e7c6bfb
Commit
2e7c6bfb
authored
Jul 01, 2019
by
Simon
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
release 1.5.2
parent
edbe6965
Changes
13
Show whitespace changes
Inline
Side-by-side
Showing
13 changed files
with
74 additions
and
26 deletions
+74
-26
README.md
README.md
+2
-2
package.json
package.json
+1
-1
biuro-contacts-public--employees.php
...acts/public/partials/biuro-contacts-public--employees.php
+13
-8
biuro-contacts-public--employers.php
...acts/public/partials/biuro-contacts-public--employers.php
+13
-8
biuro-contacts-public--position.php
...tacts/public/partials/biuro-contacts-public--position.php
+7
-2
_component--btn.css
...ontent/themes/biuro/css/07-components/_component--btn.css
+4
-0
core-5d2eb7bd1b.min.css
wp-content/themes/biuro/css/core-5d2eb7bd1b.min.css
+0
-1
core-d05ad11b51.min.css
wp-content/themes/biuro/css/core-d05ad11b51.min.css
+1
-0
footer.php
wp-content/themes/biuro/footer.php
+1
-1
header-langing.php
wp-content/themes/biuro/header-langing.php
+1
-1
header.php
wp-content/themes/biuro/header.php
+1
-1
main-ae0b33f0.min.js
wp-content/themes/biuro/js/main-ae0b33f0.min.js
+1
-1
main.js
wp-content/themes/biuro/js/main.js
+29
-0
No files found.
README.md
View file @
2e7c6bfb
...
...
@@ -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.5.
1
.`
(update version number)
-
build new image
`docker build -t biuro/web:1.5.
2
.`
(update version number)
-
login to biuro docker account
`docker login --username=biuro --password=9Ndtjd2vKsLvGuFOeFq1KdJs`
-
push image to docker repository -
`docker push biuro/web:1.5.
1
`
-
push image to docker repository -
`docker push biuro/web:1.5.
2
`
## Production
-
update biuro/web image version in .env file (staging or www)
...
...
package.json
View file @
2e7c6bfb
{
"name"
:
"biuro"
,
"version"
:
"1.5.
1
"
,
"version"
:
"1.5.
2
"
,
"description"
:
"Biuro WP theme"
,
"scripts"
:
{
"dev"
:
"gulp --require @babel/register --gulpfile tasks"
,
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employees.php
View file @
2e7c6bfb
...
...
@@ -48,17 +48,22 @@ if ( ! defined( 'WPINC' ) ) die;
<?php
wp_nonce_field
(
'employees_post_nonce'
);
?>
<input
type=
"hidden"
id=
"g-recaptcha-response"
name=
"captcha"
>
<script
src=
"https://www.google.com/recaptcha/api.js?onload=onload
Rec
aptcha&render=6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu"
async
defer
></script>
<script
src=
"https://www.google.com/recaptcha/api.js?onload=onload
C
aptcha&render=6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu"
async
defer
></script>
<script>
var
onloadRecaptcha
=
function
()
{
function
onloadCaptcha
()
{
window
.
grecaptcha
.
ready
(
function
()
{
window
.
grecaptcha
.
execute
(
'6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu'
,
{
action
:
'employees'
}).
then
(
function
(
token
)
{
execCaptcha
();
setInterval
(
execCaptcha
,
90000
);
});
}
function
execCaptcha
()
{
var
no
=
Math
.
floor
(
Math
.
random
()
*
999999
)
+
100000
;
window
.
grecaptcha
.
execute
(
'6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu'
,
{
action
:
'employees/'
+
no
}).
then
(
function
(
token
)
{
if
(
document
.
getElementById
(
'g-recaptcha-response'
))
{
document
.
getElementById
(
'g-recaptcha-response'
).
value
=
token
;
}
});
});
};
}
</script>
</form>
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--employers.php
View file @
2e7c6bfb
...
...
@@ -47,17 +47,22 @@ if ( ! defined( 'WPINC' ) ) die;
<?php
wp_nonce_field
(
'employers_post_nonce'
);
?>
<input
type=
"hidden"
id=
"g-recaptcha-response"
name=
"captcha"
>
<script
src=
"https://www.google.com/recaptcha/api.js?onload=onload
Rec
aptcha&render=6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu"
async
defer
></script>
<script
src=
"https://www.google.com/recaptcha/api.js?onload=onload
C
aptcha&render=6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu"
async
defer
></script>
<script>
var
onloadRecaptcha
=
function
()
{
function
onloadCaptcha
()
{
window
.
grecaptcha
.
ready
(
function
()
{
window
.
grecaptcha
.
execute
(
'6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu'
,
{
action
:
'employers'
}).
then
(
function
(
token
)
{
execCaptcha
();
setInterval
(
execCaptcha
,
90000
);
});
}
function
execCaptcha
()
{
var
no
=
Math
.
floor
(
Math
.
random
()
*
999999
)
+
100000
;
window
.
grecaptcha
.
execute
(
'6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu'
,
{
action
:
'employers/'
+
no
}).
then
(
function
(
token
)
{
if
(
document
.
getElementById
(
'g-recaptcha-response'
))
{
document
.
getElementById
(
'g-recaptcha-response'
).
value
=
token
;
}
});
});
};
}
</script>
</form>
...
...
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--position.php
View file @
2e7c6bfb
...
...
@@ -53,13 +53,18 @@ if ( ! defined( 'WPINC' ) ) die;
<input
type=
"hidden"
id=
"g-recaptcha-response"
name=
"captcha"
>
<script
src=
"https://www.google.com/recaptcha/api.js?render=6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu"
></script>
<script>
window
.
grecaptcha
.
ready
(
function
()
{
window
.
grecaptcha
.
execute
(
'6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu'
,
{
action
:
'position/
<?php
echo
$job_id
;
?>
'
}).
then
(
function
(
token
)
{
function
execCaptcha
()
{
var
no
=
Math
.
floor
(
Math
.
random
()
*
999999
)
+
100000
;
window
.
grecaptcha
.
execute
(
'6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu'
,
{
action
:
'position/
<?php
echo
$job_id
;
?>
/'
+
no
}).
then
(
function
(
token
)
{
if
(
document
.
getElementById
(
'g-recaptcha-response'
))
{
document
.
getElementById
(
'g-recaptcha-response'
).
value
=
token
;
}
});
}
window
.
grecaptcha
.
ready
(
function
()
{
execCaptcha
();
});
setInterval
(
execCaptcha
,
90000
);
</script>
<?php
endif
;
...
...
wp-content/themes/biuro/css/07-components/_component--btn.css
View file @
2e7c6bfb
...
...
@@ -12,6 +12,10 @@
&:hover
{
background
:
var
(
--color--green-darker
);
}
}
.c-btn--disabled
{
background
:
#868f98
;
outline
:
none
;
pointer-events
:
none
;
user-select
:
none
;
&:hover
{
background
:
#868f98
;
cursor
:
not-allowed
;
}
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
;
&:hover
{
background
:
#ff501d
}
}
...
...
wp-content/themes/biuro/css/core-5d2eb7bd1b.min.css
deleted
100644 → 0
View file @
edbe6965
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-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-body--langing
{
padding-top
:
0
!important
}
.l-body--langing
.u-fill--logo
{
fill
:
#fff
!important
}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner--header
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-align-items
:
center
;
align-items
:
center
}
.l-header
{
background
:
#fff
;
position
:
fixed
}
.l-header
,
.l-header--langing
{
height
:
70px
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-header--langing
{
position
:
absolute
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
20px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-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-aside--close
{
position
:
fixed
;
top
:
0
;
right
:
265px
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
-webkit-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
}
.l-section--search-page
{
background-color
:
#111d1e
}
.l-section--vdb
{
background-color
:
#086335
}
.l-section--front-page
{
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
,
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
100%
;
max-width
:
1030px
;
margin
:
0
auto
}
.l-section--landing-1
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
flex-end
;
align-items
:
flex-end
;
padding
:
0
!important
;
background-color
:
#515e70
;
height
:
240px
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
;
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--vdb
{
color
:
#fff
;
background
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-btn--filter
{
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
26px
;
text-align
:
center
;
background
:
#fff
;
border-radius
:
3px
;
padding
:
6px
15px
6px
12px
}
.c-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
20px
0
}
.c-contact--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact--content
h3
{
margin
:
0
0
15px
;
font-size
:
25px
;
color
:
#2a3644
;
font-weight
:
500
}
.c-contact--content
p
{
margin
:
0
0
20px
}
.c-contact--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact--form
{
max-width
:
420px
}
.c-contact-landing-1
{
padding
:
10px
0
}
.c-contact-landing-1--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-1--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-1--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-1--img
{
margin-top
:
40px
}
.c-contact-landing-1--form
{
max-width
:
420px
}
.c-divisions
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-flex
:
0
0
auto
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
background-color
:
#e8f0ff
;
line-height
:
30px
;
white-space
:
nowrap
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-section
:first-child
{
-webkit-flex
:
5
0
15%
;
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
-webkit-flex
:
1
0
15%
;
flex
:
1
0
15%
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form
{
position
:
relative
}
.c-form--action
{
position
:
absolute
;
top
:
-88px
;
left
:
-9999px
;
width
:
1px
}
.c-form--action-position
{
top
:
-58px
}
.c-form--employees
,
.c-form--employers
{
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--employees
,
.c-form--employers
,
.c-form--position
{
padding
:
28px
20px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input
{
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--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-flex
;
display
:
flex
;
position
:
relative
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-form--label-infobox
,
.c-form--label-recaptcha
{
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-heading
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-heading--landing-1
h1
{
max-width
:
230px
;
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
;
padding
:
0
20px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-ico--filter
{
float
:
left
;
margin
:
3px
15px
0
3px
}
.c-ico--time
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
}
.c-job--title
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.c-job--content
{
line-height
:
25px
;
color
:
#2a3644
}
.c-job--content
h3
{
color
:
#069980
;
font-size
:
19px
;
font-weight
:
700
;
margin
:
0
0
3px
;
padding
:
0
}
.c-job--content
h3
:nth-child
(
n
+
1
)
{
margin-top
:
30px
}
.c-job--content
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job--content
li
:before
{
content
:
""
;
display
:
inline-block
;
width
:
14px
;
height
:
8px
;
margin
:
0
5px
1px
0
;
background
:
url(/wp-content/themes/biuro/i/ico--job-arrow.svg)
}
.c-job--action
{
padding
:
30px
0
}
.c-job-contacts
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job-contacts
li
{
line-height
:
28px
}
.c-job-contacts
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.c-job-contacts
a
:hover
{
text-decoration
:
underline
}
.c-jobs--table
{
margin
:
0
0
20px
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#868c93
;
padding
:
10px
15px
}
.c-jobs--anchor
{
display
:
block
;
padding
:
4px
0
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--more
{
margin-bottom
:
50px
}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
}
.c-jobs-section--heading
{
margin
:
0
0
15px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-flex
;
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
;
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-flex
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-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-flex
;
display
:
flex
;
-webkit-flex-direction
:
column
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
57px
;
padding-top
:
10px
;
overflow-x
:
hidden
;
max-height
:
350px
;
overflow-y
:
auto
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-radius
:
3px
3px
0
0
}
.c-search--input
{
border
:
0
;
padding
:
0
0
0
44px
;
margin
:
0
40px
0
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.c-search--filters
{
padding
:
10px
;
text-align
:
right
}
.l-section--front-page
.c-search
{
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-search--reset
{
display
:
none
}
.c-search--ico-clear
{
padding
:
13px
18px
13px
17px
}
.c-search--ico-clear
,
.c-search--ico-toggle
{
position
:
absolute
;
top
:
50%
;
right
:
0
;
cursor
:
pointer
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.c-search--ico-toggle
{
padding
:
18px
16px
;
color
:
#b8bcc1
}
.c-search--ico-toggle
.c-ico--down
{
display
:
block
}
.c-search--ico-toggle
.c-ico--up
,
.c-search--ico-toggle.is-open
.c-ico--down
{
display
:
none
}
.c-search--ico-toggle.is-open
.c-ico--up
{
display
:
block
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-align-items
:
center
;
align-items
:
center
;
padding
:
20px
}
.c-sections--item
{
position
:
relative
;
height
:
211px
;
margin-bottom
:
30px
}
.c-services
{
padding
:
20px
}
.c-services--item
{
position
:
relative
;
height
:
245px
}
.c-services--toggle
{
display
:
none
}
.c-share
{
margin-bottom
:
30px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.c-share--option
{
height
:
36px
;
-webkit-flex
:
0
0
50px
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
;
text-decoration
:
none
;
-webkit-align-items
:
center
;
align-items
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-facebook
:hover
{
background-color
:
#2f4f90
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-messenger
:hover
{
background-color
:
#1b6fcc
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-email
:hover
{
background-color
:
#000
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-copy
:hover
{
background-color
:
#5c5c5c
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-share--option-phone
:hover
{
background-color
:
#1baf52
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-align-items
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-flex
:
10
1
auto
;
flex
:
10
1
auto
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
;
-webkit-align-items
:
center
;
align-items
:
center
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.c-values--section
{
max-width
:
250px
}
.c-values--heading
{
min-height
:
34px
;
font-size
:
35px
;
line-height
:
41px
}
.c-vdb--top
{
min-height
:
68px
;
background
:
#02bf5f
;
padding
:
14px
0
}
.c-vdb--top-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
center
;
align-items
:
center
}
.c-vdb--top-img
{
-webkit-flex
:
0
0
39px
;
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
color
:
#fff
;
margin
:
0
;
padding
:
0
10px
0
0
;
font-size
:
18px
;
line-height
:
25px
}
.c-vdb--section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-vdb--section-bottom
{
max-width
:
360px
;
margin
:
0
auto
20px
;
border
:
20px
solid
#f8f8f8
}
.c-vdb--section-img
{
display
:
block
;
margin
:
0
auto
15px
}
.c-vdb--section-heading
{
font-size
:
21px
;
font-weight
:
500
;
line-height
:
27px
}
.c-vdb--section-content
{
line-height
:
23px
}
.c-vdb--bottom
{
min-height
:
68px
;
background
:
#4b5561
url(/wp-content/themes/biuro/i/vdb/bottom.png)
no-repeat
50%
50%
;
background-size
:
cover
;
padding
:
46px
0
}
.c-vdb--bottom-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.c-vdb--bottom-heading
{
margin
:
0
38px
0
0
;
padding
:
0
;
color
:
#fff
;
font-size
:
36px
;
line-height
:
42px
;
font-weight
:
500
}
.c-vdb--bottom-content
{
color
:
#fff
;
margin
:
0
;
padding
:
0
;
line-height
:
23px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-fill--logo
{
fill
:
#149a83
}
.u-hidden
{
display
:
none
}
.visually-hidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-flex
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-flex
;
display
:
flex
;
margin
:
0
auto
140px
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-flex
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-aside
{
-webkit-flex
:
0
0
280px
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-flex
:
0
0
400px
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-flex
:
0
0
385px
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-aside--close
{
display
:
none
}
.l-main--content
{
padding
:
40px
50px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-flex
:
1
1
100%
;
flex
:
1
1
100%
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-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
}
.l-section--landing-1
{
height
:
348px
}
.c-btn--header
{
margin-right
:
28px
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-flex
:
1
1
40%
;
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
-webkit-flex
:
1
1
40%
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
-webkit-flex
:
1
1
40%
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
;
margin
:
0
33px
}
.c-footer-sections
{
display
:
-webkit-flex
;
display
:
flex
}
.c-footer-section
{
-webkit-flex
:
10
0
15%
;
flex
:
10
0
15%
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-heading--landing-1
h1
{
max-width
:
500px
;
font-size
:
31px
;
line-height
:
45px
}
.c-heading--landing-1
{
padding-left
:
110px
}
.c-job--title
{
font-size
:
30px
;
line-height
:
39px
;
margin
:
0
0
40px
}
.c-jobs--col
{
border-bottom
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
var
(
--color--gray-light
)}
.c-jobs--more
{
margin-bottom
:
70px
}
.c-nav--main-item
{
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
}
.c-nav--main-anchor
{
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
)}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
}
.c-phone
{
margin-right
:
35px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--filters
{
display
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-sections
{
padding
:
50px
20px
135px
}
.c-sections--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-sections--item
{
-webkit-flex
:
0
0
300px
;
flex
:
0
0
300px
}
.c-services
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-align-items
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-services--item
{
-webkit-flex
:
0
0
253px
;
flex
:
0
0
253px
}
.c-trust--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
-webkit-justify-content
:
space-around
;
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
-webkit-flex
:
0
0
40%
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
min-height
:
66px
;
font-size
:
45px
;
line-height
:
53px
}
.c-vdb--section-bottom
{
display
:
none
}}
@media
(
max-width
:
59.999em
){
.l-inner--header
{
-webkit-align-items
:
flex-start
;
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--main
{
padding
:
10px
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-aside--search
{
display
:
none
;
position
:
fixed
;
top
:
0
;
right
:
0
;
width
:
310px
;
padding-left
:
40px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
right
:
0
;
bottom
:
0
;
background
:
#fff
}
.l-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-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-align-items
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
-webkit-flex
:
0
0
60px
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
,
.c-contact-landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-divisions
{
margin-bottom
:
20px
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-heading--landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-job-contacts
{
padding-bottom
:
40px
;
margin
:
0
10px
}
.c-job-contacts
li
{
padding
:
7px
0
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-nav--main-item
:first-child
{
text-align
:
left
}
.c-nav--main-item
:first-child
.c-nav--sub
{
left
:
0
;
right
:
auto
}
.c-nav--main-item
{
position
:
relative
;
-webkit-flex
:
0
0
auto
;
flex
:
0
0
auto
;
text-align
:
right
}
.c-nav--lang-wrap
{
position
:
absolute
;
top
:
20px
;
left
:
20px
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-search
{
-webkit-flex-direction
:
column
;
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
-webkit-flex-direction
:
row
;
flex-direction
:
row
;
margin
:
0
10px
;
border-radius
:
3px
}
.l-section--search-page
.c-search--col-location
{
display
:
none
}
.l-section--search-page
.c-search--col-keyword
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
border-radius
:
3px
0
0
3px
}
.l-section--search-page
.c-search--btn-text
{
display
:
none
}
.l-section--search-page
.c-btn--search-small
{
min-width
:
35px
;
margin
:
5px
;
padding
:
9px
7px
8px
8px
}
.l-section--search-page
.c-search--input
{
height
:
45px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
-webkit-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-search--reset
{
position
:
relative
;
display
:
block
;
padding-top
:
20px
;
text-align
:
center
}
.c-sections--item
{
max-width
:
380px
;
margin
:
0
auto
30px
}
.c-services--item
{
max-width
:
380px
;
margin
:
0
auto
20px
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}
.c-vdb--top-img
{
margin-right
:
18px
}
.c-vdb--top-content
{
font-size
:
16px
;
line-height
:
19px
}
.c-vdb--section-aside
{
display
:
none
}
.c-vdb--bottom-heading
{
margin
:
0
18px
0
0
}}
\ No newline at end of file
wp-content/themes/biuro/css/core-d05ad11b51.min.css
0 → 100644
View file @
2e7c6bfb
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-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-body--langing
{
padding-top
:
0
!important
}
.l-body--langing
.u-fill--logo
{
fill
:
#fff
!important
}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner--header
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-align-items
:
center
;
align-items
:
center
}
.l-header
{
background
:
#fff
;
position
:
fixed
}
.l-header
,
.l-header--langing
{
height
:
70px
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-header--langing
{
position
:
absolute
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
20px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-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-aside--close
{
position
:
fixed
;
top
:
0
;
right
:
265px
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
-webkit-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
}
.l-section--search-page
{
background-color
:
#111d1e
}
.l-section--vdb
{
background-color
:
#086335
}
.l-section--front-page
{
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
,
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
100%
;
max-width
:
1030px
;
margin
:
0
auto
}
.l-section--landing-1
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
flex-end
;
align-items
:
flex-end
;
padding
:
0
!important
;
background-color
:
#515e70
;
height
:
240px
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
;
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--disabled
{
background
:
#868f98
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
background
:
#868f98
;
cursor
:
not-allowed
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-btn--filter
{
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
26px
;
text-align
:
center
;
background
:
#fff
;
border-radius
:
3px
;
padding
:
6px
15px
6px
12px
}
.c-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
20px
0
}
.c-contact--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact--content
h3
{
margin
:
0
0
15px
;
font-size
:
25px
;
color
:
#2a3644
;
font-weight
:
500
}
.c-contact--content
p
{
margin
:
0
0
20px
}
.c-contact--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact--form
{
max-width
:
420px
}
.c-contact-landing-1
{
padding
:
10px
0
}
.c-contact-landing-1--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-1--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-1--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-1--img
{
margin-top
:
40px
}
.c-contact-landing-1--form
{
max-width
:
420px
}
.c-divisions
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-flex
:
0
0
auto
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
background-color
:
#e8f0ff
;
line-height
:
30px
;
white-space
:
nowrap
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-section
:first-child
{
-webkit-flex
:
5
0
15%
;
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
-webkit-flex
:
1
0
15%
;
flex
:
1
0
15%
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form
{
position
:
relative
}
.c-form--action
{
position
:
absolute
;
top
:
-88px
;
left
:
-9999px
;
width
:
1px
}
.c-form--action-position
{
top
:
-58px
}
.c-form--employees
,
.c-form--employers
{
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--employees
,
.c-form--employers
,
.c-form--position
{
padding
:
28px
20px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input
{
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--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-flex
;
display
:
flex
;
position
:
relative
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-form--label-infobox
,
.c-form--label-recaptcha
{
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-heading
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-heading--landing-1
h1
{
max-width
:
230px
;
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
;
padding
:
0
20px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-ico--filter
{
float
:
left
;
margin
:
3px
15px
0
3px
}
.c-ico--time
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
}
.c-job--title
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.c-job--content
{
line-height
:
25px
;
color
:
#2a3644
}
.c-job--content
h3
{
color
:
#069980
;
font-size
:
19px
;
font-weight
:
700
;
margin
:
0
0
3px
;
padding
:
0
}
.c-job--content
h3
:nth-child
(
n
+
1
)
{
margin-top
:
30px
}
.c-job--content
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job--content
li
:before
{
content
:
""
;
display
:
inline-block
;
width
:
14px
;
height
:
8px
;
margin
:
0
5px
1px
0
;
background
:
url(/wp-content/themes/biuro/i/ico--job-arrow.svg)
}
.c-job--action
{
padding
:
30px
0
}
.c-job-contacts
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job-contacts
li
{
line-height
:
28px
}
.c-job-contacts
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.c-job-contacts
a
:hover
{
text-decoration
:
underline
}
.c-jobs--table
{
margin
:
0
0
20px
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#868c93
;
padding
:
10px
15px
}
.c-jobs--anchor
{
display
:
block
;
padding
:
4px
0
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--more
{
margin-bottom
:
50px
}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
}
.c-jobs-section--heading
{
margin
:
0
0
15px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-flex
;
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
;
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-flex
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-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-flex
;
display
:
flex
;
-webkit-flex-direction
:
column
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
57px
;
padding-top
:
10px
;
overflow-x
:
hidden
;
max-height
:
350px
;
overflow-y
:
auto
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-radius
:
3px
3px
0
0
}
.c-search--input
{
border
:
0
;
padding
:
0
0
0
44px
;
margin
:
0
40px
0
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.c-search--filters
{
padding
:
10px
;
text-align
:
right
}
.l-section--front-page
.c-search
{
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-search--reset
{
display
:
none
}
.c-search--ico-clear
{
padding
:
13px
18px
13px
17px
}
.c-search--ico-clear
,
.c-search--ico-toggle
{
position
:
absolute
;
top
:
50%
;
right
:
0
;
cursor
:
pointer
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.c-search--ico-toggle
{
padding
:
18px
16px
;
color
:
#b8bcc1
}
.c-search--ico-toggle
.c-ico--down
{
display
:
block
}
.c-search--ico-toggle
.c-ico--up
,
.c-search--ico-toggle.is-open
.c-ico--down
{
display
:
none
}
.c-search--ico-toggle.is-open
.c-ico--up
{
display
:
block
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-align-items
:
center
;
align-items
:
center
;
padding
:
20px
}
.c-sections--item
{
position
:
relative
;
height
:
211px
;
margin-bottom
:
30px
}
.c-services
{
padding
:
20px
}
.c-services--item
{
position
:
relative
;
height
:
245px
}
.c-services--toggle
{
display
:
none
}
.c-share
{
margin-bottom
:
30px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.c-share--option
{
height
:
36px
;
-webkit-flex
:
0
0
50px
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
;
text-decoration
:
none
;
-webkit-align-items
:
center
;
align-items
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-facebook
:hover
{
background-color
:
#2f4f90
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-messenger
:hover
{
background-color
:
#1b6fcc
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-email
:hover
{
background-color
:
#000
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-copy
:hover
{
background-color
:
#5c5c5c
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-share--option-phone
:hover
{
background-color
:
#1baf52
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-align-items
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-flex
:
10
1
auto
;
flex
:
10
1
auto
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
;
-webkit-align-items
:
center
;
align-items
:
center
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.c-values--section
{
max-width
:
250px
}
.c-values--heading
{
min-height
:
34px
;
font-size
:
35px
;
line-height
:
41px
}
.c-vdb--top
{
min-height
:
68px
;
background
:
#02bf5f
;
padding
:
14px
0
}
.c-vdb--top-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
center
;
align-items
:
center
}
.c-vdb--top-img
{
-webkit-flex
:
0
0
39px
;
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
color
:
#fff
;
margin
:
0
;
padding
:
0
10px
0
0
;
font-size
:
18px
;
line-height
:
25px
}
.c-vdb--section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-vdb--section-bottom
{
max-width
:
360px
;
margin
:
0
auto
20px
;
border
:
20px
solid
#f8f8f8
}
.c-vdb--section-img
{
display
:
block
;
margin
:
0
auto
15px
}
.c-vdb--section-heading
{
font-size
:
21px
;
font-weight
:
500
;
line-height
:
27px
}
.c-vdb--section-content
{
line-height
:
23px
}
.c-vdb--bottom
{
min-height
:
68px
;
background
:
#4b5561
url(/wp-content/themes/biuro/i/vdb/bottom.png)
no-repeat
50%
50%
;
background-size
:
cover
;
padding
:
46px
0
}
.c-vdb--bottom-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
center
;
align-items
:
center
;
-webkit-justify-content
:
center
;
justify-content
:
center
}
.c-vdb--bottom-heading
{
margin
:
0
38px
0
0
;
padding
:
0
;
color
:
#fff
;
font-size
:
36px
;
line-height
:
42px
;
font-weight
:
500
}
.c-vdb--bottom-content
{
color
:
#fff
;
margin
:
0
;
padding
:
0
;
line-height
:
23px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-fill--logo
{
fill
:
#149a83
}
.u-hidden
{
display
:
none
}
.visually-hidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-flex
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-flex
;
display
:
flex
;
margin
:
0
auto
140px
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-flex
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-aside
{
-webkit-flex
:
0
0
280px
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-flex
:
0
0
400px
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-flex
:
0
0
385px
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-aside--close
{
display
:
none
}
.l-main--content
{
padding
:
40px
50px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-flex
:
1
1
100%
;
flex
:
1
1
100%
;
display
:
-webkit-flex
;
display
:
flex
;
-webkit-align-items
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-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
}
.l-section--landing-1
{
height
:
348px
}
.c-btn--header
{
margin-right
:
28px
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-flex
:
1
1
40%
;
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
-webkit-flex
:
1
1
40%
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
-webkit-flex
:
1
1
40%
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
;
margin
:
0
33px
}
.c-footer-sections
{
display
:
-webkit-flex
;
display
:
flex
}
.c-footer-section
{
-webkit-flex
:
10
0
15%
;
flex
:
10
0
15%
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-heading--landing-1
h1
{
max-width
:
500px
;
font-size
:
31px
;
line-height
:
45px
}
.c-heading--landing-1
{
padding-left
:
110px
}
.c-job--title
{
font-size
:
30px
;
line-height
:
39px
;
margin
:
0
0
40px
}
.c-jobs--col
{
border-bottom
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
var
(
--color--gray-light
)}
.c-jobs--more
{
margin-bottom
:
70px
}
.c-nav--main-item
{
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
}
.c-nav--main-anchor
{
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
)}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
}
.c-phone
{
margin-right
:
35px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--filters
{
display
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-sections
{
padding
:
50px
20px
135px
}
.c-sections--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-sections--item
{
-webkit-flex
:
0
0
300px
;
flex
:
0
0
300px
}
.c-services
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-align-items
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-services--item
{
-webkit-flex
:
0
0
253px
;
flex
:
0
0
253px
}
.c-trust--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
-webkit-justify-content
:
space-around
;
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-flex
;
display
:
flex
;
-webkit-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
-webkit-flex
:
0
0
40%
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
min-height
:
66px
;
font-size
:
45px
;
line-height
:
53px
}
.c-vdb--section-bottom
{
display
:
none
}}
@media
(
max-width
:
59.999em
){
.l-inner--header
{
-webkit-align-items
:
flex-start
;
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--main
{
padding
:
10px
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-aside--search
{
display
:
none
;
position
:
fixed
;
top
:
0
;
right
:
0
;
width
:
310px
;
padding-left
:
40px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
right
:
0
;
bottom
:
0
;
background
:
#fff
}
.l-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-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-align-items
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
-webkit-flex
:
0
0
60px
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
,
.c-contact-landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-divisions
{
margin-bottom
:
20px
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-heading--landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-job-contacts
{
padding-bottom
:
40px
;
margin
:
0
10px
}
.c-job-contacts
li
{
padding
:
7px
0
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-justify-content
:
space-between
;
justify-content
:
space-between
}
.c-nav--main-item
:first-child
{
text-align
:
left
}
.c-nav--main-item
:first-child
.c-nav--sub
{
left
:
0
;
right
:
auto
}
.c-nav--main-item
{
position
:
relative
;
-webkit-flex
:
0
0
auto
;
flex
:
0
0
auto
;
text-align
:
right
}
.c-nav--lang-wrap
{
position
:
absolute
;
top
:
20px
;
left
:
20px
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-search
{
-webkit-flex-direction
:
column
;
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
-webkit-flex-direction
:
row
;
flex-direction
:
row
;
margin
:
0
10px
;
border-radius
:
3px
}
.l-section--search-page
.c-search--col-location
{
display
:
none
}
.l-section--search-page
.c-search--col-keyword
{
-webkit-flex
:
1
1
auto
;
flex
:
1
1
auto
;
border-radius
:
3px
0
0
3px
}
.l-section--search-page
.c-search--btn-text
{
display
:
none
}
.l-section--search-page
.c-btn--search-small
{
min-width
:
35px
;
margin
:
5px
;
padding
:
9px
7px
8px
8px
}
.l-section--search-page
.c-search--input
{
height
:
45px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
-webkit-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-search--reset
{
position
:
relative
;
display
:
block
;
padding-top
:
20px
;
text-align
:
center
}
.c-sections--item
{
max-width
:
380px
;
margin
:
0
auto
30px
}
.c-services--item
{
max-width
:
380px
;
margin
:
0
auto
20px
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}
.c-vdb--top-img
{
margin-right
:
18px
}
.c-vdb--top-content
{
font-size
:
16px
;
line-height
:
19px
}
.c-vdb--section-aside
{
display
:
none
}
.c-vdb--bottom-heading
{
margin
:
0
18px
0
0
}}
\ No newline at end of file
wp-content/themes/biuro/footer.php
View file @
2e7c6bfb
...
...
@@ -91,7 +91,7 @@
<?php
endif
;
?>
<script
src=
"/wp-content/themes/biuro/js/main-
ce5a40c4
.min.js"
async
></script>
<script
src=
"/wp-content/themes/biuro/js/main-
ae0b33f0
.min.js"
async
></script>
<?php
// global $time_start;
...
...
wp-content/themes/biuro/header-langing.php
View file @
2e7c6bfb
...
...
@@ -31,7 +31,7 @@
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2"
crossorigin=
"anonymous"
>
<style>
<?php
include
'css/core-
5d2eb7bd1b
.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
d05ad11b51
.min.css'
;
?>
</style>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2"
crossorigin=
"anonymous"
>
...
...
wp-content/themes/biuro/header.php
View file @
2e7c6bfb
...
...
@@ -31,7 +31,7 @@
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-500.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-regular.woff2"
crossorigin=
"anonymous"
>
<style>
<?php
include
'css/core-
5d2eb7bd1b
.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
d05ad11b51
.min.css'
;
?>
</style>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-300.woff2"
crossorigin=
"anonymous"
>
<link
rel=
"preload"
as=
"font"
type=
"font/woff2"
href=
"/wp-content/themes/biuro/fonts/roboto-v19-cyrillic_latin_cyrillic-ext_latin-ext-700.woff2"
crossorigin=
"anonymous"
>
...
...
wp-content/themes/biuro/js/main-
ce5a40c4
.min.js
→
wp-content/themes/biuro/js/main-
ae0b33f0
.min.js
View file @
2e7c6bfb
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 @
2e7c6bfb
...
...
@@ -149,6 +149,25 @@ if (window.NodeList && !NodeList.prototype.forEach) {
NodeList
.
prototype
.
forEach
=
Array
.
prototype
.
forEach
;
}
(
function
(
arr
)
{
arr
.
forEach
(
function
(
item
)
{
if
(
item
.
hasOwnProperty
(
'remove'
))
{
return
;
}
Object
.
defineProperty
(
item
,
'remove'
,
{
configurable
:
true
,
enumerable
:
true
,
writable
:
true
,
value
:
function
remove
()
{
if
(
this
.
parentNode
===
null
)
{
return
;
}
this
.
parentNode
.
removeChild
(
this
);
}
});
});
})([
Element
.
prototype
,
CharacterData
.
prototype
,
DocumentType
.
prototype
]);
(
global
=>
{
const
container
=
document
.
getElementById
(
'cookie-warning'
);
const
btnAgree
=
document
.
getElementById
(
'cookie-agree'
);
...
...
@@ -556,3 +575,13 @@ if (document.querySelector('.js-copy-to-clipboard')) {
// if (document.querySelectorAll('.c-feedbacks--inner').length) {
// feedbacks();
// }
const
submitContactsFrom
=
(
form
)
=>
{
if
(
form
.
querySelector
(
'[type="submit"]'
))
{
form
.
querySelector
(
'[type="submit"]'
).
classList
.
add
(
'c-btn--disabled'
);
}
};
document
.
querySelectorAll
(
'[name="form-position"], [name="form-employees"], [name="form-employers"]'
).
forEach
((
form
)
=>
{
form
.
addEventListener
(
'submit'
,
()
=>
{
submitContactsFrom
(
form
);
});
});
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