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
c23ad22e
Commit
c23ad22e
authored
Apr 28, 2019
by
Simon
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch '404-page'
parents
63be86b2
3399ba75
Changes
7
Hide whitespace changes
Inline
Side-by-side
Showing
7 changed files
with
74 additions
and
9 deletions
+74
-9
404.php
wp-content/themes/biuro/404.php
+46
-0
_layout--content.css
wp-content/themes/biuro/css/05-layout/_layout--content.css
+3
-4
__components.css
wp-content/themes/biuro/css/07-components/__components.css
+1
-0
_component--404.css
...ontent/themes/biuro/css/07-components/_component--404.css
+19
-0
core-3c4944c2d7.min.css
wp-content/themes/biuro/css/core-3c4944c2d7.min.css
+1
-1
main-84005976e1.min.css
wp-content/themes/biuro/css/main-84005976e1.min.css
+1
-1
header.php
wp-content/themes/biuro/header.php
+3
-3
No files found.
wp-content/themes/biuro/404.php
0 → 100644
View file @
c23ad22e
<?php
/**
* The main template file
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
*
* @link https://codex.wordpress.org/Template_Hierarchy
*
* @package WordPress
* @subpackage Biuro
* @since 1.0
* @version 1.0
*/
get_header
();
?>
<div
id=
"content"
class=
"l-content--main"
>
<main
id=
"main"
class=
"l-main"
>
<div
class=
"c-404"
>
<p
class=
"c-404--heading"
>
404
</p>
<p
class=
"c-404--message"
>
<?php
_e
(
'Sorry, the page you are looking for does not exist!'
,
'biuro'
);
?>
</p>
<p>
<a
href=
"
<?php
echo
pll_home_url
();
?>
"
class=
"o-btn c-btn--main"
>
<?php
_e
(
'Return to homepage'
,
'biuro'
);
?>
</a>
</p>
</div>
<?php
/*
<div class="c-404">
<p class="c-404--heading">404</p>
<p class="c-404--message">Atsiprašome, bet puslapis kurio jūs ieškote neegzistuoja!</p>
<p>
<a href="<?php echo pll_home_url(); ?>" class="o-btn c-btn--main">Grįžti į pagrindinį puslapį</a>
</p>
</div>
*/
?>
</main>
<!-- .l-main -->
</div>
<!-- #content -->
<?php
get_footer
();
wp-content/themes/biuro/css/05-layout/_layout--content.css
View file @
c23ad22e
...
@@ -14,11 +14,10 @@
...
@@ -14,11 +14,10 @@
.l-content--position-inner
{
position
:
relative
;
display
:
flex
;
max-width
:
970px
;
padding
:
50px
70px
;
margin
:
0
auto
140px
;
border-radius
:
3px
;
background-color
:
#FFFFFF
;
box-shadow
:
0
1px
47px
0
#ECF5FF
;
}
.l-content--position-inner
{
position
:
relative
;
display
:
flex
;
max-width
:
970px
;
padding
:
50px
70px
;
margin
:
0
auto
140px
;
border-radius
:
3px
;
background-color
:
#FFFFFF
;
box-shadow
:
0
1px
47px
0
#ECF5FF
;
}
.l-content--heading
{
display
:
block
;
padding-top
:
40px
;
padding-bottom
:
25px
;
.l-content--heading
{
display
:
block
;
padding-top
:
40px
;
padding-bottom
:
25px
;
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2A3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
@media
(--min--small)
{
@media
(--min--small)
{
padding-left
:
320px
;
padding-left
:
300px
;
}
}
}
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2A3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
}
}
}
.l-content--main
{
width
:
100%
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
;
.l-content--main
{
width
:
100%
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
;
...
...
wp-content/themes/biuro/css/07-components/__components.css
View file @
c23ad22e
...
@@ -7,6 +7,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
...
@@ -7,6 +7,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
========================================================================== */
========================================================================== */
@import
'vendor/swiper.css'
;
@import
'vendor/swiper.css'
;
@import
'_component--404.css'
;
@import
'_component--awesomplete.css'
;
@import
'_component--awesomplete.css'
;
@import
'_component--breadcrumbs.css'
;
@import
'_component--breadcrumbs.css'
;
@import
'_component--btn.css'
;
@import
'_component--btn.css'
;
...
...
wp-content/themes/biuro/css/07-components/_component--404.css
0 → 100644
View file @
c23ad22e
/* ------------- Component: awesomplete ------------- */
/* critical:start */
/* critical:end */
.c-404
{
text-align
:
center
;
padding
:
200px
0
;
}
.c-404--heading
{
height
:
128px
;
margin
:
0
;
padding
:
0
;
color
:
#069980
;
font-size
:
109px
;
font-weight
:
500
;
line-height
:
128px
;
}
.c-404--message
{
margin-bottom
:
40px
;
}
/*
.c-404--heading {
background: -webkit-linear-gradient(138.69deg,#4eacd9,#2fb8a1)
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
*/
wp-content/themes/biuro/css/core-
09a3c5bc76
.min.css
→
wp-content/themes/biuro/css/core-
3c4944c2d7
.min.css
View file @
c23ad22e
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
*,
:after
,
:before
{
-webkit-box-sizing
:
inherit
;
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
);
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
117px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-header
{
position
:
relative
;
height
:
70px
;
margin-bottom
:
47px
;
background
:
#fff
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-header
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.l-content--position
{
position
:
relative
;
padding
:
40px
20px
}
.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
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
max-width
:
970px
;
padding
:
50px
70px
;
margin
:
0
auto
140px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
47px
0
#ecf5ff
;
box-shadow
:
0
1px
47px
0
#ecf5ff
}
.l-content--heading
{
display
:
block
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--main
h1
{
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
38px
}
.l-content--main
h2
{
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
width
:
100%
;
max-width
:
1040px
;
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
200px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
385px
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
;
z-index
:
50
}
.l-main
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
100%
;
flex
:
1
1
100%
}
.l-main--content
{
background-color
:
#fff
;
padding
:
40px
50px
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
600px
;
flex
:
0
0
600px
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
70px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-section
{
padding
:
30px
0
;
background
:
#111d1e
url(/wp-content/themes/biuro/i/search-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--front-page
{
height
:
380px
;
background
:
url(/wp-content/themes/biuro/i/front-page.png)
no-repeat
50%
50%
;
background-size
:
cover
;
margin-bottom
:
92px
}
.l-section--front-page
.l-section--inner
{
width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--sales-page
{
height
:
380px
;
background
:
url(/wp-content/themes/biuro/i/sales-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--sales-page
.l-section--inner
{
width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
1030px
;
margin
:
0
auto
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-btn--header
{
margin-right
:
28px
;
font-size
:
14px
;
font-weight
:
500
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--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-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
max-width
:
980px
;
margin
:
0
auto
}
.c-contact--content
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
40%
;
flex
:
1
1
40%
;
max-width
:
500px
;
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
75px
0
0
90px
}
.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--form
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
40%
;
flex
:
1
1
40%
;
max-width
:
420px
}
.c-data-controller
{
margin-bottom
:
35px
;
padding
:
15px
0
10px
;
text-align
:
center
;
font-size
:
13px
;
line-height
:
1
;
font-weight
:
300
}
.c-data-controller
p
{
margin
:
0
0
10px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
border-radius
:
3px
;
background-color
:
#e8f0ff
;
color
:
grey
;
font-weight
:
500
;
line-height
:
30px
;
white-space
:
nowrap
;
text-decoration
:
none
}
a
.c-division
{
color
:
#004ed4
}
.c-feedbacks
{
padding
:
50px
0
70px
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
640px
;
height
:
300px
;
margin
:
0
auto
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
40px
;
padding
:
0
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
140px
;
width
:
574px
;
margin
:
0
auto
;
padding
:
68px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
47px
0
#ecf5ff
;
box-shadow
:
0
1px
47px
0
#ecf5ff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
-9999px
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-heading
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-jobs--headline
{
min-height
:
29px
;
margin
:
0
0
25px
;
padding
:
20px
20px
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
margin-right
:
35px
;
padding
:
12px
0
10px
;
text-decoration
:
none
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-search
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
height
:
60px
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
60px
;
padding-top
:
10px
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--input
{
border
:
0
;
padding
:
0
10px
0
44px
;
margin
:
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
-ms-flex
:
10
1
auto
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-ms-flex-pack
:
distribute
;
justify-content
:
space-around
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.c-values
{
background
:
linear-gradient
(
138.69deg
,
#4eacd9
,
#2fb8a1
);
color
:
#fff
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-hidden
{
display
:
none
}
@media
(
min-width
:
48em
){
.l-content--heading
h1
{
padding-left
:
300px
}
.l-aside
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
280px
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
420px
;
flex
:
0
0
420px
;
padding-left
:
100px
}
.l-nav
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
}}
:root
{
--color--gray
:
#7e8683
;
--color--gray-darker
:
#2a3644
;
--color--green
:
#1fb299
;
--color--green-darker
:
#149a83
;
--color--green-dark
:
#006957
;
--color--blue-dark
:
#1d2a3a
;
--color--gray-light
:
#f8f8f8
;
--typo--font-family
:
-apple-system
,
BlinkMacSystemFont
,
"Segoe UI Light"
,
"Roboto"
,
"Oxygen"
,
"Ubuntu"
,
"Cantarell"
,
"Fira Sans"
,
"Droid Sans"
,
"Helvetica Neue"
,
sans-serif
;
--typo--font-size
:
1.5rem
;
--typo--weight-regular
:
400
;
--typo--weight-bold
:
700
;
--typo--line-height
:
1.2
;
--typo--font-face
:
"Roboto"
,
sans-serif
;
--layout-width
:
1210px
;
--layout-width--small
:
870px
;
--layout-width--large
:
1150px
}
html
{
line-height
:
1.15
;
-webkit-text-size-adjust
:
100%
}
body
{
margin
:
0
}
html
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
}
*,
:after
,
:before
{
-webkit-box-sizing
:
inherit
;
box-sizing
:
inherit
}
a
{
color
:
inherit
}
body
{
font-size
:
1.5rem
;
font-size
:
var
(
--typo--font-size
);
line-height
:
1.2
;
line-height
:
var
(
--typo--line-height
);
color
:
#2a3644
;
color
:
var
(
--color--gray-darker
);
font-family
:
Roboto
,
sans-serif
;
font-family
:
var
(
--typo--font-face
);
background
:
#f8f8f8
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
min-height
:
100vh
;
padding-top
:
117px
}
html
{
min-height
:
100%
;
font-size
:
62.5%
;
-webkit-tap-highlight-color
:
rgba
(
0
,
0
,
0
,
0
)}
.l-inner
{
max-width
:
1210px
;
max-width
:
var
(
--layout-width
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.c-jobs--inner
,
.c-services
,
.c-trust--inner
,
.c-values--inner
,
.l-inner-small
{
max-width
:
870px
;
max-width
:
var
(
--layout-width--small
);
margin-right
:
auto
;
margin-left
:
auto
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-header
{
position
:
relative
;
height
:
70px
;
margin-bottom
:
47px
;
background
:
#fff
}
.l-header
:before
{
content
:
""
;
position
:
absolute
;
top
:
100%
;
left
:
0
;
width
:
100%
;
height
:
47px
;
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
)}
.l-header
{
position
:
fixed
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
300
}
.l-content
{
max-width
:
1150px
;
max-width
:
var
(
--layout-width--large
);
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.l-content--position
{
position
:
relative
;
padding
:
40px
20px
}
.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
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
max-width
:
970px
;
padding
:
50px
70px
;
margin
:
0
auto
140px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
47px
0
#ecf5ff
;
box-shadow
:
0
1px
47px
0
#ecf5ff
}
.l-content--heading
{
display
:
block
;
padding-top
:
40px
;
padding-bottom
:
25px
}
.l-content--heading
h1
{
margin
:
0
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.l-content--main
{
width
:
100%
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
max-width
:
1070px
;
padding
:
35px
20px
90px
;
margin
:
0
auto
}
.l-content--main
h1
{
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
38px
}
.l-content--main
h2
{
color
:
#2a3644
;
font-size
:
21px
;
font-weight
:
500
;
line-height
:
30px
}
.l-content--divisions
,
.l-content--regions
{
width
:
100%
;
max-width
:
1040px
;
padding-right
:
20px
;
padding-left
:
20px
;
margin
:
0
auto
200px
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.l-aside--divisions
,
.l-aside--regions
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
385px
;
flex
:
0
0
385px
;
margin
:
-315px
0
0
55px
;
z-index
:
50
}
.l-main
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
100%
;
flex
:
1
1
100%
}
.l-main--content
{
background-color
:
#fff
;
padding
:
40px
50px
}
.l-main--divisions
,
.l-main--regions
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
600px
;
flex
:
0
0
600px
}
.l-footer
{
background
:
#1d2a3a
;
background
:
var
(
--color--blue-dark
);
color
:
#fff
;
padding-top
:
70px
}
.l-map
{
height
:
330px
;
margin-bottom
:
35px
}
.l-section
{
padding
:
30px
0
;
background
:
#111d1e
url(/wp-content/themes/biuro/i/search-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--front-page
{
height
:
380px
;
background
:
url(/wp-content/themes/biuro/i/front-page.png)
no-repeat
50%
50%
;
background-size
:
cover
;
margin-bottom
:
92px
}
.l-section--front-page
.l-section--inner
{
width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--sales-page
{
height
:
380px
;
background
:
url(/wp-content/themes/biuro/i/sales-page.png)
no-repeat
50%
50%
;
background-size
:
cover
}
.l-section--sales-page
.l-section--inner
{
width
:
870px
;
padding-right
:
20px
;
padding-left
:
20px
}
.l-section--inner
{
width
:
1030px
;
margin
:
0
auto
}
.o-btn
{
display
:
inline-block
;
border
:
0
;
padding
:
12px
24px
11px
;
cursor
:
pointer
;
border-radius
:
3px
;
font-weight
:
500
;
text-decoration
:
none
;
font-family
:
inherit
}
.o-nav
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-btn--header
{
margin-right
:
28px
;
font-size
:
14px
;
font-weight
:
500
}
.c-btn--main
{
color
:
#fff
;
background
:
#1fb299
;
background
:
var
(
--color--green
)}
.c-btn--main
:hover
{
background
:
#149a83
;
background
:
var
(
--color--green-darker
)}
.c-btn--alt
{
padding
:
10px
15px
;
background
:
#e8f0ff
;
color
:
#004ed4
}
.c-btn--alt
:after
{
float
:
right
;
margin
:
6px
0
0
35px
;
content
:
""
;
width
:
7px
;
height
:
7px
;
border
:
1px
solid
#004ed4
;
border-width
:
2px
2px
0
0
;
-webkit-transform
:
rotate
(
45deg
);
transform
:
rotate
(
45deg
)}
.c-btn--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-cookies-warning
{
display
:
none
}
.c-contact
{
padding
:
50px
0
}
.c-contact--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
max-width
:
980px
;
margin
:
0
auto
}
.c-contact--content
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
40%
;
flex
:
1
1
40%
;
max-width
:
500px
;
color
:
#2a3644
;
font-weight
:
500
;
line-height
:
29px
;
padding
:
75px
0
0
90px
}
.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--form
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
40%
;
flex
:
1
1
40%
;
max-width
:
420px
}
.c-data-controller
{
margin-bottom
:
35px
;
padding
:
15px
0
10px
;
text-align
:
center
;
font-size
:
13px
;
line-height
:
1
;
font-weight
:
300
}
.c-data-controller
p
{
margin
:
0
0
10px
}
.c-divisions
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.c-division
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
auto
;
flex
:
0
0
auto
;
height
:
30px
;
margin
:
0
10px
10px
0
;
padding
:
0
20px
;
border-radius
:
3px
;
background-color
:
#e8f0ff
;
color
:
grey
;
font-weight
:
500
;
line-height
:
30px
;
white-space
:
nowrap
;
text-decoration
:
none
}
a
.c-division
{
color
:
#004ed4
}
.c-feedbacks
{
padding
:
50px
0
70px
;
background
:
linear-gradient
(
134.06deg
,
#fff
,
#cbe2ec
)}
.c-feedbacks--inner
{
position
:
relative
;
overflow
:
hidden
;
width
:
640px
;
height
:
300px
;
margin
:
0
auto
}
.c-feedbacks--heading
{
color
:
#2a3644
;
margin
:
0
0
40px
;
padding
:
0
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
text-align
:
center
}
.c-feedbacks--section
{
padding-top
:
40px
}
.c-feedbacks--section-inner
{
position
:
relative
;
height
:
140px
;
width
:
574px
;
margin
:
0
auto
;
padding
:
68px
0
0
;
border-radius
:
23px
;
background-color
:
#fff
}
.c-footer-separator
{
margin-bottom
:
25px
;
border-color
:
#fff
;
border-width
:
2px
0
0
;
opacity
:
.29
}
.c-form--employees
,
.c-form--employers
{
padding
:
38px
35px
20px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
0
1px
47px
0
#ecf5ff
;
box-shadow
:
0
1px
47px
0
#ecf5ff
}
.c-form--row
{
position
:
relative
;
margin-bottom
:
20px
}
.c-form--label
{
display
:
block
;
color
:
#2a3644
;
font-size
:
15px
;
line-height
:
18px
;
margin-bottom
:
4px
;
font-weight
:
500
}
.c-form--input
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--input
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--textarea
{
width
:
100%
;
padding
:
10px
;
background
:
none
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
}
.c-form--textarea
:focus
{
border-color
:
#d4d4d4
!important
}
.c-form--submit-wrap
{
padding
:
10px
0
}
.c-form--checkbox-wrap
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.c-form--checkbox
{
position
:
absolute
;
top
:
0
;
left
:
-9999px
;
visibility
:
hidden
}
.c-form--checkbox
:checked
+
label
:before
{
border-color
:
#d4d4d4
}
.c-form--checkbox
:checked
+
label
:after
{
content
:
"✔"
}
.c-form--label-checkbox
{
position
:
relative
;
margin
:
0
0
0
31px
;
color
:
#868f98
;
font-size
:
12px
;
line-height
:
17px
}
.c-form--label-checkbox
:before
{
content
:
""
;
position
:
absolute
;
top
:
0
;
left
:
-31px
;
height
:
18px
;
width
:
18px
;
border
:
1px
solid
#d4d4d4
;
border-radius
:
3px
;
cursor
:
pointer
}
.c-form--label-checkbox
:after
{
content
:
""
;
position
:
absolute
;
top
:
-2px
;
left
:
-28px
;
width
:
20px
;
height
:
20px
;
border-radius
:
3px
;
color
:
#1fb299
;
color
:
var
(
--color--green
);
font-size
:
22px
;
cursor
:
pointer
}
.c-heading
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
}
.c-heading
h1
{
margin
:
0
0
18px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
34px
;
font-weight
:
700
;
line-height
:
51px
}
.c-heading--front-page
,
.c-heading--sales-page
{
height
:
320px
}
.c-ico--search
{
margin
:
0
3px
-3px
0
}
.c-ico--location
{
left
:
18px
}
.c-ico--area
,
.c-ico--location
{
position
:
absolute
;
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
margin-top
:
-1px
}
.c-ico--area
{
left
:
14px
}
.c-ico--phone
{
float
:
left
;
margin
:
3px
10px
0
1px
}
.c-ico--email
{
float
:
left
;
margin
:
6px
10px
0
0
}
.c-ico--address
{
float
:
left
;
margin
:
3px
12px
0
3px
}
.c-jobs--headline
{
min-height
:
29px
;
margin
:
0
0
25px
;
padding
:
20px
20px
0
;
color
:
#2a3644
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
}
.c-logo
{
width
:
81px
;
margin-right
:
89px
;
padding
:
11px
0
;
text-decoration
:
none
}
.c-logo
,
.c-logo--svg
{
display
:
block
}
.c-nav--main
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
font-size
:
14px
}
.c-nav--sub
{
display
:
none
}
.c-phone
{
white-space
:
nowrap
;
margin-right
:
35px
;
padding
:
12px
0
10px
;
text-decoration
:
none
;
color
:
inherit
;
font-weight
:
500
;
font-size
:
14px
}
.c-phone
svg
{
float
:
left
;
margin
:
-6px
5px
0
0
}
.c-search
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
height
:
60px
;
background-color
:
#fff
;
border-radius
:
3px
}
.c-search--col
{
position
:
relative
;
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
background-color
:
#fff
}
.c-search--col
.awesomplete
{
position
:
absolute
;
top
:
0
;
right
:
0
;
left
:
0
;
height
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.c-search--col
ul
{
top
:
60px
;
padding-top
:
10px
}
.c-search--col
li
{
padding
:
10px
15px
;
margin-bottom
:
10px
;
cursor
:
pointer
}
.c-search--col
li
:hover
{
color
:
#000
}
.c-search--col-location
{
border-right
:
1px
solid
rgba
(
178
,
182
,
187
,
.46
);
border-radius
:
3px
0
0
3px
}
.c-search--input
{
border
:
0
;
padding
:
0
10px
0
44px
;
margin
:
0
;
height
:
60px
;
line-height
:
60px
;
background
:
none
}
.c-search--input
:focus
{
outline
:
none
}
.l-section--front-page
.c-search
{
height
:
70px
}
.l-section--front-page
.c-search--input
{
height
:
70px
;
line-height
:
70px
}
.c-trust
{
background
:
linear-gradient
(
134.06deg
,
#70b7d5
,
#7bcbcf
)}
.c-trust--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
}
.c-trust--heading
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
;
margin
:
0
;
color
:
#fff
}
.c-trust--logos
{
-webkit-box-flex
:
10
;
-ms-flex
:
10
1
auto
;
flex
:
10
1
auto
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-ms-flex-pack
:
distribute
;
justify-content
:
space-around
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.c-values
{
background
:
linear-gradient
(
138.69deg
,
#4eacd9
,
#2fb8a1
);
color
:
#fff
}
.c-values--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
;
padding-top
:
60px
;
padding-bottom
:
40px
}
.u-fill--inherit
{
fill
:
currentColor
}
.u-hidden
{
display
:
none
}
@media
(
min-width
:
48em
){
.l-content--heading
{
padding-left
:
320px
}
.l-aside
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
280px
;
flex
:
0
0
280px
}
.l-aside--position
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
420px
;
flex
:
0
0
420px
;
padding-left
:
100px
}
.l-nav
{
-webkit-box-flex
:
1
;
-ms-flex
:
1
1
auto
;
flex
:
1
1
auto
}}
\ No newline at end of file
\ No newline at end of file
wp-content/themes/biuro/css/main-
1b4736af34
.min.css
→
wp-content/themes/biuro/css/main-
84005976e1
.min.css
View file @
c23ad22e
@font-face
{
font-family
:
PT
Sans
Narrow
;
src
:
url(../fonts/pt_sans_narrow.woff2)
format
(
"woff2"
),
url(../fonts/pt_sans_narrow.woff)
format
(
"woff"
);
font-weight
:
400
;
font-style
:
normal
;
font-display
:
swap
}
@font-face
{
font-family
:
PT
Sans
Narrow
;
src
:
url(../fonts/pt_sans_narrow_bold.woff2)
format
(
"woff2"
),
url(../fonts/pt_sans_narrow_bold.woff)
format
(
"woff"
);
font-weight
:
600
;
font-style
:
normal
;
font-display
:
swap
}
@font-face
{
font-family
:
Bebas
Neue
;
src
:
url(../fonts/bebas-neue.woff2)
format
(
"woff2"
),
url(../fonts/bebas-neue.woff)
format
(
"woff"
);
font-weight
:
400
;
font-style
:
normal
;
font-display
:
swap
}
@font-face
{
font-family
:
PT
Sans
Narrow
;
src
:
url(../fonts/pt_sans_narrow.woff2)
format
(
"woff2"
),
url(../fonts/pt_sans_narrow.woff)
format
(
"woff"
);
font-weight
:
400
;
font-style
:
normal
;
font-display
:
swap
}
@font-face
{
font-family
:
PT
Sans
Narrow
;
src
:
url(../fonts/pt_sans_narrow_bold.woff2)
format
(
"woff2"
),
url(../fonts/pt_sans_narrow_bold.woff)
format
(
"woff"
);
font-weight
:
600
;
font-style
:
normal
;
font-display
:
swap
}
@font-face
{
font-family
:
Bebas
Neue
;
src
:
url(../fonts/bebas-neue.woff2)
format
(
"woff2"
),
url(../fonts/bebas-neue.woff)
format
(
"woff"
);
font-weight
:
400
;
font-style
:
normal
;
font-display
:
swap
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
hr
{
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
;
overflow
:
visible
}
pre
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
a
{
background-color
:
transparent
}
abbr
[
title
]
{
border-bottom
:
none
;
text-decoration
:
underline
;
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
b
,
strong
{
font-weight
:
bolder
}
code
,
kbd
,
samp
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
img
{
border-style
:
none
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
line-height
:
1.15
;
margin
:
0
}
button
,
input
{
overflow
:
visible
}
button
,
select
{
text-transform
:
none
}
[
type
=
button
],[
type
=
reset
],[
type
=
submit
],
button
{
-webkit-appearance
:
button
}
[
type
=
button
]
::-moz-focus-inner
,[
type
=
reset
]
::-moz-focus-inner
,[
type
=
submit
]
::-moz-focus-inner
,
button
::-moz-focus-inner
{
border-style
:
none
;
padding
:
0
}
[
type
=
button
]
:-moz-focusring
,[
type
=
reset
]
:-moz-focusring
,[
type
=
submit
]
:-moz-focusring
,
button
:-moz-focusring
{
outline
:
1px
dotted
ButtonText
}
fieldset
{
padding
:
.35em
.75em
.625em
}
legend
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
inherit
;
display
:
table
;
max-width
:
100%
;
padding
:
0
;
white-space
:
normal
}
progress
{
vertical-align
:
baseline
}
textarea
{
overflow
:
auto
}
[
type
=
checkbox
],[
type
=
radio
]
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
}
[
type
=
number
]
::-webkit-inner-spin-button
,[
type
=
number
]
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
details
{
display
:
block
}
summary
{
display
:
list-item
}
[
hidden
],
template
{
display
:
none
}
a
:hover
{
text-decoration
:
none
}
figure
{
margin
:
0
}
img
{
max-width
:
100%
}
p
{
margin
:
0
0
1.6rem
}
b
,
strong
{
font-weight
:
700
;
font-weight
:
var
(
--typo--weight-bold
)}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
.l-inner--header
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.swiper-container
{
margin
:
0
auto
;
position
:
relative
;
overflow
:
hidden
;
list-style
:
none
;
padding
:
0
;
z-index
:
1
}
.swiper-container-no-flexbox
.swiper-slide
{
float
:
left
}
.swiper-container-vertical
>
.swiper-wrapper
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.swiper-wrapper
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
z-index
:
1
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-transition-property
:
-webkit-transform
;
transition-property
:
-webkit-transform
;
transition-property
:
transform
;
transition-property
:
transform
,
-webkit-transform
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
.swiper-container-android
.swiper-slide
,
.swiper-wrapper
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.swiper-container-multirow
>
.swiper-wrapper
{
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.swiper-container-free-mode
>
.swiper-wrapper
{
-webkit-transition-timing-function
:
ease-out
;
transition-timing-function
:
ease-out
;
margin
:
0
auto
}
.swiper-slide
{
-ms-flex-negative
:
0
;
flex-shrink
:
0
;
width
:
100%
;
height
:
100%
;
position
:
relative
;
-webkit-transition-property
:
-webkit-transform
;
transition-property
:
-webkit-transform
;
transition-property
:
transform
;
transition-property
:
transform
,
-webkit-transform
}
.swiper-slide-invisible-blank
{
visibility
:
hidden
}
.swiper-container-autoheight
,
.swiper-container-autoheight
.swiper-slide
{
height
:
auto
}
.swiper-container-autoheight
.swiper-wrapper
{
-webkit-box-align
:
start
;
-ms-flex-align
:
start
;
align-items
:
flex-start
;
-webkit-transition-property
:
height
,
-webkit-transform
;
transition-property
:
height
,
-webkit-transform
;
transition-property
:
transform
,
height
;
transition-property
:
transform
,
height
,
-webkit-transform
}
.swiper-container-3d
{
-webkit-perspective
:
1200px
;
perspective
:
1200px
}
.swiper-container-3d
.swiper-cube-shadow
,
.swiper-container-3d
.swiper-slide
,
.swiper-container-3d
.swiper-slide-shadow-bottom
,
.swiper-container-3d
.swiper-slide-shadow-left
,
.swiper-container-3d
.swiper-slide-shadow-right
,
.swiper-container-3d
.swiper-slide-shadow-top
,
.swiper-container-3d
.swiper-wrapper
{
-webkit-transform-style
:
preserve-3d
;
transform-style
:
preserve-3d
}
.swiper-container-3d
.swiper-slide-shadow-bottom
,
.swiper-container-3d
.swiper-slide-shadow-left
,
.swiper-container-3d
.swiper-slide-shadow-right
,
.swiper-container-3d
.swiper-slide-shadow-top
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
pointer-events
:
none
;
z-index
:
10
}
.swiper-container-3d
.swiper-slide-shadow-left
{
background-image
:
-webkit-gradient
(
linear
,
right
top
,
left
top
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
270deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-3d
.swiper-slide-shadow-right
{
background-image
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
90deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-3d
.swiper-slide-shadow-top
{
background-image
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
0deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-3d
.swiper-slide-shadow-bottom
{
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
180deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-wp8-horizontal
,
.swiper-container-wp8-horizontal
>
.swiper-wrapper
{
-ms-touch-action
:
pan-y
;
touch-action
:
pan-y
}
.swiper-container-wp8-vertical
,
.swiper-container-wp8-vertical
>
.swiper-wrapper
{
-ms-touch-action
:
pan-x
;
touch-action
:
pan-x
}
.swiper-button-next
,
.swiper-button-prev
{
position
:
absolute
;
top
:
50%
;
width
:
27px
;
height
:
44px
;
margin-top
:
-22px
;
z-index
:
10
;
cursor
:
pointer
;
background-size
:
27px
44px
;
background-position
:
50%
;
background-repeat
:
no-repeat
}
.swiper-button-next.swiper-button-disabled
,
.swiper-button-prev.swiper-button-disabled
{
opacity
:
.35
;
cursor
:
auto
;
pointer-events
:
none
}
.swiper-button-prev
,
.swiper-container-rtl
.swiper-button-next
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
;
left
:
10px
;
right
:
auto
}
.swiper-button-next
,
.swiper-container-rtl
.swiper-button-prev
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
;
right
:
10px
;
left
:
auto
}
.swiper-button-prev.swiper-button-white
,
.swiper-container-rtl
.swiper-button-next.swiper-button-white
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-white
,
.swiper-container-rtl
.swiper-button-prev.swiper-button-white
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-prev.swiper-button-black
,
.swiper-container-rtl
.swiper-button-next.swiper-button-black
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-black
,
.swiper-container-rtl
.swiper-button-prev.swiper-button-black
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}
.swiper-button-lock
{
display
:
none
}
.swiper-pagination
{
position
:
absolute
;
text-align
:
center
;
-webkit-transition
:
opacity
.3s
;
transition
:
opacity
.3s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
z-index
:
10
}
.swiper-pagination.swiper-pagination-hidden
{
opacity
:
0
}
.swiper-container-horizontal
>
.swiper-pagination-bullets
,
.swiper-pagination-custom
,
.swiper-pagination-fraction
{
bottom
:
10px
;
left
:
0
;
width
:
100%
}
.swiper-pagination-bullets-dynamic
{
overflow
:
hidden
;
font-size
:
0
}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
-webkit-transform
:
scale
(
.33
);
transform
:
scale
(
.33
);
position
:
relative
}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active
,
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-main
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-prev
{
-webkit-transform
:
scale
(
.66
);
transform
:
scale
(
.66
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-prev-prev
{
-webkit-transform
:
scale
(
.33
);
transform
:
scale
(
.33
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-next
{
-webkit-transform
:
scale
(
.66
);
transform
:
scale
(
.66
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-next-next
{
-webkit-transform
:
scale
(
.33
);
transform
:
scale
(
.33
)}
.swiper-pagination-bullet
{
width
:
8px
;
height
:
8px
;
display
:
inline-block
;
border-radius
:
100%
;
background
:
#000
;
opacity
:
.2
}
button
.swiper-pagination-bullet
{
border
:
none
;
margin
:
0
;
padding
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
}
.swiper-pagination-clickable
.swiper-pagination-bullet
{
cursor
:
pointer
}
.swiper-pagination-bullet-active
{
opacity
:
1
;
background
:
#007aff
}
.swiper-container-vertical
>
.swiper-pagination-bullets
{
right
:
10px
;
top
:
50%
;
-webkit-transform
:
translate3d
(
0
,
-50%
,
0
);
transform
:
translate3d
(
0
,
-50%
,
0
)}
.swiper-container-vertical
>
.swiper-pagination-bullets
.swiper-pagination-bullet
{
margin
:
6px
0
;
display
:
block
}
.swiper-container-vertical
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
width
:
8px
}
.swiper-container-vertical
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
display
:
inline-block
;
-webkit-transition
:
top
.2s
,
-webkit-transform
.2s
;
transition
:
top
.2s
,
-webkit-transform
.2s
;
transition
:
transform
.2s
,
top
.2s
;
transition
:
transform
.2s
,
top
.2s
,
-webkit-transform
.2s
}
.swiper-container-horizontal
>
.swiper-pagination-bullets
.swiper-pagination-bullet
{
margin
:
0
4px
}
.swiper-container-horizontal
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
);
white-space
:
nowrap
}
.swiper-container-horizontal
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
-webkit-transition
:
left
.2s
,
-webkit-transform
.2s
;
transition
:
left
.2s
,
-webkit-transform
.2s
;
transition
:
transform
.2s
,
left
.2s
;
transition
:
transform
.2s
,
left
.2s
,
-webkit-transform
.2s
}
.swiper-container-horizontal.swiper-container-rtl
>
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
-webkit-transition
:
right
.2s
,
-webkit-transform
.2s
;
transition
:
right
.2s
,
-webkit-transform
.2s
;
transition
:
transform
.2s
,
right
.2s
;
transition
:
transform
.2s
,
right
.2s
,
-webkit-transform
.2s
}
.swiper-pagination-progressbar
{
background
:
rgba
(
0
,
0
,
0
,
.25
);
position
:
absolute
}
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill
{
background
:
#007aff
;
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
-webkit-transform-origin
:
left
top
;
transform-origin
:
left
top
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill
{
-webkit-transform-origin
:
right
top
;
transform-origin
:
right
top
}
.swiper-container-horizontal
>
.swiper-pagination-progressbar
,
.swiper-container-vertical
>
.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
width
:
100%
;
height
:
4px
;
left
:
0
;
top
:
0
}
.swiper-container-horizontal
>
.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
,
.swiper-container-vertical
>
.swiper-pagination-progressbar
{
width
:
4px
;
height
:
100%
;
left
:
0
;
top
:
0
}
.swiper-pagination-white
.swiper-pagination-bullet-active
{
background
:
#fff
}
.swiper-pagination-progressbar.swiper-pagination-white
{
background
:
hsla
(
0
,
0%
,
100%
,
.25
)}
.swiper-pagination-progressbar.swiper-pagination-white
.swiper-pagination-progressbar-fill
{
background
:
#fff
}
.swiper-pagination-black
.swiper-pagination-bullet-active
{
background
:
#000
}
.swiper-pagination-progressbar.swiper-pagination-black
{
background
:
rgba
(
0
,
0
,
0
,
.25
)}
.swiper-pagination-progressbar.swiper-pagination-black
.swiper-pagination-progressbar-fill
{
background
:
#000
}
.swiper-pagination-lock
{
display
:
none
}
.swiper-scrollbar
{
border-radius
:
10px
;
position
:
relative
;
-ms-touch-action
:
none
;
background
:
rgba
(
0
,
0
,
0
,
.1
)}
.swiper-container-horizontal
>
.swiper-scrollbar
{
position
:
absolute
;
left
:
1%
;
bottom
:
3px
;
z-index
:
50
;
height
:
5px
;
width
:
98%
}
.swiper-container-vertical
>
.swiper-scrollbar
{
position
:
absolute
;
right
:
3px
;
top
:
1%
;
z-index
:
50
;
width
:
5px
;
height
:
98%
}
.swiper-scrollbar-drag
{
height
:
100%
;
width
:
100%
;
position
:
relative
;
background
:
rgba
(
0
,
0
,
0
,
.5
);
border-radius
:
10px
;
left
:
0
;
top
:
0
}
.swiper-scrollbar-cursor-drag
{
cursor
:
move
}
.swiper-scrollbar-lock
{
display
:
none
}
.swiper-zoom-container
{
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
text-align
:
center
}
.swiper-zoom-container
>
canvas
,
.swiper-zoom-container
>
img
,
.swiper-zoom-container
>
svg
{
max-width
:
100%
;
max-height
:
100%
;
-o-object-fit
:
contain
;
object-fit
:
contain
}
.swiper-slide-zoomed
{
cursor
:
move
}
.swiper-lazy-preloader
{
width
:
42px
;
height
:
42px
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
margin-left
:
-21px
;
margin-top
:
-21px
;
z-index
:
10
;
-webkit-transform-origin
:
50%
;
transform-origin
:
50%
;
-webkit-animation
:
swiper-preloader-spin
1s
steps
(
12
)
infinite
;
animation
:
swiper-preloader-spin
1s
steps
(
12
)
infinite
}
.swiper-lazy-preloader
:after
{
display
:
block
;
content
:
""
;
width
:
100%
;
height
:
100%
;
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
60
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
90
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
120
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
150
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.37
' transform='
rotate
(
180
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.46
' transform='
rotate
(
210
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.56
' transform='
rotate
(
240
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.66
' transform='
rotate
(
270
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.75
' transform='
rotate
(
300
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.85
' transform='
rotate
(
330
60
60
)
'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='
0
0
120
120
' xmlns='
http
://
www
.
w3
.
org
/
2000
/
svg
' xmlns:xlink='
http
://
www
.
w3
.
org
/
1999
/
xlink
'%3E%3Cdefs%3E%3Cpath id='
a
' stroke='
%
23
fff
' stroke-width='
11
' stroke-linecap='
round
' d='
M60
7
v20
'/%3E%3C/defs%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
30
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
60
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
90
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
120
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
150
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.37
' transform='
rotate
(
180
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.46
' transform='
rotate
(
210
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.56
' transform='
rotate
(
240
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.66
' transform='
rotate
(
270
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.75
' transform='
rotate
(
300
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.85
' transform='
rotate
(
330
60
60
)
'
/
%
3
E
%
3
C
/
svg
%
3
E
")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.awesomplete [hidden]{display:none}.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}.awesomplete{display:inline-block;position:relative}.awesomplete>input{display:block}.awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;padding:0;margin:0;background:#fff}.awesomplete>ul:empty{display:none}.c-breadcrumbs{padding-top:1em}.c-cookies-warning{position:fixed;left:0;right:0;bottom:0;padding:15px 20px 10px;background:#f6f6f6;overflow:hidden;z-index:100;font-size:14px}.c-cookies-warning .bu-action{margin-top:10px}.c-cookies-warning .bu-action--alt{float:right}.c-cookies-warning--actions{margin:0;padding:5px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-cookies-warning--actions .c-btn--main,.c-cookies-warning--actions .c-btn--slim{padding:7px 12px 6px;font-weight:400}.c-cookies-warning--actions .c-btn--slim{border-width:1px}.c-copyright{text-align:center;font-size:13px;line-height:15px;padding-bottom:60px}.c-feedbacks--img{position:absolute;top:-32px;left:50%;margin-left:-42px}.c-feedbacks--feedback{margin:0 auto 17px;max-width:400px;height:79px;color:#2a3644;font-family:Georgia;font-size:21px;line-height:40px;text-align:center;overflow:hidden}.c-feedbacks--name{color:#919191;font-family:Georgia;font-size:15px;line-height:17px;text-align:center}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}.swiper-pagination-bullet{width:9px;height:9px;background:#d8d8d8;opacity:1}.swiper-pagination-bullet-active{background:#717171}.c-footer-sections{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-footer-section{-webkit-box-flex:10;-ms-flex:10 0 15%;flex:10 0 15%;line-height:25px;margin:0 0 30px}.c-footer-section:first-child{-webkit-box-flex:5;-ms-flex:5 0 15%;flex:5 0 15%}.c-footer-section:nth-child(4){-webkit-box-flex:1;-ms-flex:1 0 15%;flex:1 0 15%}.c-footer-section h4{margin:0;padding:0}.c-footer-section--heading{margin:0;font-weight:500}.c-form--checkbox--error+label:before{border-color:#eb4646}.c-form--validation{position:absolute;top:50%;left:100%;min-width:200px;background-color:#fff;margin-top:11px;padding:10px 15px;border:1px solid;-webkit-transform:translate(30px,-50%);transform:translate(30px,-50%);font-size:13px;line-height:20px}.c-form--input-wrap--error .c-form--input,.c-form--input-wrap--error .c-form--textarea{border-color:#eb4646}.c-form--input-wrap--success .c-form--input,.c-form--input-wrap--success .c-form--textarea{border-color:#17dab9}.c-form--validation-error{color:#eb4646;border-color:#eb4646;margin-bottom:10px}.c-form--validation-success{color:#17dab9;border-color:#17dab9;margin-bottom:10px}.c-job--title{margin:0 0 40px;padding:0;color:#2a3644;font-size:30px;font-weight:500;line-height:39px}.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{color:#1fb299;color:var(--color--green)}.c-jobs--table{width:100%;margin:0 0 20px}.c-jobs--col{background:#fff;vertical-align:middle;border-bottom:1px solid #f8f8f8;border-bottom:1px solid var(--color--gray-light);color:#868c93;padding-top:10px;padding-bottom:10px}.c-jobs--col-position{padding-left:15px;padding-right:5px}.c-jobs--col-city{white-space:nowrap;padding-right:5px;padding-left:5px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.c-jobs--col-valid{color:#19c5a7;white-space:nowrap;padding-right:15px;padding-left:5px}.c-jobs--anchor{display:block;padding:10px 0;color:#004ed4;font-weight:500;line-height:18px;text-decoration:none}.c-jobs--anchor:visited{color:#6b7888}.c-jobs--more{margin-bottom:70px}.pods-pagination-paginate{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:90px}.page-numbers{width:46px;height:46px;background:#fff;margin-right:1px;text-decoration:none;text-align:center;line-height:46px;color:#1fb299;font-size:16px}.page-numbers.current{background:#1fb299;color:#fff}.next:after{margin:0 0 2px -6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.next:after,.prev:after{display:inline-block;content:"
"
;
width
:
8px
;
height
:
8px
;
border
:
1px
solid
#1fb299
;
border-width
:
1px
1px
0
0
}
.prev
:after
{
margin
:
0
-6px
2px
0
;
-webkit-transform
:
rotate
(
-135deg
);
transform
:
rotate
(
-135deg
)}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-jobs-section--heading
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
18px
;
font-weight
:
500
;
line-height
:
21px
}
.c-jobs-section--content
{
overflow
:
hidden
}
.c-jobs-section--is-closed
.c-jobs-section--content
{
max-height
:
100px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-jobs-section--item
{
line-height
:
33px
}
.c-jobs-section--anchor
{
color
:
#939393
;
font-size
:
14px
;
text-decoration
:
none
}
.c-jobs-section--expand
{
display
:
block
;
color
:
#004ed4
;
font-size
:
14px
;
font-weight
:
500
;
margin-top
:
10px
;
padding
:
5px
0
;
text-decoration
:
none
}
.c-nav--main-item
{
position
:
relative
;
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
;
z-index
:
500
}
.c-nav--main-anchor
{
display
:
block
;
padding
:
5px
0
4px
;
text-transform
:
uppercase
;
border-bottom
:
2px
solid
transparent
;
text-decoration
:
none
;
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
);
font-weight
:
700
;
letter-spacing
:
1px
;
opacity
:
.6
}
.c-nav--main-anchor
:hover
{
opacity
:
1
}
.c-nav--sub
{
position
:
absolute
;
top
:
100%
}
.c-nav--sub-item
{
margin-right
:
46px
}
.c-nav--sub-anchor
{
display
:
block
;
padding
:
16px
0
17px
;
color
:
#fff
;
text-transform
:
uppercase
;
white-space
:
nowrap
;
text-decoration
:
none
;
font-weight
:
700
;
letter-spacing
:
1.08px
;
line-height
:
1
}
.c-nav--sub-anchor
:hover
{
color
:
#1fb299
;
color
:
var
(
--color--green
)}
.c-nav--footer
{
font-weight
:
300
}
.c-nav--footer
a
{
text-decoration
:
none
}
.c-nav--footer
a
:hover
{
text-decoration
:
underline
}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
;
height
:
32px
}
.c-nav--lang
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
background
:
#fff
;
border-radius
:
3px
;
z-index
:
20
;
font-weight
:
500
}
.c-nav--lang
:hover
.c-nav--lang-item
{
display
:
block
}
.c-nav--lang-item
{
padding
:
6px
0
}
.c-nav--lang-item
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-nav--lang-anchor
{
padding-left
:
34px
;
text-decoration
:
none
;
display
:
block
;
color
:
#2a3644
;
font-size
:
14px
;
line-height
:
24px
;
background-repeat
:
no-repeat
;
background-position
:
6px
0
;
background-size
:
20px
20px
}
.c-nav--lang-anchor
:hover
{
text-decoration
:
underline
}
.c-nav--lang-anchor
svg
{
float
:
right
;
margin
:
9px
6px
0
0
}
.c-nav--lang-anchor-lt
{
background-image
:
url(/wp-content/themes/biuro/i/lang/lt.png)
}
.c-nav--lang-anchor-en
{
background-image
:
url(/wp-content/themes/biuro/i/lang/en.png)
}
.c-nav--lang-anchor-de
{
background-image
:
url(/wp-content/themes/biuro/i/lang/de.png)
}
.c-nav--lang-anchor-ru
{
background-image
:
url(/wp-content/themes/biuro/i/lang/ru.png)
}
.c-nav--lang-anchor-lv
{
background-image
:
url(/wp-content/themes/biuro/i/lang/lv.png)
}
.c-nav--lang-anchor-ee
{
background-image
:
url(/wp-content/themes/biuro/i/lang/ee.png)
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding
:
50px
20px
135px
}
.c-sections--heading
{
color
:
#2a3644
;
margin
:
0
0
40px
;
padding
:
0
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
text-align
:
center
}
.c-sections--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-sections--item
{
position
:
relative
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
300px
;
flex
:
0
0
300px
;
height
:
211px
;
margin-bottom
:
30px
}
.c-sections--item-inner
{
top
:
0
;
height
:
211px
;
padding
:
27px
21px
;
border-radius
:
3px
;
-webkit-box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
);
box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
);
overflow
:
hidden
}
.c-sections--item-inner
,
.c-sections--toggle
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
background
:
#fff
}
.c-sections--toggle
{
bottom
:
0
;
padding
:
15px
0
;
text-align
:
center
;
border-radius
:
0
0
3px
3px
;
z-index
:
60
;
-webkit-box-shadow
:
0
-37px
24px
0
hsla
(
0
,
0%
,
100%
,
.78
);
box-shadow
:
0
-37px
24px
0
hsla
(
0
,
0%
,
100%
,
.78
);
cursor
:
pointer
}
.c-sections--toggle-up
{
display
:
none
}
.c-sections--header
{
height
:
56px
;
margin-bottom
:
20px
;
overflow
:
hidden
;
color
:
#004ed4
;
font-size
:
15px
;
font-weight
:
700
;
line-height
:
56px
}
.c-sections--ico
{
float
:
left
;
margin-right
:
20px
;
height
:
56px
;
width
:
56px
;
background-color
:
#e8f0ff
;
border-radius
:
50%
}
.c-sections--content
{
color
:
#868c93
;
font-size
:
12px
;
line-height
:
20px
}
.c-sections--content
ul
{
margin
:
30px
0
0
;
padding
:
0
;
list-style
:
none
}
.c-sections--is-open
{
height
:
451px
;
z-index
:
80
}
.c-sections--is-open
.c-sections--toggle
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.c-sections--is-open
.c-sections--toggle-down
{
display
:
none
}
.c-sections--is-open
.c-sections--toggle-up
{
display
:
inline
}
.c-services
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-services--item
{
position
:
relative
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
253px
;
flex
:
0
0
253px
;
height
:
245px
}
.c-services--item-inner
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
245px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
);
box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
)}
.c-services--toggle
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
bottom
:
0
;
padding
:
10px
0
;
text-align
:
center
;
cursor
:
pointer
}
.c-services--toggle-up
{
display
:
none
}
.c-services--is-open
{
height
:
341px
}
.c-services--is-open
.c-services--toggle-down
{
display
:
none
}
.c-services--is-open
.c-services--toggle-up
{
display
:
inline
}
.c-services--is-open
.c-services--content
{
display
:
block
}
.c-services--ico
{
height
:
56px
;
width
:
56px
;
background-color
:
#e1fffa
;
border-radius
:
50%
;
margin
:
34px
auto
22px
}
.c-services--heading
{
min-height
:
44px
;
padding
:
0
20px
;
color
:
#1fb299
;
font-size
:
15px
;
font-weight
:
700
;
line-height
:
18px
;
text-align
:
center
}
.c-services--sub-heading
{
min-height
:
27px
;
margin
:
0
;
padding
:
0
10px
;
color
:
#2a3644
;
font-size
:
14px
;
font-weight
:
700
;
line-height
:
25px
;
text-align
:
center
}
.c-services--content
{
display
:
none
}
.c-services--content
ul
{
position
:
absolute
;
margin
:
0
;
padding
:
0
0
40px
;
list-style
:
none
;
width
:
100%
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-services--content
li
{
color
:
#6c7683
;
font-size
:
14px
;
font-weight
:
500
;
line-height
:
25px
;
text-align
:
center
}
.c-share
{
margin-bottom
:
90px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--options
{
-ms-flex-pack
:
center
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-share--option
{
height
:
36px
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
50px
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
;
text-decoration
:
none
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-ms-flex-pack
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-social
{
margin-bottom
:
40px
;
text-align
:
center
}
.c-social--anchor
{
text-decoration
:
none
;
margin
:
0
5px
;
padding
:
0
10px
}
.c-values--section
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
40%
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
display
:
inline-block
;
min-width
:
139px
;
min-height
:
66px
;
margin
:
0
0
18px
;
padding
:
0
10px
0
0
;
border-bottom
:
4px
solid
#fff
;
font-size
:
45px
;
line-height
:
53px
;
font-weight
:
700
}
.c-values--content
{
display
:
block
;
min-height
:
80px
;
margin
:
0
0
20px
;
padding
:
0
;
font-size
:
15px
;
line-height
:
30px
;
font-weight
:
500
}
.is-nav--main-item-active
{
position
:
relative
}
.is-nav--main-item-active
.c-nav--sub
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.is-nav--main-anchor-active
{
border-bottom-color
:
#1d2a3a
;
border-bottom-color
:
var
(
--color--blue-dark
);
opacity
:
1
}
.is-nav--sub-anchor-active
{
color
:
#149a83
;
color
:
var
(
--color--green-darker
)}
.u-align--center
{
text-align
:
center
}
.tmp-contacts
img
{
display
:
none
}
.tmp-contacts
ul
{
padding-left
:
5px
}
.c-logos
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-logos
div
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
21%
;
flex
:
0
0
21%
;
border
:
1px
solid
grey
;
padding
:
1em
;
margin-bottom
:
1em
;
text-align
:
center
}
.biuro-ti-img
{
display
:
none
}
@media
(
min-width
:
80em
){
[
href
^=
tel
]
{
pointer-events
:
none
;
text-decoration
:
none
;
color
:
inherit
}}
@media
(
max-width
:
47.999em
){
.c-fixed-footer
{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
background
:
hsla
(
0
,
0%
,
100%
,
.85
);
padding
:
20px
20px
0
;
-webkit-box-shadow
:
0
-1px
1px
0
rgba
(
0
,
0
,
0
,
.45
);
box-shadow
:
0
-1px
1px
0
rgba
(
0
,
0
,
0
,
.45
)}}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
hr
{
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
;
height
:
0
;
overflow
:
visible
}
pre
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
a
{
background-color
:
transparent
}
abbr
[
title
]
{
border-bottom
:
none
;
text-decoration
:
underline
;
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
b
,
strong
{
font-weight
:
bolder
}
code
,
kbd
,
samp
{
font-family
:
monospace
,
monospace
;
font-size
:
1em
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
img
{
border-style
:
none
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
line-height
:
1.15
;
margin
:
0
}
button
,
input
{
overflow
:
visible
}
button
,
select
{
text-transform
:
none
}
[
type
=
button
],[
type
=
reset
],[
type
=
submit
],
button
{
-webkit-appearance
:
button
}
[
type
=
button
]
::-moz-focus-inner
,[
type
=
reset
]
::-moz-focus-inner
,[
type
=
submit
]
::-moz-focus-inner
,
button
::-moz-focus-inner
{
border-style
:
none
;
padding
:
0
}
[
type
=
button
]
:-moz-focusring
,[
type
=
reset
]
:-moz-focusring
,[
type
=
submit
]
:-moz-focusring
,
button
:-moz-focusring
{
outline
:
1px
dotted
ButtonText
}
fieldset
{
padding
:
.35em
.75em
.625em
}
legend
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
color
:
inherit
;
display
:
table
;
max-width
:
100%
;
padding
:
0
;
white-space
:
normal
}
progress
{
vertical-align
:
baseline
}
textarea
{
overflow
:
auto
}
[
type
=
checkbox
],[
type
=
radio
]
{
-webkit-box-sizing
:
border-box
;
box-sizing
:
border-box
;
padding
:
0
}
[
type
=
number
]
::-webkit-inner-spin-button
,[
type
=
number
]
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
[
type
=
search
]
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
details
{
display
:
block
}
summary
{
display
:
list-item
}
[
hidden
],
template
{
display
:
none
}
a
:hover
{
text-decoration
:
none
}
figure
{
margin
:
0
}
img
{
max-width
:
100%
}
p
{
margin
:
0
0
1.6rem
}
b
,
strong
{
font-weight
:
700
;
font-weight
:
var
(
--typo--weight-bold
)}
table
{
border-collapse
:
collapse
;
border-spacing
:
0
}
.l-inner--header
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-orient
:
horizontal
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
row
;
flex-direction
:
row
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
}
.swiper-container
{
margin
:
0
auto
;
position
:
relative
;
overflow
:
hidden
;
list-style
:
none
;
padding
:
0
;
z-index
:
1
}
.swiper-container-no-flexbox
.swiper-slide
{
float
:
left
}
.swiper-container-vertical
>
.swiper-wrapper
{
-webkit-box-orient
:
vertical
;
-webkit-box-direction
:
normal
;
-ms-flex-direction
:
column
;
flex-direction
:
column
}
.swiper-wrapper
{
position
:
relative
;
width
:
100%
;
height
:
100%
;
z-index
:
1
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-transition-property
:
-webkit-transform
;
transition-property
:
-webkit-transform
;
transition-property
:
transform
;
transition-property
:
transform
,
-webkit-transform
;
-webkit-box-sizing
:
content-box
;
box-sizing
:
content-box
}
.swiper-container-android
.swiper-slide
,
.swiper-wrapper
{
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
)}
.swiper-container-multirow
>
.swiper-wrapper
{
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
}
.swiper-container-free-mode
>
.swiper-wrapper
{
-webkit-transition-timing-function
:
ease-out
;
transition-timing-function
:
ease-out
;
margin
:
0
auto
}
.swiper-slide
{
-ms-flex-negative
:
0
;
flex-shrink
:
0
;
width
:
100%
;
height
:
100%
;
position
:
relative
;
-webkit-transition-property
:
-webkit-transform
;
transition-property
:
-webkit-transform
;
transition-property
:
transform
;
transition-property
:
transform
,
-webkit-transform
}
.swiper-slide-invisible-blank
{
visibility
:
hidden
}
.swiper-container-autoheight
,
.swiper-container-autoheight
.swiper-slide
{
height
:
auto
}
.swiper-container-autoheight
.swiper-wrapper
{
-webkit-box-align
:
start
;
-ms-flex-align
:
start
;
align-items
:
flex-start
;
-webkit-transition-property
:
height
,
-webkit-transform
;
transition-property
:
height
,
-webkit-transform
;
transition-property
:
transform
,
height
;
transition-property
:
transform
,
height
,
-webkit-transform
}
.swiper-container-3d
{
-webkit-perspective
:
1200px
;
perspective
:
1200px
}
.swiper-container-3d
.swiper-cube-shadow
,
.swiper-container-3d
.swiper-slide
,
.swiper-container-3d
.swiper-slide-shadow-bottom
,
.swiper-container-3d
.swiper-slide-shadow-left
,
.swiper-container-3d
.swiper-slide-shadow-right
,
.swiper-container-3d
.swiper-slide-shadow-top
,
.swiper-container-3d
.swiper-wrapper
{
-webkit-transform-style
:
preserve-3d
;
transform-style
:
preserve-3d
}
.swiper-container-3d
.swiper-slide-shadow-bottom
,
.swiper-container-3d
.swiper-slide-shadow-left
,
.swiper-container-3d
.swiper-slide-shadow-right
,
.swiper-container-3d
.swiper-slide-shadow-top
{
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
pointer-events
:
none
;
z-index
:
10
}
.swiper-container-3d
.swiper-slide-shadow-left
{
background-image
:
-webkit-gradient
(
linear
,
right
top
,
left
top
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
270deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-3d
.swiper-slide-shadow-right
{
background-image
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
90deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-3d
.swiper-slide-shadow-top
{
background-image
:
-webkit-gradient
(
linear
,
left
bottom
,
left
top
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
0deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-3d
.swiper-slide-shadow-bottom
{
background-image
:
-webkit-gradient
(
linear
,
left
top
,
left
bottom
,
from
(
rgba
(
0
,
0
,
0
,
.5
)),
to
(
transparent
));
background-image
:
linear-gradient
(
180deg
,
rgba
(
0
,
0
,
0
,
.5
),
transparent
)}
.swiper-container-wp8-horizontal
,
.swiper-container-wp8-horizontal
>
.swiper-wrapper
{
-ms-touch-action
:
pan-y
;
touch-action
:
pan-y
}
.swiper-container-wp8-vertical
,
.swiper-container-wp8-vertical
>
.swiper-wrapper
{
-ms-touch-action
:
pan-x
;
touch-action
:
pan-x
}
.swiper-button-next
,
.swiper-button-prev
{
position
:
absolute
;
top
:
50%
;
width
:
27px
;
height
:
44px
;
margin-top
:
-22px
;
z-index
:
10
;
cursor
:
pointer
;
background-size
:
27px
44px
;
background-position
:
50%
;
background-repeat
:
no-repeat
}
.swiper-button-next.swiper-button-disabled
,
.swiper-button-prev.swiper-button-disabled
{
opacity
:
.35
;
cursor
:
auto
;
pointer-events
:
none
}
.swiper-button-prev
,
.swiper-container-rtl
.swiper-button-next
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E")
;
left
:
10px
;
right
:
auto
}
.swiper-button-next
,
.swiper-container-rtl
.swiper-button-prev
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E")
;
right
:
10px
;
left
:
auto
}
.swiper-button-prev.swiper-button-white
,
.swiper-container-rtl
.swiper-button-next.swiper-button-white
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-white
,
.swiper-container-rtl
.swiper-button-prev.swiper-button-white
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-prev.swiper-button-black
,
.swiper-container-rtl
.swiper-button-next.swiper-button-black
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-black
,
.swiper-container-rtl
.swiper-button-prev.swiper-button-black
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}
.swiper-button-lock
{
display
:
none
}
.swiper-pagination
{
position
:
absolute
;
text-align
:
center
;
-webkit-transition
:
opacity
.3s
;
transition
:
opacity
.3s
;
-webkit-transform
:
translateZ
(
0
);
transform
:
translateZ
(
0
);
z-index
:
10
}
.swiper-pagination.swiper-pagination-hidden
{
opacity
:
0
}
.swiper-container-horizontal
>
.swiper-pagination-bullets
,
.swiper-pagination-custom
,
.swiper-pagination-fraction
{
bottom
:
10px
;
left
:
0
;
width
:
100%
}
.swiper-pagination-bullets-dynamic
{
overflow
:
hidden
;
font-size
:
0
}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
-webkit-transform
:
scale
(
.33
);
transform
:
scale
(
.33
);
position
:
relative
}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active
,
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-main
{
-webkit-transform
:
scale
(
1
);
transform
:
scale
(
1
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-prev
{
-webkit-transform
:
scale
(
.66
);
transform
:
scale
(
.66
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-prev-prev
{
-webkit-transform
:
scale
(
.33
);
transform
:
scale
(
.33
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-next
{
-webkit-transform
:
scale
(
.66
);
transform
:
scale
(
.66
)}
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet-active-next-next
{
-webkit-transform
:
scale
(
.33
);
transform
:
scale
(
.33
)}
.swiper-pagination-bullet
{
width
:
8px
;
height
:
8px
;
display
:
inline-block
;
border-radius
:
100%
;
background
:
#000
;
opacity
:
.2
}
button
.swiper-pagination-bullet
{
border
:
none
;
margin
:
0
;
padding
:
0
;
-webkit-box-shadow
:
none
;
box-shadow
:
none
;
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
}
.swiper-pagination-clickable
.swiper-pagination-bullet
{
cursor
:
pointer
}
.swiper-pagination-bullet-active
{
opacity
:
1
;
background
:
#007aff
}
.swiper-container-vertical
>
.swiper-pagination-bullets
{
right
:
10px
;
top
:
50%
;
-webkit-transform
:
translate3d
(
0
,
-50%
,
0
);
transform
:
translate3d
(
0
,
-50%
,
0
)}
.swiper-container-vertical
>
.swiper-pagination-bullets
.swiper-pagination-bullet
{
margin
:
6px
0
;
display
:
block
}
.swiper-container-vertical
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
top
:
50%
;
-webkit-transform
:
translateY
(
-50%
);
transform
:
translateY
(
-50%
);
width
:
8px
}
.swiper-container-vertical
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
display
:
inline-block
;
-webkit-transition
:
top
.2s
,
-webkit-transform
.2s
;
transition
:
top
.2s
,
-webkit-transform
.2s
;
transition
:
transform
.2s
,
top
.2s
;
transition
:
transform
.2s
,
top
.2s
,
-webkit-transform
.2s
}
.swiper-container-horizontal
>
.swiper-pagination-bullets
.swiper-pagination-bullet
{
margin
:
0
4px
}
.swiper-container-horizontal
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
{
left
:
50%
;
-webkit-transform
:
translateX
(
-50%
);
transform
:
translateX
(
-50%
);
white-space
:
nowrap
}
.swiper-container-horizontal
>
.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
-webkit-transition
:
left
.2s
,
-webkit-transform
.2s
;
transition
:
left
.2s
,
-webkit-transform
.2s
;
transition
:
transform
.2s
,
left
.2s
;
transition
:
transform
.2s
,
left
.2s
,
-webkit-transform
.2s
}
.swiper-container-horizontal.swiper-container-rtl
>
.swiper-pagination-bullets-dynamic
.swiper-pagination-bullet
{
-webkit-transition
:
right
.2s
,
-webkit-transform
.2s
;
transition
:
right
.2s
,
-webkit-transform
.2s
;
transition
:
transform
.2s
,
right
.2s
;
transition
:
transform
.2s
,
right
.2s
,
-webkit-transform
.2s
}
.swiper-pagination-progressbar
{
background
:
rgba
(
0
,
0
,
0
,
.25
);
position
:
absolute
}
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill
{
background
:
#007aff
;
position
:
absolute
;
left
:
0
;
top
:
0
;
width
:
100%
;
height
:
100%
;
-webkit-transform
:
scale
(
0
);
transform
:
scale
(
0
);
-webkit-transform-origin
:
left
top
;
transform-origin
:
left
top
}
.swiper-container-rtl
.swiper-pagination-progressbar
.swiper-pagination-progressbar-fill
{
-webkit-transform-origin
:
right
top
;
transform-origin
:
right
top
}
.swiper-container-horizontal
>
.swiper-pagination-progressbar
,
.swiper-container-vertical
>
.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
{
width
:
100%
;
height
:
4px
;
left
:
0
;
top
:
0
}
.swiper-container-horizontal
>
.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite
,
.swiper-container-vertical
>
.swiper-pagination-progressbar
{
width
:
4px
;
height
:
100%
;
left
:
0
;
top
:
0
}
.swiper-pagination-white
.swiper-pagination-bullet-active
{
background
:
#fff
}
.swiper-pagination-progressbar.swiper-pagination-white
{
background
:
hsla
(
0
,
0%
,
100%
,
.25
)}
.swiper-pagination-progressbar.swiper-pagination-white
.swiper-pagination-progressbar-fill
{
background
:
#fff
}
.swiper-pagination-black
.swiper-pagination-bullet-active
{
background
:
#000
}
.swiper-pagination-progressbar.swiper-pagination-black
{
background
:
rgba
(
0
,
0
,
0
,
.25
)}
.swiper-pagination-progressbar.swiper-pagination-black
.swiper-pagination-progressbar-fill
{
background
:
#000
}
.swiper-pagination-lock
{
display
:
none
}
.swiper-scrollbar
{
border-radius
:
10px
;
position
:
relative
;
-ms-touch-action
:
none
;
background
:
rgba
(
0
,
0
,
0
,
.1
)}
.swiper-container-horizontal
>
.swiper-scrollbar
{
position
:
absolute
;
left
:
1%
;
bottom
:
3px
;
z-index
:
50
;
height
:
5px
;
width
:
98%
}
.swiper-container-vertical
>
.swiper-scrollbar
{
position
:
absolute
;
right
:
3px
;
top
:
1%
;
z-index
:
50
;
width
:
5px
;
height
:
98%
}
.swiper-scrollbar-drag
{
height
:
100%
;
width
:
100%
;
position
:
relative
;
background
:
rgba
(
0
,
0
,
0
,
.5
);
border-radius
:
10px
;
left
:
0
;
top
:
0
}
.swiper-scrollbar-cursor-drag
{
cursor
:
move
}
.swiper-scrollbar-lock
{
display
:
none
}
.swiper-zoom-container
{
width
:
100%
;
height
:
100%
;
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
center
;
-ms-flex-pack
:
center
;
justify-content
:
center
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
text-align
:
center
}
.swiper-zoom-container
>
canvas
,
.swiper-zoom-container
>
img
,
.swiper-zoom-container
>
svg
{
max-width
:
100%
;
max-height
:
100%
;
-o-object-fit
:
contain
;
object-fit
:
contain
}
.swiper-slide-zoomed
{
cursor
:
move
}
.swiper-lazy-preloader
{
width
:
42px
;
height
:
42px
;
position
:
absolute
;
left
:
50%
;
top
:
50%
;
margin-left
:
-21px
;
margin-top
:
-21px
;
z-index
:
10
;
-webkit-transform-origin
:
50%
;
transform-origin
:
50%
;
-webkit-animation
:
swiper-preloader-spin
1s
steps
(
12
)
infinite
;
animation
:
swiper-preloader-spin
1s
steps
(
12
)
infinite
}
.swiper-lazy-preloader
:after
{
display
:
block
;
content
:
""
;
width
:
100%
;
height
:
100%
;
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
60
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
90
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
120
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
150
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.37
' transform='
rotate
(
180
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.46
' transform='
rotate
(
210
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.56
' transform='
rotate
(
240
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.66
' transform='
rotate
(
270
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.75
' transform='
rotate
(
300
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.85
' transform='
rotate
(
330
60
60
)
'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='
0
0
120
120
' xmlns='
http
://
www
.
w3
.
org
/
2000
/
svg
' xmlns:xlink='
http
://
www
.
w3
.
org
/
1999
/
xlink
'%3E%3Cdefs%3E%3Cpath id='
a
' stroke='
%
23
fff
' stroke-width='
11
' stroke-linecap='
round
' d='
M60
7
v20
'/%3E%3C/defs%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
30
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
60
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
90
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
120
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.27
' transform='
rotate
(
150
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.37
' transform='
rotate
(
180
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.46
' transform='
rotate
(
210
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.56
' transform='
rotate
(
240
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.66
' transform='
rotate
(
270
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.75
' transform='
rotate
(
300
60
60
)
'/%3E%3Cuse xlink:href='
%
23
a
' opacity='
.85
' transform='
rotate
(
330
60
60
)
'
/
%
3
E
%
3
C
/
svg
%
3
E
")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.c-404{text-align:center;padding:200px 0}.c-404--heading{height:128px;margin:0;padding:0;color:#069980;font-size:109px;font-weight:500;line-height:128px}.c-404--message{margin-bottom:40px}.awesomplete [hidden]{display:none}.awesomplete .visually-hidden{position:absolute;clip:rect(0,0,0,0)}.awesomplete{display:inline-block;position:relative}.awesomplete>input{display:block}.awesomplete>ul{position:absolute;left:0;z-index:1;min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none;padding:0;margin:0;background:#fff}.awesomplete>ul:empty{display:none}.c-breadcrumbs{padding-top:1em}.c-cookies-warning{position:fixed;left:0;right:0;bottom:0;padding:15px 20px 10px;background:#f6f6f6;overflow:hidden;z-index:100;font-size:14px}.c-cookies-warning .bu-action{margin-top:10px}.c-cookies-warning .bu-action--alt{float:right}.c-cookies-warning--actions{margin:0;padding:5px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.c-cookies-warning--actions .c-btn--main,.c-cookies-warning--actions .c-btn--slim{padding:7px 12px 6px;font-weight:400}.c-cookies-warning--actions .c-btn--slim{border-width:1px}.c-copyright{text-align:center;font-size:13px;line-height:15px;padding-bottom:60px}.c-feedbacks--img{position:absolute;top:-32px;left:50%;margin-left:-42px}.c-feedbacks--feedback{margin:0 auto 17px;max-width:400px;height:79px;color:#2a3644;font-family:Georgia;font-size:21px;line-height:40px;text-align:center;overflow:hidden}.c-feedbacks--name{color:#919191;font-family:Georgia;font-size:15px;line-height:17px;text-align:center}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}.swiper-pagination-bullet{width:9px;height:9px;background:#d8d8d8;opacity:1}.swiper-pagination-bullet-active{background:#717171}.c-footer-sections{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.c-footer-section{-webkit-box-flex:10;-ms-flex:10 0 15%;flex:10 0 15%;line-height:25px;margin:0 0 30px}.c-footer-section:first-child{-webkit-box-flex:5;-ms-flex:5 0 15%;flex:5 0 15%}.c-footer-section:nth-child(4){-webkit-box-flex:1;-ms-flex:1 0 15%;flex:1 0 15%}.c-footer-section h4{margin:0;padding:0}.c-footer-section--heading{margin:0;font-weight:500}.c-form--checkbox--error+label:before{border-color:#eb4646}.c-form--validation{position:absolute;top:50%;left:100%;min-width:200px;background-color:#fff;margin-top:11px;padding:10px 15px;border:1px solid;-webkit-transform:translate(30px,-50%);transform:translate(30px,-50%);font-size:13px;line-height:20px}.c-form--input-wrap--error .c-form--input,.c-form--input-wrap--error .c-form--textarea{border-color:#eb4646}.c-form--input-wrap--success .c-form--input,.c-form--input-wrap--success .c-form--textarea{border-color:#17dab9}.c-form--validation-error{color:#eb4646;border-color:#eb4646;margin-bottom:10px}.c-form--validation-success{color:#17dab9;border-color:#17dab9;margin-bottom:10px}.c-job--title{margin:0 0 40px;padding:0;color:#2a3644;font-size:30px;font-weight:500;line-height:39px}.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{color:#1fb299;color:var(--color--green)}.c-jobs--table{width:100%;margin:0 0 20px}.c-jobs--col{background:#fff;vertical-align:middle;border-bottom:1px solid #f8f8f8;border-bottom:1px solid var(--color--gray-light);color:#868c93;padding-top:10px;padding-bottom:10px}.c-jobs--col-position{padding-left:15px;padding-right:5px}.c-jobs--col-city{white-space:nowrap;padding-right:5px;padding-left:5px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.c-jobs--col-valid{color:#19c5a7;white-space:nowrap;padding-right:15px;padding-left:5px}.c-jobs--anchor{display:block;padding:10px 0;color:#004ed4;font-weight:500;line-height:18px;text-decoration:none}.c-jobs--anchor:visited{color:#6b7888}.c-jobs--more{margin-bottom:70px}.pods-pagination-paginate{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:90px}.page-numbers{width:46px;height:46px;background:#fff;margin-right:1px;text-decoration:none;text-align:center;line-height:46px;color:#1fb299;font-size:16px}.page-numbers.current{background:#1fb299;color:#fff}.next:after{margin:0 0 2px -6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.next:after,.prev:after{display:inline-block;content:"
"
;
width
:
8px
;
height
:
8px
;
border
:
1px
solid
#1fb299
;
border-width
:
1px
1px
0
0
}
.prev
:after
{
margin
:
0
-6px
2px
0
;
-webkit-transform
:
rotate
(
-135deg
);
transform
:
rotate
(
-135deg
)}
.c-jobs-section
{
margin
:
0
20px
20px
0
;
padding
:
28px
28px
23px
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-jobs-section--heading
{
margin
:
0
0
15px
;
padding
:
0
;
color
:
#2a3644
;
font-size
:
18px
;
font-weight
:
500
;
line-height
:
21px
}
.c-jobs-section--content
{
overflow
:
hidden
}
.c-jobs-section--is-closed
.c-jobs-section--content
{
max-height
:
100px
}
.c-jobs-section--list
{
margin
:
0
;
padding
:
0
;
list-style
:
none
}
.c-jobs-section--item
{
line-height
:
33px
}
.c-jobs-section--anchor
{
color
:
#939393
;
font-size
:
14px
;
text-decoration
:
none
}
.c-jobs-section--expand
{
display
:
block
;
color
:
#004ed4
;
font-size
:
14px
;
font-weight
:
500
;
margin-top
:
10px
;
padding
:
5px
0
;
text-decoration
:
none
}
.c-nav--main-item
{
position
:
relative
;
height
:
70px
;
margin-right
:
26px
;
padding
:
23px
0
0
;
z-index
:
500
}
.c-nav--main-anchor
{
display
:
block
;
padding
:
5px
0
4px
;
text-transform
:
uppercase
;
border-bottom
:
2px
solid
transparent
;
text-decoration
:
none
;
color
:
#1d2a3a
;
color
:
var
(
--color--blue-dark
);
font-weight
:
700
;
letter-spacing
:
1px
;
opacity
:
.6
}
.c-nav--main-anchor
:hover
{
opacity
:
1
}
.c-nav--sub
{
position
:
absolute
;
top
:
100%
}
.c-nav--sub-item
{
margin-right
:
46px
}
.c-nav--sub-anchor
{
display
:
block
;
padding
:
16px
0
17px
;
color
:
#fff
;
text-transform
:
uppercase
;
white-space
:
nowrap
;
text-decoration
:
none
;
font-weight
:
700
;
letter-spacing
:
1.08px
;
line-height
:
1
}
.c-nav--sub-anchor
:hover
{
color
:
#1fb299
;
color
:
var
(
--color--green
)}
.c-nav--footer
{
font-weight
:
300
}
.c-nav--footer
a
{
text-decoration
:
none
}
.c-nav--footer
a
:hover
{
text-decoration
:
underline
}
.c-nav--lang-wrap
{
position
:
relative
;
width
:
70px
;
height
:
32px
}
.c-nav--lang
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
background
:
#fff
;
border-radius
:
3px
;
z-index
:
20
;
font-weight
:
500
}
.c-nav--lang
:hover
.c-nav--lang-item
{
display
:
block
}
.c-nav--lang-item
{
padding
:
6px
0
}
.c-nav--lang-item
:nth-child
(
n
+
2
)
{
display
:
none
}
.c-nav--lang-anchor
{
padding-left
:
34px
;
text-decoration
:
none
;
display
:
block
;
color
:
#2a3644
;
font-size
:
14px
;
line-height
:
24px
;
background-repeat
:
no-repeat
;
background-position
:
6px
0
;
background-size
:
20px
20px
}
.c-nav--lang-anchor
:hover
{
text-decoration
:
underline
}
.c-nav--lang-anchor
svg
{
float
:
right
;
margin
:
9px
6px
0
0
}
.c-nav--lang-anchor-lt
{
background-image
:
url(/wp-content/themes/biuro/i/lang/lt.png)
}
.c-nav--lang-anchor-en
{
background-image
:
url(/wp-content/themes/biuro/i/lang/en.png)
}
.c-nav--lang-anchor-de
{
background-image
:
url(/wp-content/themes/biuro/i/lang/de.png)
}
.c-nav--lang-anchor-ru
{
background-image
:
url(/wp-content/themes/biuro/i/lang/ru.png)
}
.c-nav--lang-anchor-lv
{
background-image
:
url(/wp-content/themes/biuro/i/lang/lv.png)
}
.c-nav--lang-anchor-ee
{
background-image
:
url(/wp-content/themes/biuro/i/lang/ee.png)
}
.c-sections
{
max-width
:
1000px
;
margin-right
:
auto
;
margin-left
:
auto
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding
:
50px
20px
135px
}
.c-sections--heading
{
color
:
#2a3644
;
margin
:
0
0
40px
;
padding
:
0
;
font-size
:
25px
;
font-weight
:
500
;
line-height
:
29px
;
text-align
:
center
}
.c-sections--inner
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-sections--item
{
position
:
relative
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
300px
;
flex
:
0
0
300px
;
height
:
211px
;
margin-bottom
:
30px
}
.c-sections--item-inner
{
top
:
0
;
height
:
211px
;
padding
:
27px
21px
;
border-radius
:
3px
;
-webkit-box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
);
box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
);
overflow
:
hidden
}
.c-sections--item-inner
,
.c-sections--toggle
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
background
:
#fff
}
.c-sections--toggle
{
bottom
:
0
;
padding
:
15px
0
;
text-align
:
center
;
border-radius
:
0
0
3px
3px
;
z-index
:
60
;
-webkit-box-shadow
:
0
-37px
24px
0
hsla
(
0
,
0%
,
100%
,
.78
);
box-shadow
:
0
-37px
24px
0
hsla
(
0
,
0%
,
100%
,
.78
);
cursor
:
pointer
}
.c-sections--toggle-up
{
display
:
none
}
.c-sections--header
{
height
:
56px
;
margin-bottom
:
20px
;
overflow
:
hidden
;
color
:
#004ed4
;
font-size
:
15px
;
font-weight
:
700
;
line-height
:
56px
}
.c-sections--ico
{
float
:
left
;
margin-right
:
20px
;
height
:
56px
;
width
:
56px
;
background-color
:
#e8f0ff
;
border-radius
:
50%
}
.c-sections--content
{
color
:
#868c93
;
font-size
:
12px
;
line-height
:
20px
}
.c-sections--content
ul
{
margin
:
30px
0
0
;
padding
:
0
;
list-style
:
none
}
.c-sections--is-open
{
height
:
451px
;
z-index
:
80
}
.c-sections--is-open
.c-sections--toggle
{
-webkit-box-shadow
:
none
;
box-shadow
:
none
}
.c-sections--is-open
.c-sections--toggle-down
{
display
:
none
}
.c-sections--is-open
.c-sections--toggle-up
{
display
:
inline
}
.c-services
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
padding-top
:
64px
;
padding-bottom
:
64px
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-services--item
{
position
:
relative
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
253px
;
flex
:
0
0
253px
;
height
:
245px
}
.c-services--item-inner
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
245px
;
border-radius
:
3px
;
background-color
:
#fff
;
-webkit-box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
);
box-shadow
:
2px
2px
31px
0
hsla
(
0
,
0%
,
93.3%
,
.5
)}
.c-services--toggle
{
position
:
absolute
;
left
:
0
;
width
:
100%
;
bottom
:
0
;
padding
:
10px
0
;
text-align
:
center
;
cursor
:
pointer
}
.c-services--toggle-up
{
display
:
none
}
.c-services--is-open
{
height
:
341px
}
.c-services--is-open
.c-services--toggle-down
{
display
:
none
}
.c-services--is-open
.c-services--toggle-up
{
display
:
inline
}
.c-services--is-open
.c-services--content
{
display
:
block
}
.c-services--ico
{
height
:
56px
;
width
:
56px
;
background-color
:
#e1fffa
;
border-radius
:
50%
;
margin
:
34px
auto
22px
}
.c-services--heading
{
min-height
:
44px
;
padding
:
0
20px
;
color
:
#1fb299
;
font-size
:
15px
;
font-weight
:
700
;
line-height
:
18px
;
text-align
:
center
}
.c-services--sub-heading
{
min-height
:
27px
;
margin
:
0
;
padding
:
0
10px
;
color
:
#2a3644
;
font-size
:
14px
;
font-weight
:
700
;
line-height
:
25px
;
text-align
:
center
}
.c-services--content
{
display
:
none
}
.c-services--content
ul
{
position
:
absolute
;
margin
:
0
;
padding
:
0
0
40px
;
list-style
:
none
;
width
:
100%
;
border-radius
:
3px
;
background-color
:
#fff
}
.c-services--content
li
{
color
:
#6c7683
;
font-size
:
14px
;
font-weight
:
500
;
line-height
:
25px
;
text-align
:
center
}
.c-share
{
margin-bottom
:
90px
}
.c-share--heading
{
margin
:
0
;
padding
:
20px
0
10px
;
font-weight
:
500
;
text-align
:
center
}
.c-share--options
{
-ms-flex-pack
:
center
}
.c-share--option
,
.c-share--options
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-webkit-box-pack
:
center
;
justify-content
:
center
}
.c-share--option
{
height
:
36px
;
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
50px
;
flex
:
0
0
50px
;
border-radius
:
3px
;
margin
:
0
3px
;
text-decoration
:
none
;
-webkit-box-align
:
center
;
-ms-flex-align
:
center
;
align-items
:
center
;
-ms-flex-pack
:
center
}
.c-share--option-facebook
{
background-color
:
#4367b0
}
.c-share--option-messenger
{
background-color
:
#1983fa
}
.c-share--option-email
{
background-color
:
#2a3644
}
.c-share--option-copy
{
background-color
:
#858585
}
.c-share--option-phone
{
background-color
:
#25d366
}
.c-social
{
margin-bottom
:
40px
;
text-align
:
center
}
.c-social--anchor
{
text-decoration
:
none
;
margin
:
0
5px
;
padding
:
0
10px
}
.c-values--section
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
40%
;
flex
:
0
0
40%
;
max-width
:
280px
}
.c-values--heading
{
display
:
inline-block
;
min-width
:
139px
;
min-height
:
66px
;
margin
:
0
0
18px
;
padding
:
0
10px
0
0
;
border-bottom
:
4px
solid
#fff
;
font-size
:
45px
;
line-height
:
53px
;
font-weight
:
700
}
.c-values--content
{
display
:
block
;
min-height
:
80px
;
margin
:
0
0
20px
;
padding
:
0
;
font-size
:
15px
;
line-height
:
30px
;
font-weight
:
500
}
.is-nav--main-item-active
{
position
:
relative
}
.is-nav--main-item-active
.c-nav--sub
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
}
.is-nav--main-anchor-active
{
border-bottom-color
:
#1d2a3a
;
border-bottom-color
:
var
(
--color--blue-dark
);
opacity
:
1
}
.is-nav--sub-anchor-active
{
color
:
#149a83
;
color
:
var
(
--color--green-darker
)}
.u-align--center
{
text-align
:
center
}
.tmp-contacts
img
{
display
:
none
}
.tmp-contacts
ul
{
padding-left
:
5px
}
.c-logos
{
display
:
-webkit-box
;
display
:
-ms-flexbox
;
display
:
flex
;
-ms-flex-wrap
:
wrap
;
flex-wrap
:
wrap
;
-webkit-box-pack
:
justify
;
-ms-flex-pack
:
justify
;
justify-content
:
space-between
}
.c-logos
div
{
-webkit-box-flex
:
0
;
-ms-flex
:
0
0
21%
;
flex
:
0
0
21%
;
border
:
1px
solid
grey
;
padding
:
1em
;
margin-bottom
:
1em
;
text-align
:
center
}
.biuro-ti-img
{
display
:
none
}
@media
(
min-width
:
80em
){
[
href
^=
tel
]
{
pointer-events
:
none
;
text-decoration
:
none
;
color
:
inherit
}}
@media
(
max-width
:
47.999em
){
.c-fixed-footer
{
position
:
fixed
;
left
:
0
;
bottom
:
0
;
width
:
100%
;
background
:
hsla
(
0
,
0%
,
100%
,
.85
);
padding
:
20px
20px
0
;
-webkit-box-shadow
:
0
-1px
1px
0
rgba
(
0
,
0
,
0
,
.45
);
box-shadow
:
0
-1px
1px
0
rgba
(
0
,
0
,
0
,
.45
)}}
\ No newline at end of file
\ No newline at end of file
wp-content/themes/biuro/header.php
View file @
c23ad22e
...
@@ -32,16 +32,16 @@ define('cityID', $cityID);
...
@@ -32,16 +32,16 @@ define('cityID', $cityID);
?>
?>
<link
href=
"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
rel=
"stylesheet"
>
<link
href=
"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700"
rel=
"stylesheet"
>
<style>
<?php
include
'css/core-
09a3c5bc76
.min.css'
;
?>
</style>
<style>
<?php
include
'css/core-
3c4944c2d7
.min.css'
;
?>
</style>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/css/main-
1b4736af34
.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/css/main-
84005976e1
.min.css"
as=
"style"
onload=
"this.rel='stylesheet'"
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2"
as=
"font"
type=
"font/woff2"
crossorigin
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/fonts/pt_sans_narrow.woff2"
as=
"font"
type=
"font/woff2"
crossorigin
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2"
as=
"font"
type=
"font/woff2"
crossorigin
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/fonts/pt_sans_narrow_bold.woff2"
as=
"font"
type=
"font/woff2"
crossorigin
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/fonts/bebas-neue.woff2"
as=
"font"
type=
"font/woff2"
crossorigin
>
<link
rel=
"preload"
href=
"/wp-content/themes/biuro/fonts/bebas-neue.woff2"
as=
"font"
type=
"font/woff2"
crossorigin
>
<noscript>
<noscript>
<link
rel=
"stylesheet"
href=
"/wp-content/themes/biuro/css/main-
1b4736af34
.min.css"
>
<link
rel=
"stylesheet"
href=
"/wp-content/themes/biuro/css/main-
84005976e1
.min.css"
>
</noscript>
</noscript>
<?php
wp_head
();
?>
<?php
wp_head
();
?>
...
...
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