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
3c2eccfe
Commit
3c2eccfe
authored
Sep 25, 2019
by
Simonas
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
release 1.9.0
parent
13466be3
Changes
10
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
35 additions
and
114 deletions
+35
-114
biuro-contacts-public--recommend.php
...acts/public/partials/biuro-contacts-public--recommend.php
+9
-101
_component--form.css
...ntent/themes/biuro/css/07-components/_component--form.css
+2
-2
_component--heading.css
...nt/themes/biuro/css/07-components/_component--heading.css
+1
-1
_component--recommend-friend.css
.../biuro/css/07-components/_component--recommend-friend.css
+1
-5
core-367835942f.min.css
wp-content/themes/biuro/css/core-367835942f.min.css
+1
-0
footer.php
wp-content/themes/biuro/footer.php
+2
-2
header-langing.php
wp-content/themes/biuro/header-langing.php
+1
-1
header.php
wp-content/themes/biuro/header.php
+1
-1
main-2471b05e.min.js
wp-content/themes/biuro/js/main-2471b05e.min.js
+1
-1
main.js
wp-content/themes/biuro/js/main.js
+16
-0
No files found.
wp-content/plugins/biuro-contacts/public/partials/biuro-contacts-public--recommend.php
View file @
3c2eccfe
...
...
@@ -66,14 +66,6 @@ if ( ! defined( 'WPINC' ) ) die;
<form
name=
"form-recommend"
action=
"
<?php
echo
esc_url
(
admin_url
(
'admin-post.php'
)
);
?>
"
method=
"post"
enctype=
"multipart/form-data"
class=
"c-form c-form--recommend"
>
<div
id=
"action"
class=
"c-form--action"
></div>
<?php
if
(
isset
(
$_SESSION
[
'recommend--s'
])
&&
$_SESSION
[
'recommend--s'
]
==
1
)
:
?>
<div
class=
"c-form--success c-form--success-recommend"
>
<?php
_e
(
'Thank You for your recommendation!'
,
'biuro-contacts'
);
?>
<br>
<?php
_e
(
'Your recommendation was send successfully, we will contact Your friend'
,
'biuro-contacts'
);
?>
</div>
<?php
endif
;
?>
<div
class=
"c-form--cols"
>
<div
class=
"c-form--col c-form--col--about"
>
...
...
@@ -84,7 +76,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div
class=
"c-form--row"
>
<label
class=
"c-form--label"
for=
"form-name"
>
<?php
_e
(
'Your 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'
||
!
$nameValue
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
<input
type=
"text"
class=
"c-form--input"
id=
"form-name"
name=
"name"
value=
"
<?php
echo
$nameValue
;
?>
"
<?php
if
(
$nameStatus
==
'error'
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
</div>
<?php
if
(
$nameMessage
)
:
?>
<div
class=
"c-form--validation-fixed c-form--validation-
<?php
echo
$nameStatus
;
?>
"
>
...
...
@@ -150,7 +142,7 @@ if ( ! defined( 'WPINC' ) ) die;
<div
class=
"c-form--row"
>
<label
class=
"c-form--label"
for=
"recommend-form-name"
>
<?php
_e
(
'Friend Name, surname'
,
'biuro-contacts'
);
?>
</label>
<div
class=
"c-form--input-wrap
<?php
if
(
$recommendNameStatus
)
{
echo
"c-form--input-wrap--
$recommendNameStatus
"
;
}
?>
"
>
<input
type=
"text"
class=
"c-form--input"
id=
"recommend-form-name"
name=
"recommend_name"
value=
"
<?php
echo
$recommendNameValue
;
?>
"
<?php
if
(
$recommendNameStatus
==
'error'
||
!
$recommendNameValue
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
<input
type=
"text"
class=
"c-form--input"
id=
"recommend-form-name"
name=
"recommend_name"
value=
"
<?php
echo
$recommendNameValue
;
?>
"
<?php
if
(
$recommendNameStatus
==
'error'
)
:
?>
autofocus=
"autofocus"
<?php
endif
;
?>
>
</div>
<?php
if
(
$recommendNameMessage
)
:
?>
<div
class=
"c-form--validation-fixed c-form--validation-
<?php
echo
$recommendNameStatus
;
?>
"
>
...
...
@@ -264,109 +256,25 @@ function execCaptcha () {
</form>
<?php
if
(
$_SESSION
[
'recommend--s'
]
==
1
)
{
?>
<script>
window
.
dataLayer
=
window
.
dataLayer
||
[];
window
.
dataLayer
.
push
({
event
:
'b2c_form_submit_success_validated'
,
label
:
'Recommend page'
});
</script>
<?php
unset
(
$_SESSION
[
'recommend--s'
]);
}
?>
<?php
/*
<?php if (isset($_SESSION['employers--s']) && $_SESSION['employers--s'] == 1) : ?>
<div class="c-form--success">
<?php _e('Thank You for contacting!', 'biuro-contacts'); ?>
<br>
<?php _e('You request was send successfully, we will contact You.', 'biuro-contacts'); ?>
</div>
<?php endif; ?>
<?php
if ( isset($_SESSION['employers--captcha-status']) && $_SESSION['employers--captcha-status'] == 'error' ):
?>
<div class="c-form--validation-fixed c-form--validation-error">
<?php _e('Sorry, something went wrong. Please try again', 'biuro-contacts'); ?>
</div>
<?php
unset($_SESSION['employers--captcha-status']);
endif;
?>
<?php
if ( !$_SESSION['employers--step'] ):
include_once('biuro-contacts-public--employers--step-1.php');
else:
include_once('biuro-contacts-public--employers--step-2.php');
endif;
?>
<input type="hidden" name="action" value="employers_post">
<?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=onloadCaptcha&render=6Lc76qoUAAAAALk0aYR500zOZVG1BicNl3GTb-Hu" async defer></script>
<script>
function onloadCaptcha () {
window.grecaptcha.ready(function () {
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>
<?php if($_SESSION['employers--s'] == 1) {
?>
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({ event: 'b2b_form_submit_success_validated' });
</script>
<?php
unset($_SESSION['employers--s']);
}?>
<?php if($_SESSION['employers--s'] == 2) {
?>
<?php
if
(
isset
(
$_SESSION
[
'recommend--s'
])
&&
$_SESSION
[
'recommend--s'
]
==
1
)
:
?>
<div
class=
"c-modal"
>
<div
class=
"c-modal--inner"
>
<svg
width=
"67px"
height=
"67px"
>
<use
xlink:href=
"#ico--success"
></use>
</svg>
<p><?php _e('Thank You! The information has been successfully supplemented.', 'biuro-contacts'); ?></p>
<p>
<?php
_e
(
'Thank You for your recommendation!'
,
'biuro-contacts'
);
?>
</p>
<p>
<?php
_e
(
'Your recommendation was send successfully, we will contact Your friend'
,
'biuro-contacts'
);
?>
</p>
<p><button
class=
"js-modal--close o-btn c-btn--main"
>
<?php
_e
(
'OK'
,
'biuro-contacts'
);
?>
</button></p>
</div>
</div>
<script>
window
.
dataLayer
=
window
.
dataLayer
||
[];
window.dataLayer.push({ event: 'b2
b_form_update_success_validated
' });
window
.
dataLayer
.
push
({
event
:
'b2
c_form_submit_success_validated'
,
label
:
'Recommend page
'
});
</script>
<?php
unset($_SESSION['employers--s']);
}?>
unset
(
$_SESSION
[
'recommend--s'
]);
endif
;
?>
*/
?>
wp-content/themes/biuro/css/07-components/_component--form.css
View file @
3c2eccfe
...
...
@@ -56,11 +56,11 @@
}
}
.c-form--success-recommend
{
margin
:
0
-15px
;
/*
.c-form--success-recommend { margin: 0 -15px;
@media (--min--medium) {
margin: 0 -33px;
}
}
}
*/
.c-form--headline
{
text-transform
:
uppercase
;
margin-bottom
:
20px
;
font-weight
:
500
;
font-size
:
18px
;
@media
(--min--medium)
{
...
...
wp-content/themes/biuro/css/07-components/_component--heading.css
View file @
3c2eccfe
...
...
@@ -57,7 +57,7 @@
max-width
:
500px
;
font-size
:
32px
;
line-height
:
56px
;
padding
:
0
20px
;
}
span
{
display
:
inline-block
;
background
:
blue
;
font-weight
:
bold
;
padding
:
3px
10px
1px
;
border-radius
:
6px
;
display
:
inline-block
;
background
:
#004ed4
;
font-weight
:
bold
;
padding
:
3px
10px
1px
;
border-radius
:
6px
;
}
}
}
...
...
wp-content/themes/biuro/css/07-components/_component--recommend-friend.css
View file @
3c2eccfe
...
...
@@ -22,11 +22,7 @@
flex
:
1
1
40%
;
max-width
:
500px
;
line-height
:
29px
;
}
img
{
max-width
:
100%
;
height
:
auto
;
}
span
{
overflow
:
hidden
;
line-height
:
24px
;
/* @media (--min--medium) {
line-height: 28px;
}*/
}
span
{
display
:
block
;
line-height
:
22px
;
overflow
:
hidden
;
}
}
/*.c-recommend-friend--img { margin-top: 40px; }*/
...
...
wp-content/themes/biuro/css/core-
c92308d5e
f.min.css
→
wp-content/themes/biuro/css/core-
367835942
f.min.css
View file @
3c2eccfe
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
70px
}
h1
{
font-size
:
22px
;
line-height
:
29px
;
margin
:
0
0
22px
}
h1
,
h2
{
color
:
#2a3644
;
font-weight
:
500
}
h2
{
font-size
:
19px
;
line-height
:
25px
;
margin
:
0
0
19px
}
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
;
margin
:
0
0
16px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-body--langing
{
padding-top
:
0
!important
}
.l-body--langing
.u-fill--logo
{
fill
:
#fff
!important
}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner--header
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-header
{
background
:
#fff
;
position
:
fixed
}
.l-header
,
.l-header--langing
{
height
:
70px
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-header--langing
{
position
:
absolute
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
20px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--main
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--main
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--main
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-content--divisions
,
.l-content--regions
{
width
:
100%
;
max-width
:
1040px
;
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
40px
}
.l-content--faq
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--faq
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--faq
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--faq
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-content--membership
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--membership
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-aside--close
{
position
:
fixed
;
top
:
0
;
right
:
265px
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
1
;
flex
:
1
1
600px
}
.l-main--position
{
overflow
:
hidden
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
20px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
}
.l-nav--close
,
.l-nav--open
{
position
:
absolute
;
cursor
:
pointer
}
.l-nav--open
{
top
:
0
;
right
:
0
;
padding
:
24px
20px
}
.l-section
{
padding
:
20px
0
}
.l-section--search-page
{
background-color
:
#111d1e
}
.l-section--vdb
{
background-color
:
#086335
}
.l-section--front-page
{
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
,
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
100%
;
max-width
:
1030px
;
margin
:
0
auto
}
.l-section--inner-extended
{
width
:
100%
;
max-width
:
1170px
;
margin
:
0
auto
}
.l-section--landing-1
{
background-color
:
#515e70
}
.l-section--landing-1
,
.l-section--recommend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
end
;
align-items
:
flex-end
;
padding
:
0
!important
;
height
:
240px
}
.l-section--recommend
{
background-color
:
#3eb0b1
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
}
.c-breadcrumbs
,
.o-nav
{
padding
:
0
;
list-style
:
none
}
.c-breadcrumbs
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
-5px
0
10px
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-breadcrumbs
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-breadcrumbs
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-breadcrumbs
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-breadcrumbs
a
:hover
{
text-decoration
:
underline
}
.c-btn--header
{
font-size
:
14px
;
font-weight
:
500
}
.c-btn--footer
{
display
:
block
;
text-align
:
center
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--disabled
{
background
:
#868f98
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
background
:
#868f98
;
cursor
:
not-allowed
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--max-fill
{
width
:
100%
;
max-width
:
320px
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-btn--filter
{
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
26px
;
text-align
:
center
;
background
:
#fff
;
border-radius
:
3px
;
padding
:
6px
15px
6px
12px
}
.c-categories
{
display
:
-webkit-box
;
display
:
flex
;
list-style
:
none
;
margin
:
-5px
0
0
;
padding
:
0
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-categories
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-categories
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-categories
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-categories
a
:hover
{
text-decoration
:
underline
}
.c-categories--sep
{
padding
:
0
7px
}
.c-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
20px
0
}
.c-contact--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact--content
h3
{
margin
:
0
0
15px
;
font-size
:
25px
;
color
:
#2a3644
;
font-weight
:
500
}
.c-contact--content
p
{
margin
:
0
0
20px
}
.c-contact--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact--form
{
max-width
:
420px
}
.c-contact-landing-1
{
padding
:
10px
0
}
.c-contact-landing-1--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-1--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-1--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-1--img
{
margin-top
:
40px
}
.c-contact-landing-1--form
{
max-width
:
420px
}
.c-contact-landing-2
{
padding
:
90px
0
0
;
background
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg)
no-repeat
0
0
;
background-size
:
cover
}
@supports
(
background-image
:
-webkit-image-set
(
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
1
x
)){
.c-contact-landing-2
{
background-image
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
}}
.c-contact-landing-2--content
{
max-width
:
440px
;
color
:
#fff
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
25px
20px
20px
}
.c-contact-landing-2--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-2--content
h1
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
23px
;
line-height
:
32px
;
margin
:
0
0
20px
}
.c-contact-landing-2--content
p
{
font-size
:
15px
;
line-height
:
25px
}
.c-contact-landing-2--content
p
span
{
display
:
block
;
overflow
:
hidden
}
.c-contact-landing-2--img
{
margin
:
40px
0
0
45px
;
max-width
:
300px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
background-color
:
#e8f0ff
;
line-height
:
30px
;
white-space
:
nowrap
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-action
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-footer-section
:first-child
{
-webkit-box-flex
:
5
;
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
-webkit-box-flex
:
1
;
flex
:
1
0
15%
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form
{
position
:
relative
}
.c-form--action
{
position
:
absolute
;
top
:
-88px
;
left
:
-9999px
;
width
:
1px
}
.c-form--action-position
{
top
:
-58px
}
.c-form--employees
,
.c-form--employers
{
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--employees
,
.c-form--employers
,
.c-form--position
{
padding
:
28px
20px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--recommend
{
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
;
padding
:
0
15px
20px
}
.c-form--cols
{
margin
:
0
-15px
}
.c-form--col
{
-webkit-box-flex
:
1
;
flex
:
1
1
50%
;
padding
:
25px
15px
0
}
.c-form--col--about
{
background
:
linear-gradient
(
180deg
,
#a1fff0
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--col--about-friend
{
background
:
linear-gradient
(
180deg
,
#cfe1fc
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--success
{
margin
:
-28px
-20px
20px
;
padding
:
28px
20px
20px
;
border-radius
:
3px
3px
0
0
;
text-align
:
center
;
color
:
#27b199
;
font-style
:
18px
;
line-height
:
25px
;
background
:
#e5fdf9
;
font-weight
:
500
}
.c-form--success-recommend
{
margin
:
0
-15px
}
.c-form--headline
{
text-transform
:
uppercase
;
margin-bottom
:
20px
;
font-weight
:
500
;
font-size
:
18px
}
.c-form--headline--about
{
color
:
#14b399
}
.c-form--headline--about-friend
{
color
:
#004ed7
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input-file-wrap
{
position
:
relative
;
overflow
:
hidden
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--input-file
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
cursor
:
pointer
;
z-index
:
10
;
opacity
:
0
}
.c-form--input-file
:hover
+
button
{
background
:
#1fb299
;
background
:
var
(
--color--green
);
color
:
#fff
}
.c-form--input-file-btn
{
width
:
100%
;
padding
:
10px
10px
6px
;
background-color
:
#f0f0f0
;
border
:
1px
solid
#f0f0f0
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
;
text-align
:
center
}
.c-form--input-file-text
{
display
:
inline-block
;
max-width
:
200px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-form--label-infobox
,
.c-form--label-recaptcha
{
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-heading
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-heading--landing-1
h1
{
max-width
:
230px
;
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
;
padding
:
0
20px
}
.c-heading--recommend-friend
h1
{
max-width
:
420px
;
color
:
#fff
;
font-size
:
26px
;
line-height
:
37px
;
padding
:
0
20px
20px
}
.c-heading--recommend-friend
h1
span
{
display
:
inline-block
;
background
:
#00f
;
font-weight
:
700
;
padding
:
3px
10px
1px
;
border-radius
:
6px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-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--phone-recommend
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-ico--filter
{
float
:
left
;
margin
:
3px
15px
0
3px
}
.c-ico--time
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
}
.c-ico--pen
{
float
:
left
;
margin
:
5px
21px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
}
.c-ico--edit
{
float
:
left
;
margin
:
0
13px
0
1px
}
.c-ico--euro
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
.5
}
.c-job--title
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.c-job--content
{
line-height
:
25px
;
color
:
#2a3644
}
.c-job--content
h3
{
color
:
#069980
;
font-size
:
19px
;
font-weight
:
700
;
margin
:
0
0
3px
;
padding
:
0
}
.c-job--content
h3
:nth-child
(
n
+
1
)
{
margin-top
:
30px
}
.c-job--content
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job--content
li
:before
{
content
:
""
;
display
:
inline-block
;
width
:
14px
;
height
:
8px
;
margin
:
0
5px
1px
0
;
background
:
url(/wp-content/themes/biuro/i/ico--job-arrow.svg)
}
.c-job--action
{
padding
:
30px
0
}
.c-job-contacts
{
margin
:
0
0
30px
}
.c-job-contacts
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job-contacts
li
{
line-height
:
28px
}
.c-job-contacts
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.c-job-contacts
a
:hover
{
text-decoration
:
underline
}
.c-jobs--table
{
margin
:
0
0
20px
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#868c93
;
padding
:
10px
15px
}
.c-jobs--anchor
{
display
:
block
;
padding
:
4px
0
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--more
{
margin-bottom
:
50px
}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
}
.c-jobs-section--heading
{
margin
:
0
0
15px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-nav--main-item
{
position
:
relative
;
z-index
:
500
}
.c-nav--main-anchor
{
display
:
block
;
padding
:
5px
0
4px
;
font-weight
:
500
;
color
:
#fff
;
text-decoration
:
none
}
.c-nav--lang-wrap
{
width
:
74px
;
height
:
32px
}
.c-nav--lang-item
{
padding
:
6px
0
}
.c-nav--lang-item
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
padding
:
12px
0
10px
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-recommend-friend
{
padding
:
10px
0
}
.c-recommend-friend--inner
{
max-width
:
1170px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-recommend-friend--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
22px
;
padding
:
15px
0
20px
}
.c-recommend-friend--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-recommend-friend--content
span
{
overflow
:
hidden
;
line-height
:
24px
}
.c-recommend-friend--form
{
max-width
:
604px
}
.c-search
{
display
:
-webkit-box
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
57px
;
padding-top
:
10px
;
overflow-x
:
hidden
;
max-height
:
350px
;
overflow-y
:
auto
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-radius
:
3px
3px
0
0
}
.c-search--input
{
border
:
0
;
padding
:
0
0
0
44px
;
margin
:
0
40px
0
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.c-search--filters
{
padding
:
10px
;
text-align
:
right
}
.l-section--front-page
.c-search
{
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-search--reset
{
display
:
none
}
.c-search--ico-clear
{
padding
:
13px
18px
13px
17px
}
.c-search--ico-clear
,
.c-search--ico-toggle
{
position
:
absolute
;
top
:
50%
;
right
:
0
;
cursor
:
pointer
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.c-search--ico-toggle
{
padding
:
18px
16px
;
color
:
#b8bcc1
}
.c-search--ico-toggle
.c-ico--down
{
display
:
block
}
.c-search--ico-toggle
.c-ico--up
,
.c-search--ico-toggle.is-open
.c-ico--down
{
display
:
none
}
.c-search--ico-toggle.is-open
.c-ico--up
{
display
:
block
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
20px
}
.c-sections--item
{
position
:
relative
;
height
:
211px
;
margin-bottom
:
30px
}
.c-services
{
padding
:
20px
}
.c-services--item
{
position
:
relative
;
height
:
245px
}
.c-services--toggle
{
display
:
none
}
.c-share
{
margin-bottom
:
20px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--options
{
flex-wrap
:
wrap
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-share--option
{
position
:
relative
;
height
:
36px
;
-webkit-box-flex
:
0
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
10px
;
text-decoration
:
none
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-facebook
:hover
{
background-color
:
#2f4f90
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-messenger
:hover
{
background-color
:
#1b6fcc
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-email
:hover
{
background-color
:
#000
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-copy
:hover
{
background-color
:
#5c5c5c
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-share--option-phone
:hover
{
background-color
:
#1baf52
}
.c-tooltip
{
position
:
absolute
;
pointer-events
:
none
;
opacity
:
0
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.c-values--section
{
max-width
:
250px
}
.c-values--heading
{
min-height
:
34px
;
font-size
:
35px
;
line-height
:
41px
}
.c-vdb--top
{
min-height
:
68px
;
background
:
#02bf5f
;
padding
:
14px
0
}
.c-vdb--top-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-vdb--top-img
{
-webkit-box-flex
:
0
;
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
color
:
#fff
;
margin
:
0
;
padding
:
0
10px
0
0
;
font-size
:
18px
;
line-height
:
25px
}
.c-vdb--section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-vdb--section-bottom
{
max-width
:
360px
;
margin
:
0
auto
20px
;
border
:
20px
solid
#f8f8f8
}
.c-vdb--section-img
{
display
:
block
;
margin
:
0
auto
15px
}
.c-vdb--section-heading
{
font-size
:
21px
;
font-weight
:
500
;
line-height
:
27px
}
.c-vdb--section-content
{
line-height
:
23px
}
.c-vdb--bottom
{
min-height
:
68px
;
background
:
#4b5561
url(/wp-content/themes/biuro/i/vdb/bottom.png)
no-repeat
50%
50%
;
background-size
:
cover
;
padding
:
46px
0
}
.c-vdb--bottom-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-vdb--bottom-heading
{
margin
:
0
38px
0
0
;
padding
:
0
;
color
:
#fff
;
font-size
:
36px
;
line-height
:
42px
;
font-weight
:
500
}
.c-vdb--bottom-content
{
color
:
#fff
;
margin
:
0
;
padding
:
0
;
line-height
:
23px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-fill--logo
{
fill
:
#149a83
}
.u-hidden
{
display
:
none
}
.visually-hidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-box
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
140px
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-content--faq
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--faq
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--faq
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--membership
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-aside
{
-webkit-box-flex
:
0
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-aside--close
{
display
:
none
}
.l-main--content
{
padding
:
40px
50px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-box-flex
:
1
;
flex
:
1
1
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-nav--close
,
.l-nav--open
{
display
:
none
}
.l-section
{
padding
:
30px
0
}
.l-section--front-page
{
height
:
380px
;
margin-bottom
:
92px
}
.l-section--sales-page
{
height
:
380px
}
.l-section--landing-1
{
height
:
348px
}
.l-section--recommend
{
height
:
355px
}
.c-breadcrumbs
{
margin
:
-40px
0
0
;
height
:
40px
}
.c-btn--header
{
margin-right
:
28px
}
.c-categories
{
margin
:
-20px
0
0
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-contact-landing-2
{
padding
:
195px
0
50px
}
.c-contact-landing-2--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
max-width
:
940px
;
margin
:
0
auto
;
border-radius
:
3px
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
56px
40px
0
}
.c-contact-landing-2--content
h1
{
margin
:
0
0
35px
;
font-size
:
29px
;
line-height
:
46px
}
.c-contact-landing-2--content
p
{
font-size
:
16px
}
.c-contact-landing-2--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
420px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
;
margin
:
0
33px
}
.c-footer-action
{
display
:
none
}
.c-footer-sections
{
display
:
-webkit-box
;
display
:
flex
}
.c-footer-section
{
-webkit-box-flex
:
10
;
flex
:
10
0
15%
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--recommend
{
padding
:
0
33px
20px
}
.c-form--cols
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
-33px
}
.c-form--col--about
,
.c-form--col--about-friend
{
padding
:
42px
24px
0
33px
}
.c-form--success
{
margin
:
-38px
-35px
20px
;
padding
:
28px
35px
20px
}
.c-form--success-recommend
{
margin
:
0
-33px
}
.c-form--headline
{
margin-bottom
:
30px
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-heading--landing-1
h1
{
max-width
:
500px
;
font-size
:
31px
;
line-height
:
45px
}
.c-heading--landing-1
{
padding-left
:
110px
}
.c-heading--recommend-friend
h1
{
max-width
:
500px
;
font-size
:
32px
;
line-height
:
56px
;
padding
:
0
20px
}
.c-job--title
{
font-size
:
30px
;
line-height
:
39px
;
margin
:
0
0
40px
}
.c-jobs--col
{
border-bottom
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
var
(
--color--gray-light
)}
.c-jobs--more
{
margin-bottom
:
70px
}
.c-nav--main-item
{
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
}
.c-nav--main-anchor
{
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
)}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
}
.c-phone
{
margin-right
:
35px
}
.c-recommend-friend
{
padding
:
30px
0
40px
}
.c-recommend-friend--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-recommend-friend--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
line-height
:
29px
}
.c-recommend-friend--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--filters
{
display
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-sections
{
padding
:
50px
20px
135px
}
.c-sections--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-sections--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
300px
}
.c-services
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-services--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
253px
}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
-webkit-box-flex
:
0
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
min-height
:
66px
;
font-size
:
45px
;
line-height
:
53px
}
.c-vdb--section-bottom
{
display
:
none
}}
@media
(
max-width
:
59.999em
){
.l-inner--header
{
-webkit-box-align
:
start
;
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--faq
,
.l-content--main
,
.l-content--membership
{
padding
:
10px
}
.l-aside--position
{
padding-bottom
:
50px
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-aside--search
{
display
:
none
;
position
:
fixed
;
top
:
0
;
right
:
0
;
width
:
310px
;
padding-left
:
40px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
right
:
0
;
bottom
:
0
;
background
:
#fff
}
.l-footer
{
padding-bottom
:
30px
}
.l-nav--wrap
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-y
:
auto
;
opacity
:
.97
;
background-color
:
#1d2a3a
;
z-index
:
500
;
border
:
1px
solid
#000
;
overflow
:
hidden
;
text-align
:
center
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
,
.c-contact-landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-contact-landing-2
{
margin
:
0
auto
}
.c-contact-landing-2--inner
{
padding
:
0
10px
}
.c-contact-landing-2--content
{
margin
:
0
auto
;
border-radius
:
3px
3px
0
0
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--img
{
display
:
none
}
.c-contact-landing-2--form
{
background
:
linear-gradient
(
45.94deg
,
#fff
,
#cbe2ec
);
margin
:
0
-10px
;
padding
:
0
10px
10px
}
.c-contact-landing-2--form
.c-form--employees
{
margin
:
0
auto
;
max-width
:
440px
;
border-radius
:
0
0
3px
3px
}
.c-divisions
{
margin-bottom
:
20px
}
.c-form--row-sticky
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
margin
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-heading--landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-heading--recommend-friend
h1
{
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-job-contacts
{
margin
:
0
10px
30px
}
.c-job-contacts
li
{
padding
:
7px
0
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-nav--main-item
:first-child
{
text-align
:
left
}
.c-nav--main-item
:first-child
.c-nav--sub
{
left
:
0
;
right
:
auto
}
.c-nav--main-item
{
position
:
relative
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
text-align
:
right
}
.c-nav--lang-wrap
{
position
:
absolute
;
top
:
20px
;
left
:
20px
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-recommend-friend
{
max-width
:
440px
;
margin
:
0
auto
}
.c-search
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
margin
:
0
10px
;
border-radius
:
3px
}
.l-section--search-page
.c-search--col-location
{
display
:
none
}
.l-section--search-page
.c-search--col-keyword
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
border-radius
:
3px
0
0
3px
}
.l-section--search-page
.c-search--btn-text
{
display
:
none
}
.l-section--search-page
.c-btn--search-small
{
min-width
:
35px
;
margin
:
5px
;
padding
:
9px
7px
8px
8px
}
.l-section--search-page
.c-search--input
{
height
:
45px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
}
.c-search--col-keyword
,
.c-search--col-location
{
border-bottom
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
)}
.l-section--front-page
.c-search
,
.l-section--front-page
.c-search--input
{
margin
:
0
}
.c-search--reset
{
position
:
relative
;
display
:
block
;
padding-top
:
20px
;
text-align
:
center
}
.c-sections--item
{
max-width
:
380px
;
margin
:
0
auto
30px
}
.c-services--item
{
max-width
:
380px
;
margin
:
0
auto
20px
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}
.c-vdb--top-img
{
margin-right
:
18px
}
.c-vdb--top-content
{
font-size
:
16px
;
line-height
:
19px
}
.c-vdb--section-aside
{
display
:
none
}
.c-vdb--bottom-heading
{
margin
:
0
18px
0
0
}}
@media
(
max-width
:
19.999em
){
.c-contact-landing-2
{
background-size
:
cover
!important
}}
@media
(
max-width
:
37.499em
){
.c-contact-landing-2
{
background-size
:
250%
}}
\ No newline at end of file
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
box-sizing
:
border-box
}
*,
:after
,
:before
{
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
14px
;
line-height
:
19px
;
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
70px
}
h1
{
font-size
:
22px
;
line-height
:
29px
;
margin
:
0
0
22px
}
h1
,
h2
{
color
:
#2a3644
;
font-weight
:
500
}
h2
{
font-size
:
19px
;
line-height
:
25px
;
margin
:
0
0
19px
}
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
;
margin
:
0
0
16px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-body--langing
{
padding-top
:
0
!important
}
.l-body--langing
.u-fill--logo
{
fill
:
#fff
!important
}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-inner--header
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-header
{
background
:
#fff
;
position
:
fixed
}
.l-header
,
.l-header--langing
{
height
:
70px
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-header--langing
{
position
:
absolute
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
}
.l-content--position
{
position
:
relative
;
padding
:
10px
10px
0
}
.l-content--position
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
0
;
height
:
244px
;
width
:
100%
;
background
:
linear-gradient
(
358.45deg
,
#3c7e9e
,
#1fb299
)}
.l-content--position-inner
{
position
:
relative
;
max-width
:
970px
;
margin
:
0
auto
;
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.l-content--position-inner
.l-main
{
padding
:
20px
}
.l-content--heading
{
display
:
block
;
padding-top
:
20px
;
padding-bottom
:
15px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--main
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--main
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--main
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-content--divisions
,
.l-content--regions
{
width
:
100%
;
max-width
:
1040px
;
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
40px
}
.l-content--faq
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--faq
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-content--faq
h2
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
19px
;
line-height
:
25px
}
.l-content--faq
h3
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
16px
;
line-height
:
20px
}
.l-content--membership
{
width
:
100%
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--membership
h1
{
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.l-aside--position
{
background-color
:
#f6f9ff
}
.l-aside--divisions
,
.l-aside--regions
{
z-index
:
50
}
.l-aside--close
{
position
:
fixed
;
top
:
0
;
right
:
265px
;
padding
:
14px
17px
;
cursor
:
pointer
}
.l-main
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-main--content
{
background-color
:
#fff
;
padding
:
30px
20px
}
.l-main--content
img
{
max-width
:
100%
;
height
:
auto
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
1
;
flex
:
1
1
600px
}
.l-main--position
{
overflow
:
hidden
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
20px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-nav--close
{
top
:
10px
;
right
:
10px
;
padding
:
20px
}
.l-nav--close
,
.l-nav--open
{
position
:
absolute
;
cursor
:
pointer
}
.l-nav--open
{
top
:
0
;
right
:
0
;
padding
:
24px
20px
}
.l-section
{
padding
:
20px
0
}
.l-section--search-page
{
background-color
:
#111d1e
}
.l-section--vdb
{
background-color
:
#086335
}
.l-section--front-page
{
margin-bottom
:
2px
}
.l-section--front-page
.l-section--inner
,
.l-section--sales-page
.l-section--inner
{
max-width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
100%
;
max-width
:
1030px
;
margin
:
0
auto
}
.l-section--inner-extended
{
width
:
100%
;
max-width
:
1170px
;
margin
:
0
auto
}
.l-section--landing-1
{
background-color
:
#515e70
}
.l-section--landing-1
,
.l-section--recommend
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
end
;
align-items
:
flex-end
;
padding
:
0
!important
;
height
:
240px
}
.l-section--recommend
{
background-color
:
#3eb0b1
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
}
.c-breadcrumbs
,
.o-nav
{
padding
:
0
;
list-style
:
none
}
.c-breadcrumbs
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
-5px
0
10px
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-breadcrumbs
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-breadcrumbs
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-breadcrumbs
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-breadcrumbs
a
:hover
{
text-decoration
:
underline
}
.c-btn--header
{
font-size
:
14px
;
font-weight
:
500
}
.c-btn--footer
{
display
:
block
;
text-align
:
center
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--disabled
{
background
:
#868f98
;
outline
:
none
;
pointer-events
:
none
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
-ms-user-select
:
none
;
user-select
:
none
}
.c-btn--disabled
:hover
{
background
:
#868f98
;
cursor
:
not-allowed
}
.c-btn--vdb
{
color
:
#fff
;
background
:
#ff7046
}
.c-btn--vdb
:hover
{
background
:
#ff501d
}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--alt
:hover
{
background-color
:
#dde6f5
}
.c-btn--fill
{
width
:
100%
}
.c-btn--max-fill
{
width
:
100%
;
max-width
:
320px
}
.c-btn--search
{
min-width
:
180px
;
border-radius
:
0
3px
3px
0
;
text-align
:
center
}
.c-btn--search-small
{
margin
:
9px
;
min-width
:
133px
;
text-align
:
center
}
.c-btn--slim
{
color
:
#14a28a
;
background
:
none
;
font-weight
:
500
;
text-align
:
center
;
border
:
2px
solid
#1fb299
;
border-radius
:
3px
}
.c-btn--slim
:hover
{
border-color
:
#149a83
;
border-color
:
var
(
--color--green-darker
);
background-color
:
#149a83
;
background-color
:
var
(
--color--green-darker
);
color
:
#fff
}
.c-btn--filter
{
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
26px
;
text-align
:
center
;
background
:
#fff
;
border-radius
:
3px
;
padding
:
6px
15px
6px
12px
}
.c-categories
{
display
:
-webkit-box
;
display
:
flex
;
list-style
:
none
;
margin
:
-5px
0
0
;
padding
:
0
;
width
:
100%
;
font-size
:
13px
;
height
:
20px
;
color
:
#868c93
;
overflow
:
hidden
}
.c-categories
li
{
overflow
:
hidden
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
}
.c-categories
li
:last-child
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.c-categories
a
{
display
:
block
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
overflow
:
hidden
;
text-decoration
:
none
}
.c-categories
a
:hover
{
text-decoration
:
underline
}
.c-categories--sep
{
padding
:
0
7px
}
.c-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
20px
0
}
.c-contact--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact--content
h3
{
margin
:
0
0
15px
;
font-size
:
25px
;
color
:
#2a3644
;
font-weight
:
500
}
.c-contact--content
p
{
margin
:
0
0
20px
}
.c-contact--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact--form
{
max-width
:
420px
}
.c-contact-landing-1
{
padding
:
10px
0
}
.c-contact-landing-1--inner
{
max-width
:
1000px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-contact-landing-1--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
15px
0
20px
15px
}
.c-contact-landing-1--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-1--img
{
margin-top
:
40px
}
.c-contact-landing-1--form
{
max-width
:
420px
}
.c-contact-landing-2
{
padding
:
90px
0
0
;
background
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.jpg)
no-repeat
0
0
;
background-size
:
cover
}
@supports
(
background-image
:
-webkit-image-set
(
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
1
x
)){
.c-contact-landing-2
{
background-image
:
url(/wp-content/themes/biuro/i/sections/landing-2-xl.webp)
}}
.c-contact-landing-2--content
{
max-width
:
440px
;
color
:
#fff
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
25px
20px
20px
}
.c-contact-landing-2--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-contact-landing-2--content
h1
{
color
:
#fff
;
font-weight
:
600
;
font-size
:
23px
;
line-height
:
32px
;
margin
:
0
0
20px
}
.c-contact-landing-2--content
p
{
font-size
:
15px
;
line-height
:
25px
}
.c-contact-landing-2--content
p
span
{
display
:
block
;
overflow
:
hidden
}
.c-contact-landing-2--img
{
margin
:
40px
0
0
45px
;
max-width
:
300px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
background-color
:
#e8f0ff
;
line-height
:
30px
;
white-space
:
nowrap
}
.c-feedbacks
{
padding
:
30px
0
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
340px
;
height
:
250px
;
margin
:
0
auto
;
max-width
:
100%
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
20px
;
padding
:
0
30px
;
font-size
:
18px
;
line-height
:
26px
;
font-weight
:
500
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
110px
;
width
:
320px
;
margin
:
0
5px
;
padding
:
60px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-action
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-footer-section
:first-child
{
-webkit-box-flex
:
5
;
flex
:
5
0
15%
}
.c-footer-section
:nth-child
(
4
)
{
-webkit-box-flex
:
1
;
flex
:
1
0
15%
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form
{
position
:
relative
}
.c-form--action
{
position
:
absolute
;
top
:
-88px
;
left
:
-9999px
;
width
:
1px
}
.c-form--action-position
{
top
:
-58px
}
.c-form--employees
,
.c-form--employers
{
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--employees
,
.c-form--employers
,
.c-form--position
{
padding
:
28px
20px
20px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-form--recommend
{
border-radius
:
3px
;
background-color
:
#fff
;
box-shadow
:
0
1px
31px
-23px
#6a7481
;
padding
:
0
15px
20px
}
.c-form--cols
{
margin
:
0
-15px
}
.c-form--col
{
-webkit-box-flex
:
1
;
flex
:
1
1
50%
;
padding
:
25px
15px
0
}
.c-form--col--about
{
background
:
linear-gradient
(
180deg
,
#a1fff0
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--col--about-friend
{
background
:
linear-gradient
(
180deg
,
#cfe1fc
,
hsla
(
0
,
0%
,
100%
,
0
)
168px
)}
.c-form--success
{
margin
:
-28px
-20px
20px
;
padding
:
28px
20px
20px
;
border-radius
:
3px
3px
0
0
;
text-align
:
center
;
color
:
#27b199
;
font-style
:
18px
;
line-height
:
25px
;
background
:
#e5fdf9
;
font-weight
:
500
}
.c-form--headline
{
text-transform
:
uppercase
;
margin-bottom
:
20px
;
font-weight
:
500
;
font-size
:
18px
}
.c-form--headline--about
{
color
:
#14b399
}
.c-form--headline--about-friend
{
color
:
#004ed7
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input-file-wrap
{
position
:
relative
;
overflow
:
hidden
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--input-file
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
cursor
:
pointer
;
z-index
:
10
;
opacity
:
0
}
.c-form--input-file
:hover
+
button
{
background
:
#1fb299
;
background
:
var
(
--color--green
);
color
:
#fff
}
.c-form--input-file-btn
{
width
:
100%
;
padding
:
10px
10px
6px
;
background-color
:
#f0f0f0
;
border
:
1px
solid
#f0f0f0
;
border-radius
:
3px
;
font-size
:
15px
;
font-family
:
inherit
;
text-align
:
center
}
.c-form--input-file-text
{
display
:
inline-block
;
max-width
:
200px
;
overflow
:
hidden
;
text-overflow
:
ellipsis
;
white-space
:
nowrap
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
flex
;
position
:
relative
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
0
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-form--label-infobox
,
.c-form--label-recaptcha
{
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-heading
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
32px
}
.c-heading--landing-1
h1
{
max-width
:
230px
;
color
:
#fff
;
font-size
:
21px
;
line-height
:
32px
;
padding
:
0
20px
}
.c-heading--recommend-friend
h1
{
max-width
:
420px
;
color
:
#fff
;
font-size
:
26px
;
line-height
:
37px
;
padding
:
0
20px
20px
}
.c-heading--recommend-friend
h1
span
{
display
:
inline-block
;
background
:
#004ed4
;
font-weight
:
700
;
padding
:
3px
10px
1px
;
border-radius
:
6px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-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--phone-recommend
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-ico--filter
{
float
:
left
;
margin
:
3px
15px
0
3px
}
.c-ico--time
{
float
:
left
;
margin
:
2px
20px
0
0
}
.c-ico--offer
{
float
:
left
;
margin
:
1px
23px
0
0
}
.c-ico--pen
{
float
:
left
;
margin
:
5px
21px
0
0
}
.c-ico--easy
{
float
:
left
;
margin
:
0
21px
0
0
}
.c-ico--edit
{
float
:
left
;
margin
:
0
13px
0
1px
}
.c-ico--euro
{
float
:
left
;
margin
:
0
15px
0
0
}
.c-ico--attachment
{
margin
:
-2px
4px
-1px
0
;
opacity
:
.5
}
.c-job--title
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-weight
:
500
;
font-size
:
22px
;
line-height
:
29px
}
.c-job--content
{
line-height
:
25px
;
color
:
#2a3644
}
.c-job--content
h3
{
color
:
#069980
;
font-size
:
19px
;
font-weight
:
700
;
margin
:
0
0
3px
;
padding
:
0
}
.c-job--content
h3
:nth-child
(
n
+
1
)
{
margin-top
:
30px
}
.c-job--content
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job--content
li
:before
{
content
:
""
;
display
:
inline-block
;
width
:
14px
;
height
:
8px
;
margin
:
0
5px
1px
0
;
background
:
url(/wp-content/themes/biuro/i/ico--job-arrow.svg)
}
.c-job--action
{
padding
:
30px
0
}
.c-job-contacts
{
margin
:
0
0
30px
}
.c-job-contacts
ul
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-job-contacts
li
{
line-height
:
28px
}
.c-job-contacts
a
{
overflow
:
hidden
;
text-decoration
:
none
}
.c-job-contacts
a
:hover
{
text-decoration
:
underline
}
.c-jobs--table
{
margin
:
0
0
20px
}
.c-jobs--headline
{
margin
:
0
0
25px
;
padding
:
20px
20px
0
}
.c-jobs--col
{
background
:
#fff
;
vertical-align
:
middle
;
color
:
#868c93
;
padding
:
10px
15px
}
.c-jobs--anchor
{
display
:
block
;
padding
:
4px
0
;
color
:
#004ed4
;
font-weight
:
500
;
line-height
:
18px
;
text-decoration
:
none
}
.c-jobs--more
{
margin-bottom
:
50px
}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
}
.c-jobs-section--heading
{
margin
:
0
0
15px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-modal
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
background-color
:
rgba
(
42
,
54
,
68
,
.86
);
z-index
:
8000
}
.c-modal--inner
{
position
:
absolute
;
top
:
50%
;
left
:
50%
;
max-width
:
94%
;
width
:
606px
;
height
:
314px
;
padding
:
56px
20px
20px
;
background-color
:
#fff
;
-webkit-transform
:
translate
(
-50%
,
-50%
);
transform
:
translate
(
-50%
,
-50%
);
text-align
:
center
}
.c-modal--inner
svg
{
display
:
block
;
margin
:
0
auto
23px
}
.c-modal--inner
p
{
margin-bottom
:
20px
}
.c-modal--inner
.c-btn--main
{
min-width
:
208px
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-nav--main-item
{
position
:
relative
;
z-index
:
500
}
.c-nav--main-anchor
{
display
:
block
;
padding
:
5px
0
4px
;
font-weight
:
500
;
color
:
#fff
;
text-decoration
:
none
}
.c-nav--lang-wrap
{
width
:
74px
;
height
:
32px
}
.c-nav--lang-item
{
padding
:
6px
0
}
.c-nav--lang-item
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
padding
:
12px
0
10px
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-recommend-friend
{
padding
:
10px
0
}
.c-recommend-friend--inner
{
max-width
:
1170px
;
padding
:
0
10px
;
margin
:
0
auto
}
.c-recommend-friend--content
{
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
22px
;
padding
:
15px
0
20px
}
.c-recommend-friend--content
img
{
max-width
:
100%
;
height
:
auto
}
.c-recommend-friend--content
span
{
display
:
block
;
line-height
:
22px
;
overflow
:
hidden
}
.c-recommend-friend--form
{
max-width
:
604px
}
.c-search
{
display
:
-webkit-box
;
display
:
flex
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
57px
;
padding-top
:
10px
;
overflow-x
:
hidden
;
max-height
:
350px
;
overflow-y
:
auto
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-radius
:
3px
3px
0
0
}
.c-search--input
{
border
:
0
;
padding
:
0
0
0
44px
;
margin
:
0
40px
0
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.c-search--filters
{
padding
:
10px
;
text-align
:
right
}
.l-section--front-page
.c-search
{
box-shadow
:
6px
10px
48px
0
#d4dbe4
}
.c-search--reset
{
display
:
none
}
.c-search--ico-clear
{
padding
:
13px
18px
13px
17px
}
.c-search--ico-clear
,
.c-search--ico-toggle
{
position
:
absolute
;
top
:
50%
;
right
:
0
;
cursor
:
pointer
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
)}
.c-search--ico-toggle
{
padding
:
18px
16px
;
color
:
#b8bcc1
}
.c-search--ico-toggle
.c-ico--down
{
display
:
block
}
.c-search--ico-toggle
.c-ico--up
,
.c-search--ico-toggle.is-open
.c-ico--down
{
display
:
none
}
.c-search--ico-toggle.is-open
.c-ico--up
{
display
:
block
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding
:
20px
}
.c-sections--item
{
position
:
relative
;
height
:
211px
;
margin-bottom
:
30px
}
.c-services
{
padding
:
20px
}
.c-services--item
{
position
:
relative
;
height
:
245px
}
.c-services--toggle
{
display
:
none
}
.c-share
{
margin-bottom
:
20px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--options
{
flex-wrap
:
wrap
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-share--option
{
position
:
relative
;
height
:
36px
;
-webkit-box-flex
:
0
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
10px
;
text-decoration
:
none
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-facebook
:hover
{
background-color
:
#2f4f90
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-messenger
:hover
{
background-color
:
#1b6fcc
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-email
:hover
{
background-color
:
#000
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-copy
:hover
{
background-color
:
#5c5c5c
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-share--option-phone
:hover
{
background-color
:
#1baf52
}
.c-tooltip
{
position
:
absolute
;
pointer-events
:
none
;
opacity
:
0
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
25px
;
padding-bottom
:
45px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
margin
:
0
0
35px
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-values--inner
{
padding-top
:
20px
;
padding-bottom
:
20px
}
.c-values--section
{
max-width
:
250px
}
.c-values--heading
{
min-height
:
34px
;
font-size
:
35px
;
line-height
:
41px
}
.c-vdb--top
{
min-height
:
68px
;
background
:
#02bf5f
;
padding
:
14px
0
}
.c-vdb--top-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.c-vdb--top-img
{
-webkit-box-flex
:
0
;
flex
:
0
0
39px
;
margin-right
:
38px
}
.c-vdb--top-content
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
color
:
#fff
;
margin
:
0
;
padding
:
0
10px
0
0
;
font-size
:
18px
;
line-height
:
25px
}
.c-vdb--section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-vdb--section-bottom
{
max-width
:
360px
;
margin
:
0
auto
20px
;
border
:
20px
solid
#f8f8f8
}
.c-vdb--section-img
{
display
:
block
;
margin
:
0
auto
15px
}
.c-vdb--section-heading
{
font-size
:
21px
;
font-weight
:
500
;
line-height
:
27px
}
.c-vdb--section-content
{
line-height
:
23px
}
.c-vdb--bottom
{
min-height
:
68px
;
background
:
#4b5561
url(/wp-content/themes/biuro/i/vdb/bottom.png)
no-repeat
50%
50%
;
background-size
:
cover
;
padding
:
46px
0
}
.c-vdb--bottom-inner
{
max-width
:
1050px
;
margin
:
0
auto
;
padding
:
0
10px
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-vdb--bottom-heading
{
margin
:
0
38px
0
0
;
padding
:
0
;
color
:
#fff
;
font-size
:
36px
;
line-height
:
42px
;
font-weight
:
500
}
.c-vdb--bottom-content
{
color
:
#fff
;
margin
:
0
;
padding
:
0
;
line-height
:
23px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-fill--logo
{
fill
:
#149a83
}
.u-hidden
{
display
:
none
}
.visually-hidden
{
border
:
0
;
clip
:
rect
(
0
0
0
0
);
height
:
1px
;
margin
:
-1px
;
overflow
:
hidden
;
padding
:
0
;
position
:
absolute
;
width
:
1px
}
@media
(
min-width
:
60em
){
body
{
padding-top
:
117px
;
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
)}
h1
{
font-size
:
25px
;
line-height
:
38px
;
margin
:
0
0
25px
}
h2
{
font-size
:
21px
;
margin
:
0
0
21px
}
h2
,
h3
{
line-height
:
30px
}
h3
{
font-size
:
18px
;
margin
:
0
0
18px
}
.l-header
{
margin-bottom
:
47px
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-content
{
display
:
-webkit-box
;
display
:
flex
}
.l-content--position
{
padding
:
40px
20px
}
.l-content--position-inner
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
140px
}
.l-content--position-inner
.l-main
{
padding
:
70px
55px
40px
57px
}
.l-content--heading
{
padding-left
:
320px
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--main
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--main
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--main
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
auto
200px
}
.l-content--faq
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-content--faq
h2
{
font-size
:
21px
;
line-height
:
30px
}
.l-content--faq
h3
{
font-size
:
18px
;
line-height
:
30px
}
.l-content--membership
h1
{
font-size
:
25px
;
line-height
:
38px
}
.l-aside
{
-webkit-box-flex
:
0
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
flex
:
0
0
400px
;
padding
:
70px
40px
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
}
.l-aside--close
{
display
:
none
}
.l-main--content
{
padding
:
40px
50px
}
.l-footer
{
padding-top
:
70px
}
.l-nav--wrap
{
-webkit-box-flex
:
1
;
flex
:
1
1
100%
;
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-nav--close
,
.l-nav--open
{
display
:
none
}
.l-section
{
padding
:
30px
0
}
.l-section--front-page
{
height
:
380px
;
margin-bottom
:
92px
}
.l-section--sales-page
{
height
:
380px
}
.l-section--landing-1
{
height
:
348px
}
.l-section--recommend
{
height
:
355px
}
.c-breadcrumbs
{
margin
:
-40px
0
0
;
height
:
40px
}
.c-btn--header
{
margin-right
:
28px
}
.c-categories
{
margin
:
-20px
0
0
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact--content
{
max-width
:
500px
;
padding
:
75px
0
0
90px
}
.c-contact--content
,
.c-contact--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
}
.c-contact-landing-1
{
padding
:
30px
0
40px
}
.c-contact-landing-1--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-contact-landing-1--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
0
0
0
90px
}
.c-contact-landing-1--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-contact-landing-2
{
padding
:
195px
0
50px
}
.c-contact-landing-2--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
max-width
:
940px
;
margin
:
0
auto
;
border-radius
:
3px
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
padding
:
56px
40px
0
}
.c-contact-landing-2--content
h1
{
margin
:
0
0
35px
;
font-size
:
29px
;
line-height
:
46px
}
.c-contact-landing-2--content
p
{
font-size
:
16px
}
.c-contact-landing-2--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
420px
}
.c-feedbacks
{
padding
:
50px
0
70px
}
.c-feedbacks--inner
{
width
:
640px
;
height
:
300px
}
.c-feedbacks--heading
{
font-size
:
25px
;
line-height
:
29px
;
margin
:
0
0
40px
}
.c-feedbacks--section-inner
{
height
:
140px
;
width
:
574px
;
margin
:
0
33px
}
.c-footer-action
{
display
:
none
}
.c-footer-sections
{
display
:
-webkit-box
;
display
:
flex
}
.c-footer-section
{
-webkit-box-flex
:
10
;
flex
:
10
0
15%
}
.c-form--action
{
top
:
-128px
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
}
.c-form--position
{
margin
:
-40px
-15px
0
;
box-shadow
:
0
1px
31px
-23px
#6a7481
}
.c-form--recommend
{
padding
:
0
33px
20px
}
.c-form--cols
{
display
:
-webkit-box
;
display
:
flex
;
margin
:
0
-33px
}
.c-form--col--about
,
.c-form--col--about-friend
{
padding
:
42px
24px
0
33px
}
.c-form--success
{
margin
:
-38px
-35px
20px
;
padding
:
28px
35px
20px
}
.c-form--headline
{
margin-bottom
:
30px
}
.c-heading
h1
{
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-heading--landing-1
h1
{
max-width
:
500px
;
font-size
:
31px
;
line-height
:
45px
}
.c-heading--landing-1
{
padding-left
:
110px
}
.c-heading--recommend-friend
h1
{
max-width
:
500px
;
font-size
:
32px
;
line-height
:
56px
;
padding
:
0
20px
}
.c-job--title
{
font-size
:
30px
;
line-height
:
39px
;
margin
:
0
0
40px
}
.c-jobs--col
{
border-bottom
:
1px
solid
#f8f8f8
;
border-bottom
:
1px
solid
var
(
--color--gray-light
)}
.c-jobs--more
{
margin-bottom
:
70px
}
.c-nav--main-item
{
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
}
.c-nav--main-anchor
{
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
)}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
}
.c-phone
{
margin-right
:
35px
}
.c-recommend-friend
{
padding
:
30px
0
40px
}
.c-recommend-friend--inner
{
display
:
-webkit-box
;
display
:
flex
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-recommend-friend--content
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
max-width
:
500px
;
line-height
:
29px
}
.c-recommend-friend--form
{
-webkit-box-flex
:
1
;
flex
:
1
1
40%
;
margin-top
:
-200px
}
.c-search
{
height
:
60px
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--filters
{
display
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-sections
{
padding
:
50px
20px
135px
}
.c-sections--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-sections--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
300px
}
.c-services
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-services--item
{
-webkit-box-flex
:
0
;
flex
:
0
0
253px
}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
margin
:
0
}
.c-trust--logos
{
justify-content
:
space-around
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
flex
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.c-values--section
{
-webkit-box-flex
:
0
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
min-height
:
66px
;
font-size
:
45px
;
line-height
:
53px
}
.c-vdb--section-bottom
{
display
:
none
}}
@media
(
max-width
:
59.999em
){
.l-inner--header
{
-webkit-box-align
:
start
;
align-items
:
flex-start
}
.l-content--position
{
background
:
#f6f9ff
;
-webkit-box-flex
:
1
;
flex
:
1
1
auto
}
.l-content--position
+
.l-footer
{
display
:
none
}
.l-content--faq
,
.l-content--main
,
.l-content--membership
{
padding
:
10px
}
.l-aside--position
{
padding-bottom
:
50px
}
.l-aside--divisions
,
.l-aside--regions
{
max-width
:
440px
;
margin
:
0
auto
}
.l-aside--search
{
display
:
none
;
position
:
fixed
;
top
:
0
;
right
:
0
;
width
:
310px
;
padding-left
:
40px
;
height
:
100%
;
overflow
:
auto
;
z-index
:
20
}
.l-aside--search
:before
{
content
:
""
;
position
:
fixed
;
top
:
0
;
width
:
270px
;
right
:
0
;
bottom
:
0
;
background
:
#fff
}
.l-footer
{
padding-bottom
:
30px
}
.l-nav--wrap
{
display
:
none
;
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
overflow-y
:
auto
;
opacity
:
.97
;
background-color
:
#1d2a3a
;
z-index
:
500
;
border
:
1px
solid
#000
;
overflow
:
hidden
;
text-align
:
center
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
-webkit-box-align
:
center
;
align-items
:
center
}
.l-nav
{
width
:
100%
}
.l-section--front-page
{
height
:
179px
;
margin-bottom
:
185px
}
.c-btn--search
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
;
border-radius
:
0
0
3px
3px
}
.c-contact
,
.c-contact-landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-contact-landing-2
{
margin
:
0
auto
}
.c-contact-landing-2--inner
{
padding
:
0
10px
}
.c-contact-landing-2--content
{
margin
:
0
auto
;
border-radius
:
3px
3px
0
0
;
background
:
rgba
(
0
,
66
,
180
,
.78
)}
.c-contact-landing-2--img
{
display
:
none
}
.c-contact-landing-2--form
{
background
:
linear-gradient
(
45.94deg
,
#fff
,
#cbe2ec
);
margin
:
0
-10px
;
padding
:
0
10px
10px
}
.c-contact-landing-2--form
.c-form--employees
{
margin
:
0
auto
;
max-width
:
440px
;
border-radius
:
0
0
3px
3px
}
.c-divisions
{
margin-bottom
:
20px
}
.c-form--row-sticky
{
position
:
fixed
;
right
:
0
;
bottom
:
0
;
left
:
0
;
margin
:
0
;
padding
:
15px
23px
;
background
:
#fff
;
box-shadow
:
0
1px
39px
-23px
#454c54
;
z-index
:
90
}
.c-heading
h1
{
margin
:
0
0
36px
}
.c-heading
p
{
display
:
none
}
.c-heading--front-page
h1
{
max-width
:
117px
}
.c-heading--landing-1
{
max-width
:
440px
;
margin
:
0
auto
}
.c-heading--recommend-friend
h1
{
margin
:
0
auto
}
.c-job--content
{
font-size
:
15px
}
.c-job--content
h3
{
font-size
:
17px
}
.c-job--action
{
display
:
none
}
.c-job-contacts
{
margin
:
0
10px
30px
}
.c-job-contacts
li
{
padding
:
7px
0
}
.c-jobs--headline
{
text-align
:
center
}
.c-jobs--col
{
float
:
left
}
.c-jobs--col-position
{
width
:
100%
}
.c-jobs--col-city
,
.c-jobs--col-valid
{
width
:
50%
}
.c-nav--main
{
margin
:
115px
0
180px
;
padding
:
0
20px
;
width
:
100%
;
-webkit-box-pack
:
justify
;
justify-content
:
space-between
}
.c-nav--main-item
:first-child
{
text-align
:
left
}
.c-nav--main-item
:first-child
.c-nav--sub
{
left
:
0
;
right
:
auto
}
.c-nav--main-item
{
position
:
relative
;
-webkit-box-flex
:
0
;
flex
:
0
0
auto
;
text-align
:
right
}
.c-nav--lang-wrap
{
position
:
absolute
;
top
:
20px
;
left
:
20px
}
.c-phone
{
color
:
#fff
;
margin
:
0
0
30px
}
.c-recommend-friend
{
max-width
:
440px
;
margin
:
0
auto
}
.c-search
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
flex-direction
:
column
;
margin
:
0
20px
}
.l-section--search-page
{
padding
:
10px
0
}
.l-section--search-page
.c-search
{
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
flex-direction
:
row
;
margin
:
0
10px
;
border-radius
:
3px
}
.l-section--search-page
.c-search--col-location
{
display
:
none
}
.l-section--search-page
.c-search--col-keyword
{
-webkit-box-flex
:
1
;
flex
:
1
1
auto
;
border-radius
:
3px
0
0
3px
}
.l-section--search-page
.c-search--btn-text
{
display
:
none
}
.l-section--search-page
.c-btn--search-small
{
min-width
:
35px
;
margin
:
5px
;
padding
:
9px
7px
8px
8px
}
.l-section--search-page
.c-search--input
{
height
:
45px
;
padding
:
0
0
0
15px
}
.l-section--search-page
.c-search--col
ul
{
top
:
45px
}
.l-section--search-page
.c-ico--area
{
display
:
none
}
.c-search--col
{
-webkit-box-flex
:
0
;
flex
:
0
0
60px
}
.c-search--col-keyword
,
.c-search--col-location
{
border-bottom
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
)}
.l-section--front-page
.c-search
,
.l-section--front-page
.c-search--input
{
margin
:
0
}
.c-search--reset
{
position
:
relative
;
display
:
block
;
padding-top
:
20px
;
text-align
:
center
}
.c-sections--item
{
max-width
:
380px
;
margin
:
0
auto
30px
}
.c-services--item
{
max-width
:
380px
;
margin
:
0
auto
20px
}
.c-trust--heading
{
text-align
:
center
;
font-size
:
18px
}
.c-values--inner
{
max-width
:
400px
}
.c-vdb--top-img
{
margin-right
:
18px
}
.c-vdb--top-content
{
font-size
:
16px
;
line-height
:
19px
}
.c-vdb--section-aside
{
display
:
none
}
.c-vdb--bottom-heading
{
margin
:
0
18px
0
0
}}
@media
(
max-width
:
19.999em
){
.c-contact-landing-2
{
background-size
:
cover
!important
}}
@media
(
max-width
:
37.499em
){
.c-contact-landing-2
{
background-size
:
250%
}}
\ No newline at end of file
wp-content/themes/biuro/footer.php
View file @
3c2eccfe
...
...
@@ -96,7 +96,7 @@
elseif
(
get_page_template_slug
()
==
'page-recommend-friend.php'
)
:
?>
<div
class=
"c-footer-action"
>
<a
href=
"#action"
class=
"o-btn c-btn--main c-btn--footer"
>
<?php
_e
(
'Recommend'
,
'biuro'
);
?>
</a>
<a
id=
"submit-recommend"
href=
"#action"
class=
"o-btn c-btn--main c-btn--footer"
>
<?php
_e
(
'Recommend'
,
'biuro'
);
?>
</a>
</div>
<?php
else
:
...
...
@@ -154,7 +154,7 @@
<?php
endif
;
?>
<script
src=
"/wp-content/themes/biuro/js/main-2
2d1e1ff
.min.js"
async
></script>
<script
src=
"/wp-content/themes/biuro/js/main-2
471b05e
.min.js"
async
></script>
<?php
// global $time_start;
...
...
wp-content/themes/biuro/header-langing.php
View file @
3c2eccfe
...
...
@@ -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-
c92308d5e
f.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
367835942
f.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 @
3c2eccfe
...
...
@@ -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-
c92308d5e
f.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
367835942
f.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-2
2d1e1ff
.min.js
→
wp-content/themes/biuro/js/main-2
471b05e
.min.js
View file @
3c2eccfe
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 @
3c2eccfe
...
...
@@ -714,6 +714,22 @@ document.querySelectorAll('[name="form-position"], [name="form-employees"], [nam
form
.
addEventListener
(
'submit'
,
()
=>
{
submitContactsFrom
(
form
);
});
});
if
(
document
.
querySelector
(
'#submit-recommend'
))
{
document
.
querySelector
(
'#submit-recommend'
).
addEventListener
(
'click'
,
(
e
)
=>
{
e
.
preventDefault
();
const
button
=
document
.
querySelector
(
'[name="form-recommend"] [type="submit"]'
);
if
(
!
button
)
{
return
;
}
e
.
currentTarget
.
classList
.
add
(
'c-btn--disabled'
);
button
.
click
();
});
}
const
collapseContent
=
(
n
)
=>
{
const
h
=
n
.
scrollHeight
;
const
t
=
n
.
style
.
transition
;
...
...
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
