/* version: 26-09-2022 17:52:04 */@charset "UTF-8";
@font-face { font-style: normal; font-weight: normal;
/* font-family: nexa; src: url('/fonts/Nexa-Regular.otf') format('opentype');*/
font-family: nexa; src: url('/fonts/Nexa-Regular.ttf') format('truetype');
}
@font-face { font-style: bold; font-weight: bold;
font-family: nexa; src: url('/fonts/Nexa-Bold.ttf') format('truetype');
/* font-family: nexa; src: url('/fonts/Nexa-Bold.otf') format('opentype');*/
}
@font-face { font-style: italic; font-weight: normal;
font-family: nexa; src: url('/fonts/Nexa-RegularItalic.ttf') format('truetype');
/* font-family: nexa; src: url('/fonts/Nexa-RegularItalic.otf') format('opentype');*/
}
/*
@font-face { font-style: normal; font-weight: normal;
font-family: loos; src: url('/fonts/Loos Latin, Cyrillic Extended-Bold-Desktop.otf') format('opentype');
}
@font-face { font-style: bold; font-weight: bold;
font-family: loos; src: url('/fonts/Loos Latin, Cyrillic Extended-Bold-Desktop.otf') format('opentype');
}
*/
.header,
.footer {
font-family: nexa, Arial, sans-serif;
}
@font-face {
font-family:acc-icon;
src:url(../fonts/acc-icon.woff) format("woff");
font-weight:400;
font-style:normal;
font-display:swap
}
.acc-icon {
font-family:acc-icon!important;
speak:never;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-arrow:before {
content:"\e901"
}
.icon-prev:before {
content:"\e900"
}
@font-face {
font-family:"Frutiger LT W04_45 Light";
src:url(../fonts/93b7d028-28f3-473a-821f-7a139c59305a.woff2) format("woff2"),
url(../fonts/1f5eb399-3fe2-4a88-946d-1621c81da877.woff) format("woff")
}
@font-face {
font-family:"Frutiger LT W04_55 Roman";
src:url(../fonts/61381871-0847-435e-9498-63b7c3d9c071.woff2) format("woff2"),
url(../fonts/b33c9c65-2311-4db9-a364-ae857e998b70.woff) format("woff")
}
@font-face {
font-family:"Frutiger LT W04_65 Bold";
src:url(../fonts/63541a87-effb-4b23-a1e5-aded6ef8e33d.woff2) format("woff2"),
url(../fonts/ede01147-5581-4d28-afc0-303f4c771fd2.woff) format("woff")
}
/*!
* Bootstrap Grid v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/html {
-webkit-box-sizing:border-box;
box-sizing:border-box;
-ms-overflow-style:scrollbar
}
*,
::after,
::before {
-webkit-box-sizing:inherit;
box-sizing:inherit
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width:100%;
padding-right:.8rem;
padding-left:.8rem;
margin-right:auto;
margin-left:auto
}
@media (min-width:640px) {
.container,
.container-sm {
max-width:540px
}
}
@media (min-width:901px) {
.container,
.container-md,
.container-sm {
max-width:720px
}
}
@media (min-width:1024px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width:960px
}
}
@media (min-width:1270px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width:1140px
}
}
.row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-right:-.8rem;
margin-left:-.8rem
}
.no-gutters {
margin-right:0;
margin-left:0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right:0;
padding-left:0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position:relative;
width:100%;
padding-right:.8rem;
padding-left:.8rem
}
.col {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-1>* {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-2>* {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-3>* {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.row-cols-4>* {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-5>* {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-6>* {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.3333333333%;
flex:0 0 8.3333333333%;
max-width:8.3333333333%
}
.col-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.col-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.6666666667%;
flex:0 0 41.6666666667%;
max-width:41.6666666667%
}
.col-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.3333333333%;
flex:0 0 58.3333333333%;
max-width:58.3333333333%
}
.col-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.6666666667%;
flex:0 0 66.6666666667%;
max-width:66.6666666667%
}
.col-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.3333333333%;
flex:0 0 83.3333333333%;
max-width:83.3333333333%
}
.col-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.6666666667%;
flex:0 0 91.6666666667%;
max-width:91.6666666667%
}
.col-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-last {
-webkit-box-ordinal-group:14;
-ms-flex-order:13;
order:13
}
.order-0 {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
.order-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-1 {
margin-left:8.3333333333%
}
.offset-2 {
margin-left:16.6666666667%
}
.offset-3 {
margin-left:25%
}
.offset-4 {
margin-left:33.3333333333%
}
.offset-5 {
margin-left:41.6666666667%
}
.offset-6 {
margin-left:50%
}
.offset-7 {
margin-left:58.3333333333%
}
.offset-8 {
margin-left:66.6666666667%
}
.offset-9 {
margin-left:75%
}
.offset-10 {
margin-left:83.3333333333%
}
.offset-11 {
margin-left:91.6666666667%
}
@media (min-width:640px) {
.col-sm {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-sm-1>* {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-sm-2>* {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-sm-3>* {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.row-cols-sm-4>* {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-sm-5>* {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-sm-6>* {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-sm-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-sm-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.3333333333%;
flex:0 0 8.3333333333%;
max-width:8.3333333333%
}
.col-sm-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-sm-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-sm-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.col-sm-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.6666666667%;
flex:0 0 41.6666666667%;
max-width:41.6666666667%
}
.col-sm-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-sm-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.3333333333%;
flex:0 0 58.3333333333%;
max-width:58.3333333333%
}
.col-sm-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.6666666667%;
flex:0 0 66.6666666667%;
max-width:66.6666666667%
}
.col-sm-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-sm-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.3333333333%;
flex:0 0 83.3333333333%;
max-width:83.3333333333%
}
.col-sm-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.6666666667%;
flex:0 0 91.6666666667%;
max-width:91.6666666667%
}
.col-sm-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-sm-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-sm-last {
-webkit-box-ordinal-group:14;
-ms-flex-order:13;
order:13
}
.order-sm-0 {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
.order-sm-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-sm-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-sm-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-sm-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-sm-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-sm-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-sm-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-sm-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-sm-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-sm-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-sm-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-sm-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-sm-0 {
margin-left:0
}
.offset-sm-1 {
margin-left:8.3333333333%
}
.offset-sm-2 {
margin-left:16.6666666667%
}
.offset-sm-3 {
margin-left:25%
}
.offset-sm-4 {
margin-left:33.3333333333%
}
.offset-sm-5 {
margin-left:41.6666666667%
}
.offset-sm-6 {
margin-left:50%
}
.offset-sm-7 {
margin-left:58.3333333333%
}
.offset-sm-8 {
margin-left:66.6666666667%
}
.offset-sm-9 {
margin-left:75%
}
.offset-sm-10 {
margin-left:83.3333333333%
}
.offset-sm-11 {
margin-left:91.6666666667%
}
}
@media (min-width:901px) {
.col-md {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-md-1>* {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-md-2>* {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-md-3>* {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.row-cols-md-4>* {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-md-5>* {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-md-6>* {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-md-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-md-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.3333333333%;
flex:0 0 8.3333333333%;
max-width:8.3333333333%
}
.col-md-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-md-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-md-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.col-md-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.6666666667%;
flex:0 0 41.6666666667%;
max-width:41.6666666667%
}
.col-md-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-md-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.3333333333%;
flex:0 0 58.3333333333%;
max-width:58.3333333333%
}
.col-md-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.6666666667%;
flex:0 0 66.6666666667%;
max-width:66.6666666667%
}
.col-md-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-md-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.3333333333%;
flex:0 0 83.3333333333%;
max-width:83.3333333333%
}
.col-md-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.6666666667%;
flex:0 0 91.6666666667%;
max-width:91.6666666667%
}
.col-md-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-md-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-md-last {
-webkit-box-ordinal-group:14;
-ms-flex-order:13;
order:13
}
.order-md-0 {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
.order-md-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-md-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-md-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-md-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-md-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-md-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-md-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-md-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-md-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-md-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-md-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-md-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-md-0 {
margin-left:0
}
.offset-md-1 {
margin-left:8.3333333333%
}
.offset-md-2 {
margin-left:16.6666666667%
}
.offset-md-3 {
margin-left:25%
}
.offset-md-4 {
margin-left:33.3333333333%
}
.offset-md-5 {
margin-left:41.6666666667%
}
.offset-md-6 {
margin-left:50%
}
.offset-md-7 {
margin-left:58.3333333333%
}
.offset-md-8 {
margin-left:66.6666666667%
}
.offset-md-9 {
margin-left:75%
}
.offset-md-10 {
margin-left:83.3333333333%
}
.offset-md-11 {
margin-left:91.6666666667%
}
}
@media (min-width:1024px) {
.col-lg {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-lg-1>* {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-lg-2>* {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-lg-3>* {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.row-cols-lg-4>* {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-lg-5>* {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-lg-6>* {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-lg-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-lg-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.3333333333%;
flex:0 0 8.3333333333%;
max-width:8.3333333333%
}
.col-lg-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-lg-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-lg-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.col-lg-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.6666666667%;
flex:0 0 41.6666666667%;
max-width:41.6666666667%
}
.col-lg-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-lg-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.3333333333%;
flex:0 0 58.3333333333%;
max-width:58.3333333333%
}
.col-lg-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.6666666667%;
flex:0 0 66.6666666667%;
max-width:66.6666666667%
}
.col-lg-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-lg-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.3333333333%;
flex:0 0 83.3333333333%;
max-width:83.3333333333%
}
.col-lg-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.6666666667%;
flex:0 0 91.6666666667%;
max-width:91.6666666667%
}
.col-lg-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-lg-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-lg-last {
-webkit-box-ordinal-group:14;
-ms-flex-order:13;
order:13
}
.order-lg-0 {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
.order-lg-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-lg-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-lg-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-lg-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-lg-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-lg-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-lg-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-lg-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-lg-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-lg-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-lg-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-lg-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-lg-0 {
margin-left:0
}
.offset-lg-1 {
margin-left:8.3333333333%
}
.offset-lg-2 {
margin-left:16.6666666667%
}
.offset-lg-3 {
margin-left:25%
}
.offset-lg-4 {
margin-left:33.3333333333%
}
.offset-lg-5 {
margin-left:41.6666666667%
}
.offset-lg-6 {
margin-left:50%
}
.offset-lg-7 {
margin-left:58.3333333333%
}
.offset-lg-8 {
margin-left:66.6666666667%
}
.offset-lg-9 {
margin-left:75%
}
.offset-lg-10 {
margin-left:83.3333333333%
}
.offset-lg-11 {
margin-left:91.6666666667%
}
}
@media (min-width:1270px) {
.col-xl {
-ms-flex-preferred-size:0;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%
}
.row-cols-xl-1>* {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.row-cols-xl-2>* {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.row-cols-xl-3>* {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.row-cols-xl-4>* {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.row-cols-xl-5>* {
-webkit-box-flex:0;
-ms-flex:0 0 20%;
flex:0 0 20%;
max-width:20%
}
.row-cols-xl-6>* {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-xl-auto {
-webkit-box-flex:0;
-ms-flex:0 0 auto;
flex:0 0 auto;
width:auto;
max-width:100%
}
.col-xl-1 {
-webkit-box-flex:0;
-ms-flex:0 0 8.3333333333%;
flex:0 0 8.3333333333%;
max-width:8.3333333333%
}
.col-xl-2 {
-webkit-box-flex:0;
-ms-flex:0 0 16.6666666667%;
flex:0 0 16.6666666667%;
max-width:16.6666666667%
}
.col-xl-3 {
-webkit-box-flex:0;
-ms-flex:0 0 25%;
flex:0 0 25%;
max-width:25%
}
.col-xl-4 {
-webkit-box-flex:0;
-ms-flex:0 0 33.3333333333%;
flex:0 0 33.3333333333%;
max-width:33.3333333333%
}
.col-xl-5 {
-webkit-box-flex:0;
-ms-flex:0 0 41.6666666667%;
flex:0 0 41.6666666667%;
max-width:41.6666666667%
}
.col-xl-6 {
-webkit-box-flex:0;
-ms-flex:0 0 50%;
flex:0 0 50%;
max-width:50%
}
.col-xl-7 {
-webkit-box-flex:0;
-ms-flex:0 0 58.3333333333%;
flex:0 0 58.3333333333%;
max-width:58.3333333333%
}
.col-xl-8 {
-webkit-box-flex:0;
-ms-flex:0 0 66.6666666667%;
flex:0 0 66.6666666667%;
max-width:66.6666666667%
}
.col-xl-9 {
-webkit-box-flex:0;
-ms-flex:0 0 75%;
flex:0 0 75%;
max-width:75%
}
.col-xl-10 {
-webkit-box-flex:0;
-ms-flex:0 0 83.3333333333%;
flex:0 0 83.3333333333%;
max-width:83.3333333333%
}
.col-xl-11 {
-webkit-box-flex:0;
-ms-flex:0 0 91.6666666667%;
flex:0 0 91.6666666667%;
max-width:91.6666666667%
}
.col-xl-12 {
-webkit-box-flex:0;
-ms-flex:0 0 100%;
flex:0 0 100%;
max-width:100%
}
.order-xl-first {
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1
}
.order-xl-last {
-webkit-box-ordinal-group:14;
-ms-flex-order:13;
order:13
}
.order-xl-0 {
-webkit-box-ordinal-group:1;
-ms-flex-order:0;
order:0
}
.order-xl-1 {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.order-xl-2 {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.order-xl-3 {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3
}
.order-xl-4 {
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4
}
.order-xl-5 {
-webkit-box-ordinal-group:6;
-ms-flex-order:5;
order:5
}
.order-xl-6 {
-webkit-box-ordinal-group:7;
-ms-flex-order:6;
order:6
}
.order-xl-7 {
-webkit-box-ordinal-group:8;
-ms-flex-order:7;
order:7
}
.order-xl-8 {
-webkit-box-ordinal-group:9;
-ms-flex-order:8;
order:8
}
.order-xl-9 {
-webkit-box-ordinal-group:10;
-ms-flex-order:9;
order:9
}
.order-xl-10 {
-webkit-box-ordinal-group:11;
-ms-flex-order:10;
order:10
}
.order-xl-11 {
-webkit-box-ordinal-group:12;
-ms-flex-order:11;
order:11
}
.order-xl-12 {
-webkit-box-ordinal-group:13;
-ms-flex-order:12;
order:12
}
.offset-xl-0 {
margin-left:0
}
.offset-xl-1 {
margin-left:8.3333333333%
}
.offset-xl-2 {
margin-left:16.6666666667%
}
.offset-xl-3 {
margin-left:25%
}
.offset-xl-4 {
margin-left:33.3333333333%
}
.offset-xl-5 {
margin-left:41.6666666667%
}
.offset-xl-6 {
margin-left:50%
}
.offset-xl-7 {
margin-left:58.3333333333%
}
.offset-xl-8 {
margin-left:66.6666666667%
}
.offset-xl-9 {
margin-left:75%
}
.offset-xl-10 {
margin-left:83.3333333333%
}
.offset-xl-11 {
margin-left:91.6666666667%
}
}
.d-none {
display:none!important
}
.d-inline {
display:inline!important
}
.d-inline-block {
display:inline-block!important
}
.d-block {
display:block!important
}
.d-table {
display:table!important
}
.d-table-row {
display:table-row!important
}
.d-table-cell {
display:table-cell!important
}
.d-flex {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.d-inline-flex {
display:-webkit-inline-box!important;
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
@media (min-width:640px) {
.d-sm-none {
display:none!important
}
.d-sm-inline {
display:inline!important
}
.d-sm-inline-block {
display:inline-block!important
}
.d-sm-block {
display:block!important
}
.d-sm-table {
display:table!important
}
.d-sm-table-row {
display:table-row!important
}
.d-sm-table-cell {
display:table-cell!important
}
.d-sm-flex {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.d-sm-inline-flex {
display:-webkit-inline-box!important;
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media (min-width:901px) {
.d-md-none {
display:none!important
}
.d-md-inline {
display:inline!important
}
.d-md-inline-block {
display:inline-block!important
}
.d-md-block {
display:block!important
}
.d-md-table {
display:table!important
}
.d-md-table-row {
display:table-row!important
}
.d-md-table-cell {
display:table-cell!important
}
.d-md-flex {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.d-md-inline-flex {
display:-webkit-inline-box!important;
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media (min-width:1024px) {
.d-lg-none {
display:none!important
}
.d-lg-inline {
display:inline!important
}
.d-lg-inline-block {
display:inline-block!important
}
.d-lg-block {
display:block!important
}
.d-lg-table {
display:table!important
}
.d-lg-table-row {
display:table-row!important
}
.d-lg-table-cell {
display:table-cell!important
}
.d-lg-flex {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.d-lg-inline-flex {
display:-webkit-inline-box!important;
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media (min-width:1270px) {
.d-xl-none {
display:none!important
}
.d-xl-inline {
display:inline!important
}
.d-xl-inline-block {
display:inline-block!important
}
.d-xl-block {
display:block!important
}
.d-xl-table {
display:table!important
}
.d-xl-table-row {
display:table-row!important
}
.d-xl-table-cell {
display:table-cell!important
}
.d-xl-flex {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.d-xl-inline-flex {
display:-webkit-inline-box!important;
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
@media print {
.d-print-none {
display:none!important
}
.d-print-inline {
display:inline!important
}
.d-print-inline-block {
display:inline-block!important
}
.d-print-block {
display:block!important
}
.d-print-table {
display:table!important
}
.d-print-table-row {
display:table-row!important
}
.d-print-table-cell {
display:table-cell!important
}
.d-print-flex {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.d-print-inline-flex {
display:-webkit-inline-box!important;
display:-ms-inline-flexbox!important;
display:inline-flex!important
}
}
.flex-row {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:row!important;
flex-direction:row!important
}
.flex-column {
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important
}
.flex-row-reverse {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important
}
.flex-column-reverse {
-webkit-box-orient:vertical!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important
}
.flex-wrap {
-ms-flex-wrap:wrap!important;
flex-wrap:wrap!important
}
.flex-nowrap {
-ms-flex-wrap:nowrap!important;
flex-wrap:nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap:wrap-reverse!important;
flex-wrap:wrap-reverse!important
}
.flex-fill {
-webkit-box-flex:1!important;
-ms-flex:1 1 auto!important;
flex:1 1 auto!important
}
.flex-grow-0 {
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important
}
.flex-grow-1 {
-webkit-box-flex:1!important;
-ms-flex-positive:1!important;
flex-grow:1!important
}
.flex-shrink-0 {
-ms-flex-negative:0!important;
flex-shrink:0!important
}
.flex-shrink-1 {
-ms-flex-negative:1!important;
flex-shrink:1!important
}
.justify-content-start {
-webkit-box-pack:start!important;
-ms-flex-pack:start!important;
justify-content:flex-start!important
}
.justify-content-end {
-webkit-box-pack:end!important;
-ms-flex-pack:end!important;
justify-content:flex-end!important
}
.justify-content-center {
-webkit-box-pack:center!important;
-ms-flex-pack:center!important;
justify-content:center!important
}
.justify-content-between {
-webkit-box-pack:justify!important;
-ms-flex-pack:justify!important;
justify-content:space-between!important
}
.justify-content-around {
-ms-flex-pack:distribute!important;
justify-content:space-around!important
}
.align-items-start {
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:flex-start!important
}
.align-items-end {
-webkit-box-align:end!important;
-ms-flex-align:end!important;
align-items:flex-end!important
}
.align-items-center {
-webkit-box-align:center!important;
-ms-flex-align:center!important;
align-items:center!important
}
.align-items-baseline {
-webkit-box-align:baseline!important;
-ms-flex-align:baseline!important;
align-items:baseline!important
}
.align-items-stretch {
-webkit-box-align:stretch!important;
-ms-flex-align:stretch!important;
align-items:stretch!important
}
.align-content-start {
-ms-flex-line-pack:start!important;
align-content:flex-start!important
}
.align-content-end {
-ms-flex-line-pack:end!important;
align-content:flex-end!important
}
.align-content-center {
-ms-flex-line-pack:center!important;
align-content:center!important
}
.align-content-between {
-ms-flex-line-pack:justify!important;
align-content:space-between!important
}
.align-content-around {
-ms-flex-line-pack:distribute!important;
align-content:space-around!important
}
.align-content-stretch {
-ms-flex-line-pack:stretch!important;
align-content:stretch!important
}
.align-self-auto {
-ms-flex-item-align:auto!important;
align-self:auto!important
}
.align-self-start {
-ms-flex-item-align:start!important;
align-self:flex-start!important
}
.align-self-end {
-ms-flex-item-align:end!important;
align-self:flex-end!important
}
.align-self-center {
-ms-flex-item-align:center!important;
align-self:center!important
}
.align-self-baseline {
-ms-flex-item-align:baseline!important;
align-self:baseline!important
}
.align-self-stretch {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
@media (min-width:640px) {
.flex-sm-row {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:row!important;
flex-direction:row!important
}
.flex-sm-column {
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important
}
.flex-sm-row-reverse {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important
}
.flex-sm-column-reverse {
-webkit-box-orient:vertical!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap:wrap!important;
flex-wrap:wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap:nowrap!important;
flex-wrap:nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap:wrap-reverse!important;
flex-wrap:wrap-reverse!important
}
.flex-sm-fill {
-webkit-box-flex:1!important;
-ms-flex:1 1 auto!important;
flex:1 1 auto!important
}
.flex-sm-grow-0 {
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important
}
.flex-sm-grow-1 {
-webkit-box-flex:1!important;
-ms-flex-positive:1!important;
flex-grow:1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative:0!important;
flex-shrink:0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative:1!important;
flex-shrink:1!important
}
.justify-content-sm-start {
-webkit-box-pack:start!important;
-ms-flex-pack:start!important;
justify-content:flex-start!important
}
.justify-content-sm-end {
-webkit-box-pack:end!important;
-ms-flex-pack:end!important;
justify-content:flex-end!important
}
.justify-content-sm-center {
-webkit-box-pack:center!important;
-ms-flex-pack:center!important;
justify-content:center!important
}
.justify-content-sm-between {
-webkit-box-pack:justify!important;
-ms-flex-pack:justify!important;
justify-content:space-between!important
}
.justify-content-sm-around {
-ms-flex-pack:distribute!important;
justify-content:space-around!important
}
.align-items-sm-start {
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:flex-start!important
}
.align-items-sm-end {
-webkit-box-align:end!important;
-ms-flex-align:end!important;
align-items:flex-end!important
}
.align-items-sm-center {
-webkit-box-align:center!important;
-ms-flex-align:center!important;
align-items:center!important
}
.align-items-sm-baseline {
-webkit-box-align:baseline!important;
-ms-flex-align:baseline!important;
align-items:baseline!important
}
.align-items-sm-stretch {
-webkit-box-align:stretch!important;
-ms-flex-align:stretch!important;
align-items:stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack:start!important;
align-content:flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack:end!important;
align-content:flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack:center!important;
align-content:center!important
}
.align-content-sm-between {
-ms-flex-line-pack:justify!important;
align-content:space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack:distribute!important;
align-content:space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack:stretch!important;
align-content:stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align:auto!important;
align-self:auto!important
}
.align-self-sm-start {
-ms-flex-item-align:start!important;
align-self:flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align:end!important;
align-self:flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align:center!important;
align-self:center!important
}
.align-self-sm-baseline {
-ms-flex-item-align:baseline!important;
align-self:baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
@media (min-width:901px) {
.flex-md-row {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:row!important;
flex-direction:row!important
}
.flex-md-column {
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important
}
.flex-md-row-reverse {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important
}
.flex-md-column-reverse {
-webkit-box-orient:vertical!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap:wrap!important;
flex-wrap:wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap:nowrap!important;
flex-wrap:nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap:wrap-reverse!important;
flex-wrap:wrap-reverse!important
}
.flex-md-fill {
-webkit-box-flex:1!important;
-ms-flex:1 1 auto!important;
flex:1 1 auto!important
}
.flex-md-grow-0 {
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important
}
.flex-md-grow-1 {
-webkit-box-flex:1!important;
-ms-flex-positive:1!important;
flex-grow:1!important
}
.flex-md-shrink-0 {
-ms-flex-negative:0!important;
flex-shrink:0!important
}
.flex-md-shrink-1 {
-ms-flex-negative:1!important;
flex-shrink:1!important
}
.justify-content-md-start {
-webkit-box-pack:start!important;
-ms-flex-pack:start!important;
justify-content:flex-start!important
}
.justify-content-md-end {
-webkit-box-pack:end!important;
-ms-flex-pack:end!important;
justify-content:flex-end!important
}
.justify-content-md-center {
-webkit-box-pack:center!important;
-ms-flex-pack:center!important;
justify-content:center!important
}
.justify-content-md-between {
-webkit-box-pack:justify!important;
-ms-flex-pack:justify!important;
justify-content:space-between!important
}
.justify-content-md-around {
-ms-flex-pack:distribute!important;
justify-content:space-around!important
}
.align-items-md-start {
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:flex-start!important
}
.align-items-md-end {
-webkit-box-align:end!important;
-ms-flex-align:end!important;
align-items:flex-end!important
}
.align-items-md-center {
-webkit-box-align:center!important;
-ms-flex-align:center!important;
align-items:center!important
}
.align-items-md-baseline {
-webkit-box-align:baseline!important;
-ms-flex-align:baseline!important;
align-items:baseline!important
}
.align-items-md-stretch {
-webkit-box-align:stretch!important;
-ms-flex-align:stretch!important;
align-items:stretch!important
}
.align-content-md-start {
-ms-flex-line-pack:start!important;
align-content:flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack:end!important;
align-content:flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack:center!important;
align-content:center!important
}
.align-content-md-between {
-ms-flex-line-pack:justify!important;
align-content:space-between!important
}
.align-content-md-around {
-ms-flex-line-pack:distribute!important;
align-content:space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack:stretch!important;
align-content:stretch!important
}
.align-self-md-auto {
-ms-flex-item-align:auto!important;
align-self:auto!important
}
.align-self-md-start {
-ms-flex-item-align:start!important;
align-self:flex-start!important
}
.align-self-md-end {
-ms-flex-item-align:end!important;
align-self:flex-end!important
}
.align-self-md-center {
-ms-flex-item-align:center!important;
align-self:center!important
}
.align-self-md-baseline {
-ms-flex-item-align:baseline!important;
align-self:baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
@media (min-width:1024px) {
.flex-lg-row {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:row!important;
flex-direction:row!important
}
.flex-lg-column {
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important
}
.flex-lg-row-reverse {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important
}
.flex-lg-column-reverse {
-webkit-box-orient:vertical!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap:wrap!important;
flex-wrap:wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap:nowrap!important;
flex-wrap:nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap:wrap-reverse!important;
flex-wrap:wrap-reverse!important
}
.flex-lg-fill {
-webkit-box-flex:1!important;
-ms-flex:1 1 auto!important;
flex:1 1 auto!important
}
.flex-lg-grow-0 {
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important
}
.flex-lg-grow-1 {
-webkit-box-flex:1!important;
-ms-flex-positive:1!important;
flex-grow:1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative:0!important;
flex-shrink:0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative:1!important;
flex-shrink:1!important
}
.justify-content-lg-start {
-webkit-box-pack:start!important;
-ms-flex-pack:start!important;
justify-content:flex-start!important
}
.justify-content-lg-end {
-webkit-box-pack:end!important;
-ms-flex-pack:end!important;
justify-content:flex-end!important
}
.justify-content-lg-center {
-webkit-box-pack:center!important;
-ms-flex-pack:center!important;
justify-content:center!important
}
.justify-content-lg-between {
-webkit-box-pack:justify!important;
-ms-flex-pack:justify!important;
justify-content:space-between!important
}
.justify-content-lg-around {
-ms-flex-pack:distribute!important;
justify-content:space-around!important
}
.align-items-lg-start {
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:flex-start!important
}
.align-items-lg-end {
-webkit-box-align:end!important;
-ms-flex-align:end!important;
align-items:flex-end!important
}
.align-items-lg-center {
-webkit-box-align:center!important;
-ms-flex-align:center!important;
align-items:center!important
}
.align-items-lg-baseline {
-webkit-box-align:baseline!important;
-ms-flex-align:baseline!important;
align-items:baseline!important
}
.align-items-lg-stretch {
-webkit-box-align:stretch!important;
-ms-flex-align:stretch!important;
align-items:stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack:start!important;
align-content:flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack:end!important;
align-content:flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack:center!important;
align-content:center!important
}
.align-content-lg-between {
-ms-flex-line-pack:justify!important;
align-content:space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack:distribute!important;
align-content:space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack:stretch!important;
align-content:stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align:auto!important;
align-self:auto!important
}
.align-self-lg-start {
-ms-flex-item-align:start!important;
align-self:flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align:end!important;
align-self:flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align:center!important;
align-self:center!important
}
.align-self-lg-baseline {
-ms-flex-item-align:baseline!important;
align-self:baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
@media (min-width:1270px) {
.flex-xl-row {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:row!important;
flex-direction:row!important
}
.flex-xl-column {
-webkit-box-orient:vertical!important;
-webkit-box-direction:normal!important;
-ms-flex-direction:column!important;
flex-direction:column!important
}
.flex-xl-row-reverse {
-webkit-box-orient:horizontal!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:row-reverse!important;
flex-direction:row-reverse!important
}
.flex-xl-column-reverse {
-webkit-box-orient:vertical!important;
-webkit-box-direction:reverse!important;
-ms-flex-direction:column-reverse!important;
flex-direction:column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap:wrap!important;
flex-wrap:wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap:nowrap!important;
flex-wrap:nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap:wrap-reverse!important;
flex-wrap:wrap-reverse!important
}
.flex-xl-fill {
-webkit-box-flex:1!important;
-ms-flex:1 1 auto!important;
flex:1 1 auto!important
}
.flex-xl-grow-0 {
-webkit-box-flex:0!important;
-ms-flex-positive:0!important;
flex-grow:0!important
}
.flex-xl-grow-1 {
-webkit-box-flex:1!important;
-ms-flex-positive:1!important;
flex-grow:1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative:0!important;
flex-shrink:0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative:1!important;
flex-shrink:1!important
}
.justify-content-xl-start {
-webkit-box-pack:start!important;
-ms-flex-pack:start!important;
justify-content:flex-start!important
}
.justify-content-xl-end {
-webkit-box-pack:end!important;
-ms-flex-pack:end!important;
justify-content:flex-end!important
}
.justify-content-xl-center {
-webkit-box-pack:center!important;
-ms-flex-pack:center!important;
justify-content:center!important
}
.justify-content-xl-between {
-webkit-box-pack:justify!important;
-ms-flex-pack:justify!important;
justify-content:space-between!important
}
.justify-content-xl-around {
-ms-flex-pack:distribute!important;
justify-content:space-around!important
}
.align-items-xl-start {
-webkit-box-align:start!important;
-ms-flex-align:start!important;
align-items:flex-start!important
}
.align-items-xl-end {
-webkit-box-align:end!important;
-ms-flex-align:end!important;
align-items:flex-end!important
}
.align-items-xl-center {
-webkit-box-align:center!important;
-ms-flex-align:center!important;
align-items:center!important
}
.align-items-xl-baseline {
-webkit-box-align:baseline!important;
-ms-flex-align:baseline!important;
align-items:baseline!important
}
.align-items-xl-stretch {
-webkit-box-align:stretch!important;
-ms-flex-align:stretch!important;
align-items:stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack:start!important;
align-content:flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack:end!important;
align-content:flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack:center!important;
align-content:center!important
}
.align-content-xl-between {
-ms-flex-line-pack:justify!important;
align-content:space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack:distribute!important;
align-content:space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack:stretch!important;
align-content:stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align:auto!important;
align-self:auto!important
}
.align-self-xl-start {
-ms-flex-item-align:start!important;
align-self:flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align:end!important;
align-self:flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align:center!important;
align-self:center!important
}
.align-self-xl-baseline {
-ms-flex-item-align:baseline!important;
align-self:baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align:stretch!important;
align-self:stretch!important
}
}
.m-0 {
margin:0!important
}
.mt-0,
.my-0 {
margin-top:0!important
}
.mr-0,
.mx-0 {
margin-right:0!important
}
.mb-0,
.my-0 {
margin-bottom:0!important
}
.ml-0,
.mx-0 {
margin-left:0!important
}
.m-1 {
margin:.25rem!important
}
.mt-1,
.my-1 {
margin-top:.25rem!important
}
.mr-1,
.mx-1 {
margin-right:.25rem!important
}
.mb-1,
.my-1 {
margin-bottom:.25rem!important
}
.ml-1,
.mx-1 {
margin-left:.25rem!important
}
.m-2 {
margin:.5rem!important
}
.mt-2,
.my-2 {
margin-top:.5rem!important
}
.mr-2,
.mx-2 {
margin-right:.5rem!important
}
.mb-2,
.my-2 {
margin-bottom:.5rem!important
}
.ml-2,
.mx-2 {
margin-left:.5rem!important
}
.m-3 {
margin:1rem!important
}
.mt-3,
.my-3 {
margin-top:1rem!important
}
.mr-3,
.mx-3 {
margin-right:1rem!important
}
.mb-3,
.my-3 {
margin-bottom:1rem!important
}
.ml-3,
.mx-3 {
margin-left:1rem!important
}
.m-4 {
margin:1.5rem!important
}
.mt-4,
.my-4 {
margin-top:1.5rem!important
}
.mr-4,
.mx-4 {
margin-right:1.5rem!important
}
.mb-4,
.my-4 {
margin-bottom:1.5rem!important
}
.ml-4,
.mx-4 {
margin-left:1.5rem!important
}
.m-5 {
margin:3rem!important
}
.mt-5,
.my-5 {
margin-top:3rem!important
}
.mr-5,
.mx-5 {
margin-right:3rem!important
}
.mb-5,
.my-5 {
margin-bottom:3rem!important
}
.ml-5,
.mx-5 {
margin-left:3rem!important
}
.p-0 {
padding:0!important
}
.pt-0,
.py-0 {
padding-top:0!important
}
.pr-0,
.px-0 {
padding-right:0!important
}
.pb-0,
.py-0 {
padding-bottom:0!important
}
.pl-0,
.px-0 {
padding-left:0!important
}
.p-1 {
padding:.25rem!important
}
.pt-1,
.py-1 {
padding-top:.25rem!important
}
.pr-1,
.px-1 {
padding-right:.25rem!important
}
.pb-1,
.py-1 {
padding-bottom:.25rem!important
}
.pl-1,
.px-1 {
padding-left:.25rem!important
}
.p-2 {
padding:.5rem!important
}
.pt-2,
.py-2 {
padding-top:.5rem!important
}
.pr-2,
.px-2 {
padding-right:.5rem!important
}
.pb-2,
.py-2 {
padding-bottom:.5rem!important
}
.pl-2,
.px-2 {
padding-left:.5rem!important
}
.p-3 {
padding:1rem!important
}
.pt-3,
.py-3 {
padding-top:1rem!important
}
.pr-3,
.px-3 {
padding-right:1rem!important
}
.pb-3,
.py-3 {
padding-bottom:1rem!important
}
.pl-3,
.px-3 {
padding-left:1rem!important
}
.p-4 {
padding:1.5rem!important
}
.pt-4,
.py-4 {
padding-top:1.5rem!important
}
.pr-4,
.px-4 {
padding-right:1.5rem!important
}
.pb-4,
.py-4 {
padding-bottom:1.5rem!important
}
.pl-4,
.px-4 {
padding-left:1.5rem!important
}
.p-5 {
padding:3rem!important
}
.pt-5,
.py-5 {
padding-top:3rem!important
}
.pr-5,
.px-5 {
padding-right:3rem!important
}
.pb-5,
.py-5 {
padding-bottom:3rem!important
}
.pl-5,
.px-5 {
padding-left:3rem!important
}
.m-n1 {
margin:-.25rem!important
}
.mt-n1,
.my-n1 {
margin-top:-.25rem!important
}
.mr-n1,
.mx-n1 {
margin-right:-.25rem!important
}
.mb-n1,
.my-n1 {
margin-bottom:-.25rem!important
}
.ml-n1,
.mx-n1 {
margin-left:-.25rem!important
}
.m-n2 {
margin:-.5rem!important
}
.mt-n2,
.my-n2 {
margin-top:-.5rem!important
}
.mr-n2,
.mx-n2 {
margin-right:-.5rem!important
}
.mb-n2,
.my-n2 {
margin-bottom:-.5rem!important
}
.ml-n2,
.mx-n2 {
margin-left:-.5rem!important
}
.m-n3 {
margin:-1rem!important
}
.mt-n3,
.my-n3 {
margin-top:-1rem!important
}
.mr-n3,
.mx-n3 {
margin-right:-1rem!important
}
.mb-n3,
.my-n3 {
margin-bottom:-1rem!important
}
.ml-n3,
.mx-n3 {
margin-left:-1rem!important
}
.m-n4 {
margin:-1.5rem!important
}
.mt-n4,
.my-n4 {
margin-top:-1.5rem!important
}
.mr-n4,
.mx-n4 {
margin-right:-1.5rem!important
}
.mb-n4,
.my-n4 {
margin-bottom:-1.5rem!important
}
.ml-n4,
.mx-n4 {
margin-left:-1.5rem!important
}
.m-n5 {
margin:-3rem!important
}
.mt-n5,
.my-n5 {
margin-top:-3rem!important
}
.mr-n5,
.mx-n5 {
margin-right:-3rem!important
}
.mb-n5,
.my-n5 {
margin-bottom:-3rem!important
}
.ml-n5,
.mx-n5 {
margin-left:-3rem!important
}
.m-auto {
margin:auto!important
}
.mt-auto,
.my-auto {
margin-top:auto!important
}
.mr-auto,
.mx-auto {
margin-right:auto!important
}
.mb-auto,
.my-auto {
margin-bottom:auto!important
}
.ml-auto,
.mx-auto {
margin-left:auto!important
}
@media (min-width:640px) {
.m-sm-0 {
margin:0!important
}
.mt-sm-0,
.my-sm-0 {
margin-top:0!important
}
.mr-sm-0,
.mx-sm-0 {
margin-right:0!important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom:0!important
}
.ml-sm-0,
.mx-sm-0 {
margin-left:0!important
}
.m-sm-1 {
margin:.25rem!important
}
.mt-sm-1,
.my-sm-1 {
margin-top:.25rem!important
}
.mr-sm-1,
.mx-sm-1 {
margin-right:.25rem!important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom:.25rem!important
}
.ml-sm-1,
.mx-sm-1 {
margin-left:.25rem!important
}
.m-sm-2 {
margin:.5rem!important
}
.mt-sm-2,
.my-sm-2 {
margin-top:.5rem!important
}
.mr-sm-2,
.mx-sm-2 {
margin-right:.5rem!important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom:.5rem!important
}
.ml-sm-2,
.mx-sm-2 {
margin-left:.5rem!important
}
.m-sm-3 {
margin:1rem!important
}
.mt-sm-3,
.my-sm-3 {
margin-top:1rem!important
}
.mr-sm-3,
.mx-sm-3 {
margin-right:1rem!important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom:1rem!important
}
.ml-sm-3,
.mx-sm-3 {
margin-left:1rem!important
}
.m-sm-4 {
margin:1.5rem!important
}
.mt-sm-4,
.my-sm-4 {
margin-top:1.5rem!important
}
.mr-sm-4,
.mx-sm-4 {
margin-right:1.5rem!important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom:1.5rem!important
}
.ml-sm-4,
.mx-sm-4 {
margin-left:1.5rem!important
}
.m-sm-5 {
margin:3rem!important
}
.mt-sm-5,
.my-sm-5 {
margin-top:3rem!important
}
.mr-sm-5,
.mx-sm-5 {
margin-right:3rem!important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom:3rem!important
}
.ml-sm-5,
.mx-sm-5 {
margin-left:3rem!important
}
.p-sm-0 {
padding:0!important
}
.pt-sm-0,
.py-sm-0 {
padding-top:0!important
}
.pr-sm-0,
.px-sm-0 {
padding-right:0!important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom:0!important
}
.pl-sm-0,
.px-sm-0 {
padding-left:0!important
}
.p-sm-1 {
padding:.25rem!important
}
.pt-sm-1,
.py-sm-1 {
padding-top:.25rem!important
}
.pr-sm-1,
.px-sm-1 {
padding-right:.25rem!important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom:.25rem!important
}
.pl-sm-1,
.px-sm-1 {
padding-left:.25rem!important
}
.p-sm-2 {
padding:.5rem!important
}
.pt-sm-2,
.py-sm-2 {
padding-top:.5rem!important
}
.pr-sm-2,
.px-sm-2 {
padding-right:.5rem!important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom:.5rem!important
}
.pl-sm-2,
.px-sm-2 {
padding-left:.5rem!important
}
.p-sm-3 {
padding:1rem!important
}
.pt-sm-3,
.py-sm-3 {
padding-top:1rem!important
}
.pr-sm-3,
.px-sm-3 {
padding-right:1rem!important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom:1rem!important
}
.pl-sm-3,
.px-sm-3 {
padding-left:1rem!important
}
.p-sm-4 {
padding:1.5rem!important
}
.pt-sm-4,
.py-sm-4 {
padding-top:1.5rem!important
}
.pr-sm-4,
.px-sm-4 {
padding-right:1.5rem!important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom:1.5rem!important
}
.pl-sm-4,
.px-sm-4 {
padding-left:1.5rem!important
}
.p-sm-5 {
padding:3rem!important
}
.pt-sm-5,
.py-sm-5 {
padding-top:3rem!important
}
.pr-sm-5,
.px-sm-5 {
padding-right:3rem!important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom:3rem!important
}
.pl-sm-5,
.px-sm-5 {
padding-left:3rem!important
}
.m-sm-n1 {
margin:-.25rem!important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top:-.25rem!important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right:-.25rem!important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom:-.25rem!important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left:-.25rem!important
}
.m-sm-n2 {
margin:-.5rem!important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top:-.5rem!important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right:-.5rem!important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom:-.5rem!important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left:-.5rem!important
}
.m-sm-n3 {
margin:-1rem!important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top:-1rem!important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right:-1rem!important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom:-1rem!important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left:-1rem!important
}
.m-sm-n4 {
margin:-1.5rem!important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top:-1.5rem!important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right:-1.5rem!important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom:-1.5rem!important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left:-1.5rem!important
}
.m-sm-n5 {
margin:-3rem!important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top:-3rem!important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right:-3rem!important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom:-3rem!important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left:-3rem!important
}
.m-sm-auto {
margin:auto!important
}
.mt-sm-auto,
.my-sm-auto {
margin-top:auto!important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right:auto!important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom:auto!important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left:auto!important
}
}
@media (min-width:901px) {
.m-md-0 {
margin:0!important
}
.mt-md-0,
.my-md-0 {
margin-top:0!important
}
.mr-md-0,
.mx-md-0 {
margin-right:0!important
}
.mb-md-0,
.my-md-0 {
margin-bottom:0!important
}
.ml-md-0,
.mx-md-0 {
margin-left:0!important
}
.m-md-1 {
margin:.25rem!important
}
.mt-md-1,
.my-md-1 {
margin-top:.25rem!important
}
.mr-md-1,
.mx-md-1 {
margin-right:.25rem!important
}
.mb-md-1,
.my-md-1 {
margin-bottom:.25rem!important
}
.ml-md-1,
.mx-md-1 {
margin-left:.25rem!important
}
.m-md-2 {
margin:.5rem!important
}
.mt-md-2,
.my-md-2 {
margin-top:.5rem!important
}
.mr-md-2,
.mx-md-2 {
margin-right:.5rem!important
}
.mb-md-2,
.my-md-2 {
margin-bottom:.5rem!important
}
.ml-md-2,
.mx-md-2 {
margin-left:.5rem!important
}
.m-md-3 {
margin:1rem!important
}
.mt-md-3,
.my-md-3 {
margin-top:1rem!important
}
.mr-md-3,
.mx-md-3 {
margin-right:1rem!important
}
.mb-md-3,
.my-md-3 {
margin-bottom:1rem!important
}
.ml-md-3,
.mx-md-3 {
margin-left:1rem!important
}
.m-md-4 {
margin:1.5rem!important
}
.mt-md-4,
.my-md-4 {
margin-top:1.5rem!important
}
.mr-md-4,
.mx-md-4 {
margin-right:1.5rem!important
}
.mb-md-4,
.my-md-4 {
margin-bottom:1.5rem!important
}
.ml-md-4,
.mx-md-4 {
margin-left:1.5rem!important
}
.m-md-5 {
margin:3rem!important
}
.mt-md-5,
.my-md-5 {
margin-top:3rem!important
}
.mr-md-5,
.mx-md-5 {
margin-right:3rem!important
}
.mb-md-5,
.my-md-5 {
margin-bottom:3rem!important
}
.ml-md-5,
.mx-md-5 {
margin-left:3rem!important
}
.p-md-0 {
padding:0!important
}
.pt-md-0,
.py-md-0 {
padding-top:0!important
}
.pr-md-0,
.px-md-0 {
padding-right:0!important
}
.pb-md-0,
.py-md-0 {
padding-bottom:0!important
}
.pl-md-0,
.px-md-0 {
padding-left:0!important
}
.p-md-1 {
padding:.25rem!important
}
.pt-md-1,
.py-md-1 {
padding-top:.25rem!important
}
.pr-md-1,
.px-md-1 {
padding-right:.25rem!important
}
.pb-md-1,
.py-md-1 {
padding-bottom:.25rem!important
}
.pl-md-1,
.px-md-1 {
padding-left:.25rem!important
}
.p-md-2 {
padding:.5rem!important
}
.pt-md-2,
.py-md-2 {
padding-top:.5rem!important
}
.pr-md-2,
.px-md-2 {
padding-right:.5rem!important
}
.pb-md-2,
.py-md-2 {
padding-bottom:.5rem!important
}
.pl-md-2,
.px-md-2 {
padding-left:.5rem!important
}
.p-md-3 {
padding:1rem!important
}
.pt-md-3,
.py-md-3 {
padding-top:1rem!important
}
.pr-md-3,
.px-md-3 {
padding-right:1rem!important
}
.pb-md-3,
.py-md-3 {
padding-bottom:1rem!important
}
.pl-md-3,
.px-md-3 {
padding-left:1rem!important
}
.p-md-4 {
padding:1.5rem!important
}
.pt-md-4,
.py-md-4 {
padding-top:1.5rem!important
}
.pr-md-4,
.px-md-4 {
padding-right:1.5rem!important
}
.pb-md-4,
.py-md-4 {
padding-bottom:1.5rem!important
}
.pl-md-4,
.px-md-4 {
padding-left:1.5rem!important
}
.p-md-5 {
padding:3rem!important
}
.pt-md-5,
.py-md-5 {
padding-top:3rem!important
}
.pr-md-5,
.px-md-5 {
padding-right:3rem!important
}
.pb-md-5,
.py-md-5 {
padding-bottom:3rem!important
}
.pl-md-5,
.px-md-5 {
padding-left:3rem!important
}
.m-md-n1 {
margin:-.25rem!important
}
.mt-md-n1,
.my-md-n1 {
margin-top:-.25rem!important
}
.mr-md-n1,
.mx-md-n1 {
margin-right:-.25rem!important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom:-.25rem!important
}
.ml-md-n1,
.mx-md-n1 {
margin-left:-.25rem!important
}
.m-md-n2 {
margin:-.5rem!important
}
.mt-md-n2,
.my-md-n2 {
margin-top:-.5rem!important
}
.mr-md-n2,
.mx-md-n2 {
margin-right:-.5rem!important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom:-.5rem!important
}
.ml-md-n2,
.mx-md-n2 {
margin-left:-.5rem!important
}
.m-md-n3 {
margin:-1rem!important
}
.mt-md-n3,
.my-md-n3 {
margin-top:-1rem!important
}
.mr-md-n3,
.mx-md-n3 {
margin-right:-1rem!important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom:-1rem!important
}
.ml-md-n3,
.mx-md-n3 {
margin-left:-1rem!important
}
.m-md-n4 {
margin:-1.5rem!important
}
.mt-md-n4,
.my-md-n4 {
margin-top:-1.5rem!important
}
.mr-md-n4,
.mx-md-n4 {
margin-right:-1.5rem!important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom:-1.5rem!important
}
.ml-md-n4,
.mx-md-n4 {
margin-left:-1.5rem!important
}
.m-md-n5 {
margin:-3rem!important
}
.mt-md-n5,
.my-md-n5 {
margin-top:-3rem!important
}
.mr-md-n5,
.mx-md-n5 {
margin-right:-3rem!important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom:-3rem!important
}
.ml-md-n5,
.mx-md-n5 {
margin-left:-3rem!important
}
.m-md-auto {
margin:auto!important
}
.mt-md-auto,
.my-md-auto {
margin-top:auto!important
}
.mr-md-auto,
.mx-md-auto {
margin-right:auto!important
}
.mb-md-auto,
.my-md-auto {
margin-bottom:auto!important
}
.ml-md-auto,
.mx-md-auto {
margin-left:auto!important
}
}
@media (min-width:1024px) {
.m-lg-0 {
margin:0!important
}
.mt-lg-0,
.my-lg-0 {
margin-top:0!important
}
.mr-lg-0,
.mx-lg-0 {
margin-right:0!important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom:0!important
}
.ml-lg-0,
.mx-lg-0 {
margin-left:0!important
}
.m-lg-1 {
margin:.25rem!important
}
.mt-lg-1,
.my-lg-1 {
margin-top:.25rem!important
}
.mr-lg-1,
.mx-lg-1 {
margin-right:.25rem!important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom:.25rem!important
}
.ml-lg-1,
.mx-lg-1 {
margin-left:.25rem!important
}
.m-lg-2 {
margin:.5rem!important
}
.mt-lg-2,
.my-lg-2 {
margin-top:.5rem!important
}
.mr-lg-2,
.mx-lg-2 {
margin-right:.5rem!important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom:.5rem!important
}
.ml-lg-2,
.mx-lg-2 {
margin-left:.5rem!important
}
.m-lg-3 {
margin:1rem!important
}
.mt-lg-3,
.my-lg-3 {
margin-top:1rem!important
}
.mr-lg-3,
.mx-lg-3 {
margin-right:1rem!important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom:1rem!important
}
.ml-lg-3,
.mx-lg-3 {
margin-left:1rem!important
}
.m-lg-4 {
margin:1.5rem!important
}
.mt-lg-4,
.my-lg-4 {
margin-top:1.5rem!important
}
.mr-lg-4,
.mx-lg-4 {
margin-right:1.5rem!important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom:1.5rem!important
}
.ml-lg-4,
.mx-lg-4 {
margin-left:1.5rem!important
}
.m-lg-5 {
margin:3rem!important
}
.mt-lg-5,
.my-lg-5 {
margin-top:3rem!important
}
.mr-lg-5,
.mx-lg-5 {
margin-right:3rem!important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom:3rem!important
}
.ml-lg-5,
.mx-lg-5 {
margin-left:3rem!important
}
.p-lg-0 {
padding:0!important
}
.pt-lg-0,
.py-lg-0 {
padding-top:0!important
}
.pr-lg-0,
.px-lg-0 {
padding-right:0!important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom:0!important
}
.pl-lg-0,
.px-lg-0 {
padding-left:0!important
}
.p-lg-1 {
padding:.25rem!important
}
.pt-lg-1,
.py-lg-1 {
padding-top:.25rem!important
}
.pr-lg-1,
.px-lg-1 {
padding-right:.25rem!important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom:.25rem!important
}
.pl-lg-1,
.px-lg-1 {
padding-left:.25rem!important
}
.p-lg-2 {
padding:.5rem!important
}
.pt-lg-2,
.py-lg-2 {
padding-top:.5rem!important
}
.pr-lg-2,
.px-lg-2 {
padding-right:.5rem!important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom:.5rem!important
}
.pl-lg-2,
.px-lg-2 {
padding-left:.5rem!important
}
.p-lg-3 {
padding:1rem!important
}
.pt-lg-3,
.py-lg-3 {
padding-top:1rem!important
}
.pr-lg-3,
.px-lg-3 {
padding-right:1rem!important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom:1rem!important
}
.pl-lg-3,
.px-lg-3 {
padding-left:1rem!important
}
.p-lg-4 {
padding:1.5rem!important
}
.pt-lg-4,
.py-lg-4 {
padding-top:1.5rem!important
}
.pr-lg-4,
.px-lg-4 {
padding-right:1.5rem!important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom:1.5rem!important
}
.pl-lg-4,
.px-lg-4 {
padding-left:1.5rem!important
}
.p-lg-5 {
padding:3rem!important
}
.pt-lg-5,
.py-lg-5 {
padding-top:3rem!important
}
.pr-lg-5,
.px-lg-5 {
padding-right:3rem!important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom:3rem!important
}
.pl-lg-5,
.px-lg-5 {
padding-left:3rem!important
}
.m-lg-n1 {
margin:-.25rem!important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top:-.25rem!important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right:-.25rem!important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom:-.25rem!important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left:-.25rem!important
}
.m-lg-n2 {
margin:-.5rem!important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top:-.5rem!important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right:-.5rem!important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom:-.5rem!important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left:-.5rem!important
}
.m-lg-n3 {
margin:-1rem!important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top:-1rem!important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right:-1rem!important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom:-1rem!important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left:-1rem!important
}
.m-lg-n4 {
margin:-1.5rem!important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top:-1.5rem!important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right:-1.5rem!important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom:-1.5rem!important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left:-1.5rem!important
}
.m-lg-n5 {
margin:-3rem!important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top:-3rem!important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right:-3rem!important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom:-3rem!important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left:-3rem!important
}
.m-lg-auto {
margin:auto!important
}
.mt-lg-auto,
.my-lg-auto {
margin-top:auto!important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right:auto!important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom:auto!important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left:auto!important
}
}
@media (min-width:1270px) {
.m-xl-0 {
margin:0!important
}
.mt-xl-0,
.my-xl-0 {
margin-top:0!important
}
.mr-xl-0,
.mx-xl-0 {
margin-right:0!important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom:0!important
}
.ml-xl-0,
.mx-xl-0 {
margin-left:0!important
}
.m-xl-1 {
margin:.25rem!important
}
.mt-xl-1,
.my-xl-1 {
margin-top:.25rem!important
}
.mr-xl-1,
.mx-xl-1 {
margin-right:.25rem!important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom:.25rem!important
}
.ml-xl-1,
.mx-xl-1 {
margin-left:.25rem!important
}
.m-xl-2 {
margin:.5rem!important
}
.mt-xl-2,
.my-xl-2 {
margin-top:.5rem!important
}
.mr-xl-2,
.mx-xl-2 {
margin-right:.5rem!important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom:.5rem!important
}
.ml-xl-2,
.mx-xl-2 {
margin-left:.5rem!important
}
.m-xl-3 {
margin:1rem!important
}
.mt-xl-3,
.my-xl-3 {
margin-top:1rem!important
}
.mr-xl-3,
.mx-xl-3 {
margin-right:1rem!important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom:1rem!important
}
.ml-xl-3,
.mx-xl-3 {
margin-left:1rem!important
}
.m-xl-4 {
margin:1.5rem!important
}
.mt-xl-4,
.my-xl-4 {
margin-top:1.5rem!important
}
.mr-xl-4,
.mx-xl-4 {
margin-right:1.5rem!important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom:1.5rem!important
}
.ml-xl-4,
.mx-xl-4 {
margin-left:1.5rem!important
}
.m-xl-5 {
margin:3rem!important
}
.mt-xl-5,
.my-xl-5 {
margin-top:3rem!important
}
.mr-xl-5,
.mx-xl-5 {
margin-right:3rem!important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom:3rem!important
}
.ml-xl-5,
.mx-xl-5 {
margin-left:3rem!important
}
.p-xl-0 {
padding:0!important
}
.pt-xl-0,
.py-xl-0 {
padding-top:0!important
}
.pr-xl-0,
.px-xl-0 {
padding-right:0!important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom:0!important
}
.pl-xl-0,
.px-xl-0 {
padding-left:0!important
}
.p-xl-1 {
padding:.25rem!important
}
.pt-xl-1,
.py-xl-1 {
padding-top:.25rem!important
}
.pr-xl-1,
.px-xl-1 {
padding-right:.25rem!important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom:.25rem!important
}
.pl-xl-1,
.px-xl-1 {
padding-left:.25rem!important
}
.p-xl-2 {
padding:.5rem!important
}
.pt-xl-2,
.py-xl-2 {
padding-top:.5rem!important
}
.pr-xl-2,
.px-xl-2 {
padding-right:.5rem!important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom:.5rem!important
}
.pl-xl-2,
.px-xl-2 {
padding-left:.5rem!important
}
.p-xl-3 {
padding:1rem!important
}
.pt-xl-3,
.py-xl-3 {
padding-top:1rem!important
}
.pr-xl-3,
.px-xl-3 {
padding-right:1rem!important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom:1rem!important
}
.pl-xl-3,
.px-xl-3 {
padding-left:1rem!important
}
.p-xl-4 {
padding:1.5rem!important
}
.pt-xl-4,
.py-xl-4 {
padding-top:1.5rem!important
}
.pr-xl-4,
.px-xl-4 {
padding-right:1.5rem!important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom:1.5rem!important
}
.pl-xl-4,
.px-xl-4 {
padding-left:1.5rem!important
}
.p-xl-5 {
padding:3rem!important
}
.pt-xl-5,
.py-xl-5 {
padding-top:3rem!important
}
.pr-xl-5,
.px-xl-5 {
padding-right:3rem!important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom:3rem!important
}
.pl-xl-5,
.px-xl-5 {
padding-left:3rem!important
}
.m-xl-n1 {
margin:-.25rem!important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top:-.25rem!important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right:-.25rem!important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom:-.25rem!important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left:-.25rem!important
}
.m-xl-n2 {
margin:-.5rem!important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top:-.5rem!important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right:-.5rem!important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom:-.5rem!important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left:-.5rem!important
}
.m-xl-n3 {
margin:-1rem!important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top:-1rem!important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right:-1rem!important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom:-1rem!important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left:-1rem!important
}
.m-xl-n4 {
margin:-1.5rem!important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top:-1.5rem!important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right:-1.5rem!important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom:-1.5rem!important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left:-1.5rem!important
}
.m-xl-n5 {
margin:-3rem!important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top:-3rem!important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right:-3rem!important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom:-3rem!important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left:-3rem!important
}
.m-xl-auto {
margin:auto!important
}
.mt-xl-auto,
.my-xl-auto {
margin-top:auto!important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right:auto!important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom:auto!important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left:auto!important
}
}
html {
font-family:nexa,Arial,sans-serif;
font-size:10px;
-webkit-tap-highlight-color:transparent
}
body {
margin:0;
font-family:inherit;
font-size:18px;
line-height:1.5;
background-color:#fff;
color:#fff
}
body.\--freeze {
height:100%;
overflow:hidden!important
}
html.ios body.\--freeze {
position:fixed;
width:100%
}
html[class*="--scroll-"] .\--add-fixed-border {
border-right:0 solid #fff;
border-right-style:solid;
border-right-color:#fff
}
img {
display:block;
max-width:100%
}
img:not([src]),
img[src=""] {
display:none
}
h2 {
margin:0
}
p {
margin:0
}
.line {
width:18.4rem;
border-bottom:.1rem solid #d2d2d2;
margin-bottom:2rem
}
.line1 {
width:16.8rem;
border-bottom:.1rem solid #d2d2d2;
margin:2.4rem 0
}
@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight:400;
font-style:normal
}
:root {
--swiper-theme-color:$ricoh-red
}
.swiper {
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
list-style:none;
padding:0;
z-index:1
}
.swiper-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;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.swiper-pointer-events {
-ms-touch-action:pan-y;
touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action:pan-x;
touch-action:pan-x
}
.swiper-slide {
-ms-flex-negative:0;
flex-shrink:0;
width:100%;
height:100%;
position:relative;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank {
visibility:hidden
}
.swiper-autoheight {
height:auto
}
.swiper-autoheight .swiper-slide {
height:auto
}
.swiper-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;
-o-transition-property:transform,height;
transition-property:transform,height;
transition-property:transform,height,-webkit-transform
}
.swiper-3d {
-webkit-perspective:1200px;
perspective:1200px
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective:1200px;
perspective:1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}
.swiper-3d .swiper-slide-shadow {
background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper {
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type:x mandatory;
scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type:y mandatory;
scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content:"";
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-ms-flex-order:9999;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start:var(--swiper-centered-offset-before);
margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
min-height:1px;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before:var(--swiper-centered-offset-before);
margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
min-width:1px;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align:center center
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content:"";
position:absolute;
left:0;
top:0;
pointer-events:none
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height:1px;
width:var(--swiper-virtual-size)
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width:1px;
height:var(--swiper-virtual-size)
}
:root {
--swiper-navigation-size:44px;
--swiper-navigation-color:var(--swiper-theme-color)
}
.swiper-button-next,
.swiper-button-prev {
position:relative;
width:3.2rem;
height:3.2rem;
border:.1rem solid #707070;
border-radius:.8rem;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
line-height:3.2rem;
cursor:pointer
}
.swiper-button-next:focus,
.swiper-button-prev:focus {
outline-color:transparent;
outline-style:none;
outline-width:0
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity:.35;
cursor:auto;
pointer-events:none
}
.swiper-button-next:after,
.swiper-button-prev:after {
position:absolute;
top:.1rem;
left:0;
width:100%;
height:100%;
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;
background-position:center center
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content:"";
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content:""
}
.swiper-button-lock {
display:none
}
:root {
--swiper-pagination-color:var(--swiper-theme-color);
--swiper-pagination-bullet-size:8px;
--swiper-pagination-bullet-width:8px;
--swiper-pagination-bullet-height:8px;
--swiper-pagination-bullet-inactive-color:$white;
--swiper-pagination-bullet-inactive-border-color:var(--swiper-theme-color);
--swiper-pagination-bullet-inactive-opacity:1;
--swiper-pagination-bullet-opacity:1;
--swiper-pagination-bullet-horizontal-gap:4px;
--swiper-pagination-bullet-vertical-gap:12px
}
.swiper-pagination {
position:absolute;
text-align:center;
-webkit-transition:.3s opacity;
-o-transition:.3s opacity;
transition:.3s opacity;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
opacity:0
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom:0;
right:0;
width:auto
}
@media only screen and (min-width:901px) {
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
right:10rem
}
}
.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:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
display:inline-block;
border-radius:50%;
border:1px solid var(--swiper-pagination-bullet-inactive-border-color);
background:var(--swiper-pagination-bullet-inactive-color,#000);
opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)
}
.swiper-pagination-bullet:focus {
outline-color:transparent;
outline-style:none;
outline-width:0
}
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:only-child {
display:none!important
}
.swiper-pagination-bullet-active {
opacity:var(--swiper-pagination-bullet-opacity,1);
background:var(--swiper-pagination-color,var(--swiper-theme-color))
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
right:10px;
top:50%;
-webkit-transform:translate3d(0,-50%,0);
transform:translate3d(0,-50%,0)
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;
display:block
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
width:8px
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display:inline-block;
-webkit-transition:.2s top,.2s -webkit-transform;
transition:.2s top,.2s -webkit-transform;
-o-transition:.2s transform,.2s top;
transition:.2s transform,.2s top;
transition:.2s transform,.2s top,.2s -webkit-transform
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
white-space:nowrap
}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition:.2s left,.2s -webkit-transform;
transition:.2s left,.2s -webkit-transform;
-o-transition:.2s transform,.2s left;
transition:.2s transform,.2s left;
transition:.2s transform,.2s left,.2s -webkit-transform
}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition:.2s right,.2s -webkit-transform;
transition:.2s right,.2s -webkit-transform;
-o-transition:.2s transform,.2s right;
transition:.2s transform,.2s right;
transition:.2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
background:rgba(0,0,0,.25);
position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background:var(--swiper-pagination-color,var(--swiper-theme-color));
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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin:right top;
transform-origin:right top
}
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width:100%;
height:4px;
left:0;
top:0
}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
width:4px;
height:100%;
left:0;
top:0
}
.swiper-pagination-lock {
display:none
}
.swiper-scrollbar {
border-radius:10px;
position:relative;
-ms-touch-action:none;
background:rgba(0,0,0,.1)
}
.swiper-horizontal>.swiper-scrollbar {
position:absolute;
left:1%;
bottom:3px;
z-index:50;
height:5px;
width:98%
}
.swiper-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 infinite linear;
animation:swiper-preloader-spin 1s infinite linear;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
border-radius:50%;
border-top-color:transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper .swiper-notification {
position:absolute;
left:0;
top:0;
pointer-events:none;
opacity:0;
z-index:-1000
}
.swiper-free-mode>.swiper-wrapper {
-webkit-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out;
margin:0 auto
}
.swiper-grid>.swiper-wrapper {
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.swiper-grid-column>.swiper-wrapper {
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column
}
.swiper-fade.swiper-free-mode .swiper-slide {
-webkit-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
.swiper-fade .swiper-slide {
pointer-events:none;
-webkit-transition-property:opacity;
-o-transition-property:opacity;
transition-property:opacity
}
.swiper-fade .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-fade .swiper-slide-active {
pointer-events:auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-cube {
overflow:visible
}
.swiper-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-cube .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-cube.swiper-rtl .swiper-slide {
-webkit-transform-origin:100% 0;
transform-origin:100% 0
}
.swiper-cube .swiper-slide-active {
pointer-events:auto;
pointer-events:auto;
visibility:visible
}
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
pointer-events:auto;
visibility:visible
}
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-cube .swiper-cube-shadow {
position:absolute;
left:0;
bottom:0;
width:100%;
height:100%;
opacity:.6;
z-index:0
}
.swiper-cube .swiper-cube-shadow:before {
content:"";
background:#000;
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
-webkit-filter:blur(50px);
filter:blur(50px)
}
.swiper-flip {
overflow:visible
}
.swiper-flip .swiper-slide {
pointer-events:none;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-flip .swiper-slide-active {
pointer-events:auto
}
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index:0;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.swiper-creative .swiper-slide {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden;
-webkit-transition-property:opacity,height,-webkit-transform;
transition-property:opacity,height,-webkit-transform;
-o-transition-property:transform,opacity,height;
transition-property:transform,opacity,height;
transition-property:transform,opacity,height,-webkit-transform
}
.swiper-cards {
overflow:visible
}
.swiper-cards .swiper-slide {
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
overflow:hidden
}
@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight:400;
font-style:normal
}
:root {
--swiper-theme-color:#0043cf;
}
.swiper {
margin-left:auto;
margin-right:auto;
position:relative;
overflow:hidden;
list-style:none;
padding:0;
z-index:1
}
.swiper-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;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
.swiper-android .swiper-slide,
.swiper-wrapper {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.swiper-pointer-events {
-ms-touch-action:pan-y;
touch-action:pan-y
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action:pan-x;
touch-action:pan-x
}
.swiper-slide {
-ms-flex-negative:0;
flex-shrink:0;
width:100%;
height:100%;
position:relative;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
-o-transition-property:transform;
transition-property:transform;
transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank {
visibility:hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height:auto
}
.swiper-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;
-o-transition-property:transform,height;
transition-property:transform,height;
transition-property:transform,height,-webkit-transform
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective:1200px;
perspective:1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
pointer-events:none;
z-index:10
}
.swiper-3d .swiper-slide-shadow {
background:rgba(0,0,0,.15)
}
.swiper-3d .swiper-slide-shadow-left {
background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-right {
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-top {
background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-css-mode>.swiper-wrapper {
overflow:auto;
scrollbar-width:none;
-ms-overflow-style:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type:x mandatory;
scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
-ms-scroll-snap-type:y mandatory;
scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper::before {
content:"";
-ms-flex-negative:0;
flex-shrink:0;
-webkit-box-ordinal-group:10000;
-ms-flex-order:9999;
order:9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-start:var(--swiper-centered-offset-before);
margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
height:100%;
width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
-webkit-margin-before:var(--swiper-centered-offset-before);
margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
width:100%;
height:var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
scroll-snap-align:center center
}
@font-face {
font-family:acc-icon;
src:url(../fonts/acc-icon.woff) format("woff");
font-weight:400;
font-style:normal;
font-display:swap
}
.acc-icon {
font-family:acc-icon!important;
speak:never;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.icon-arrow:before {
content:"\e901"
}
.icon-prev:before {
content:"\e900"
}
:root {
--break-line-bg-color:#767676;
--break-line-width:185px
}
.break-line {
display:inline-block;
margin:1.6rem 0;
width:var(--break-line-width);
height:.1rem;
background:var(--break-line-bg-color)
}
.overlay {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:0;
border-radius:1.6rem;
background:var(--bg-color);
mix-blend-mode:darken
}
.mb-15 {
margin-bottom:1.5rem
}
.mb-16 {
margin-bottom:1.6rem
}
.m-b-16 {
margin-bottom:.1rem
}
.m-t-10 {
margin-top:1rem
}
.p-30 {
padding:3rem
}
.pb-24 {
padding-bottom:2.4rem
}
.mb-30 {
margin-bottom:3rem
}
.mt-sm-16 {
margin-top:1.6rem
}
.br-16 {
border-radius:0
}
.br-16.ctn-background {
border-radius:1.6rem
}
.br-8 {
border-radius:.8rem
}
.module-container {
padding:0 1.7rem;
margin-bottom:8rem
}
.module-container.pl-sm-0,
.module-container.pr-sm-0 {
padding-left:0!important;
padding-right:0!important
}
.module-container .ctn-background:last-child {
margin-bottom:0
}
.ctn-background {
--bg-color:#f2f2f2;
background-color:var(--bg-color);
padding:4rem 1.7rem;
margin-bottom:8rem
}
.ctn-background .module-container {
padding:0;
margin-bottom:4rem
}
.ctn-background .module-container:last-child {
margin-bottom:0
}
.ctn-background .button-more {
margin:4rem 0 0
}
.ctn-background-image {
background:transparent var(--bg-image) no-repeat center
}
.for-mobile {
display:initial!important
}
.for-desktop {
display:none!important
}
.mb-96 {
margin-bottom:4rem!important
}
.mb-64 {
margin-bottom:3.2rem!important
}
.mb-40 {
margin-bottom:4rem!important
}
.m-spacing-br {
margin-bottom:8rem!important
}
@media only screen and (min-width:901px) {
.m-spacing-br {
margin-bottom:12rem!important
}
}
.pd-sm-0 {
padding:1.7rem 0
}
.text-light-45 {
font-family:nexa,Arial,sans-serif!important
}
.text-roman-55 {
font-family:nexa,Arial,sans-serif!important
}
.text-bold-65 {
font-family:nexa,Arial,sans-serif!important;
font-weight:700
}
.text-uppercase {
text-transform:uppercase!important
}
.text-center {
text-align:center!important
}
.text-left {
text-align:left!important
}
.fz-10 {
font-size:1rem!important
}
.fz-15 {
font-size:1.5rem!important
}
.fz-18 {
font-size:1.8rem!important
}
.fz-20 {
font-size:2rem!important
}
.fz-30 {
font-size:3rem!important
}
.fz-34 {
font-size:3.4rem!important
}
.bg-grba {
position:relative;
background-image:var(--bg-img);
background-repeat:no-repeat;
background-position:center center;
background-size:cover
}
.cta-arrow .bg-grba:focus,
.cta-arrow .bg-grba:hover {
-webkit-transition:none;
-o-transition:none;
transition:none;
-webkit-transform:none;
transform:none
}
.display-sm-none {
display:none;
visibility:hidden
}
.no-navigation .swiper-navigation,
.no-navigation .swiper-pagination {
display:none
}
@media only screen and (min-width:900px) {
.br-16 {
border-radius:1.6rem
}
.mb-96 {
margin-bottom:9.6rem!important
}
.mb-64 {
margin-bottom:6.4rem!important
}
.mt-32 {
margin-top:3.2rem
}
.pd-sm-0 {
padding:unset
}
.ctn-background {
padding:4rem
}
.for-mobile {
display:none!important
}
.for-desktop {
display:initial!important
}
.display-sm-none {
display:block;
visibility:visible
}
.module-container {
padding:0 4rem;
margin-bottom:12rem
}
.module-container.pl-sm-0,
.module-container.pr-sm-0 {
padding-left:4rem!important;
padding-right:4rem!important
}
.module-container .ctn-background:last-child {
margin-bottom:0
}
.ctn-background {
--bg-color:#f2f2f2;
background-color:var(--bg-color);
padding:4rem;
margin-bottom:12rem
}
.ctn-background .module-container {
padding:0;
margin-bottom:4rem
}
.ctn-background .module-container:last-child {
margin-bottom:0
}
}
.img-balloon {
width:9rem;
height:9rem;
/*background-image:url('data:image/svg+xml;utf8,');*/
/*background-image:url('data:image/svg+xml;utf8,');*/
background-image:url("/img/kpk-macro.png");
background-repeat: no-repeat;
background-size:contain
}
@media only screen and (min-width:901px) {
.img-balloon {
width:14.4rem;
height:14.4rem
}
}
.img-balloon.\--gray {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--secondary-color-pink {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--secondary-color-yellow {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--secondary-color-green {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--secondary-color-ocean {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--secondary-color-blue {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--muted-color-pink {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--muted-color-yellow {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--muted-color-green {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--muted-color-ocean {
background-image:url('data:image/svg+xml;utf8,')
}
.img-balloon.\--muted-color-blue {
background-image:url('data:image/svg+xml;utf8,')
}
.icons-social {
width:4.4rem;
height:4.4rem;
background-repeat:no-repeat;
background-size:contain
}
.icons-social.\--facebook {
background-image:url("../images/icon/Ricoh Icons_SoMe_facebook.svg")
}
.icons-social.\--facebook-colophon {
width:4.6rem;
height:3.8rem;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.487' height='38.185' viewBox='0 0 46.487 38.185'%3E%3Cg id='Facebook' transform='translate(-224 -16345)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(224 16345)' fill='none' stroke='%23d2d2d2' stroke-width='1'%3E%3Crect width='46.487' height='38.184' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45.487' height='37.184' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_22' data-name='Path 22' d='M131.407,14.166l.7-4.56h-4.373V6.65A2.28,2.28,0,0,1,130.3,4.186h1.987V.31A24.1,24.1,0,0,0,128.761,0c-3.6,0-5.957,2.184-5.957,6.134V9.606h-4v4.56h4V25.184h4.929V14.166Z' transform='translate(121.2 16351)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--facebook-colophon:hover {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.487' height='38.185' viewBox='0 0 46.487 38.185'%3E%3Cg id='Facebook' transform='translate(-224 -16345)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(224 16345)' fill='none' stroke='%23d2d2d2' stroke-width='2'%3E%3Crect width='46.487' height='38.184' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45.487' height='37.184' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_22' data-name='Path 22' d='M131.407,14.166l.7-4.56h-4.373V6.65A2.28,2.28,0,0,1,130.3,4.186h1.987V.31A24.1,24.1,0,0,0,128.761,0c-3.6,0-5.957,2.184-5.957,6.134V9.606h-4v4.56h4V25.184h4.929V14.166Z' transform='translate(121.2 16351)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--facebook-colophon:active {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.487' height='38.185' viewBox='0 0 46.487 38.185'%3E%3Cg id='Facebook' transform='translate(-224 -16345)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(224 16345)' fill='rgba(210, 210, 210, 0.35)' stroke='%23d2d2d2' stroke-width='2'%3E%3Crect width='46.487' height='38.184' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45.487' height='37.184' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_22' data-name='Path 22' d='M131.407,14.166l.7-4.56h-4.373V6.65A2.28,2.28,0,0,1,130.3,4.186h1.987V.31A24.1,24.1,0,0,0,128.761,0c-3.6,0-5.957,2.184-5.957,6.134V9.606h-4v4.56h4V25.184h4.929V14.166Z' transform='translate(121.2 16351)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
a.disabled .icons-social.\--facebook-colophon {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46.487' height='38.185' viewBox='0 0 46.487 38.185'%3E%3Cg id='Facebook' transform='translate(-224 -16345)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(224 16345)' fill='none' stroke='%23d2d2d2' stroke-width='1'%3E%3Crect width='46.487' height='38.184' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45.487' height='37.184' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_22' data-name='Path 22' d='M131.407,14.166l.7-4.56h-4.373V6.65A2.28,2.28,0,0,1,130.3,4.186h1.987V.31A24.1,24.1,0,0,0,128.761,0c-3.6,0-5.957,2.184-5.957,6.134V9.606h-4v4.56h4V25.184h4.929V14.166Z' transform='translate(121.2 16351)' fill='none' stroke='rgb(210%2C210%2C210)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--youtube {
background-image:url("../images/icon/Ricoh Icons_SoMe_YouTube.svg")
}
.icons-social.\--twitter {
background-image:url("../images/icon/Ricoh Icons_SoMe_Twitter.svg")
}
.icons-social.\--twitter-colophon {
width:4.6rem;
height:3.8rem;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='Twitter' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='none' stroke='%23d2d2d2' stroke-width='1'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_23' data-name='Path 23' d='M250.683,267.646c10.816,0,16.731-8.96,16.731-16.73,0-.255-.005-.508-.017-.76a11.96,11.96,0,0,0,2.933-3.045,11.723,11.723,0,0,1-3.376.926,5.9,5.9,0,0,0,2.585-3.253,11.77,11.77,0,0,1-3.734,1.427,5.885,5.885,0,0,0-10.02,5.363,16.7,16.7,0,0,1-12.121-6.144,5.887,5.887,0,0,0,1.821,7.851,5.835,5.835,0,0,1-2.663-.736c0,.024,0,.049,0,.075a5.883,5.883,0,0,0,4.718,5.765,5.915,5.915,0,0,1-1.55.207,5.834,5.834,0,0,1-1.106-.107,5.887,5.887,0,0,0,5.494,4.085,11.805,11.805,0,0,1-7.3,2.517,12.027,12.027,0,0,1-1.4-.082,16.642,16.642,0,0,0,9.013,2.641' transform='translate(-12 16119.998)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--twitter-colophon:hover {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='Twitter' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='none' stroke='%23d2d2d2' stroke-width='2'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_23' data-name='Path 23' d='M250.683,267.646c10.816,0,16.731-8.96,16.731-16.73,0-.255-.005-.508-.017-.76a11.96,11.96,0,0,0,2.933-3.045,11.723,11.723,0,0,1-3.376.926,5.9,5.9,0,0,0,2.585-3.253,11.77,11.77,0,0,1-3.734,1.427,5.885,5.885,0,0,0-10.02,5.363,16.7,16.7,0,0,1-12.121-6.144,5.887,5.887,0,0,0,1.821,7.851,5.835,5.835,0,0,1-2.663-.736c0,.024,0,.049,0,.075a5.883,5.883,0,0,0,4.718,5.765,5.915,5.915,0,0,1-1.55.207,5.834,5.834,0,0,1-1.106-.107,5.887,5.887,0,0,0,5.494,4.085,11.805,11.805,0,0,1-7.3,2.517,12.027,12.027,0,0,1-1.4-.082,16.642,16.642,0,0,0,9.013,2.641' transform='translate(-12 16119.998)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--twitter-colophon:active {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='Twitter' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='rgba(210, 210, 210, 0.35)' stroke='%23d2d2d2' stroke-width='2'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_23' data-name='Path 23' d='M250.683,267.646c10.816,0,16.731-8.96,16.731-16.73,0-.255-.005-.508-.017-.76a11.96,11.96,0,0,0,2.933-3.045,11.723,11.723,0,0,1-3.376.926,5.9,5.9,0,0,0,2.585-3.253,11.77,11.77,0,0,1-3.734,1.427,5.885,5.885,0,0,0-10.02,5.363,16.7,16.7,0,0,1-12.121-6.144,5.887,5.887,0,0,0,1.821,7.851,5.835,5.835,0,0,1-2.663-.736c0,.024,0,.049,0,.075a5.883,5.883,0,0,0,4.718,5.765,5.915,5.915,0,0,1-1.55.207,5.834,5.834,0,0,1-1.106-.107,5.887,5.887,0,0,0,5.494,4.085,11.805,11.805,0,0,1-7.3,2.517,12.027,12.027,0,0,1-1.4-.082,16.642,16.642,0,0,0,9.013,2.641' transform='translate(-12 16119.998)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
a.disabled .icons-social.\--twitter-colophon {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='Twitter' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='none' stroke='%23d2d2d2' stroke-width='1'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_23' data-name='Path 23' d='M250.683,267.646c10.816,0,16.731-8.96,16.731-16.73,0-.255-.005-.508-.017-.76a11.96,11.96,0,0,0,2.933-3.045,11.723,11.723,0,0,1-3.376.926,5.9,5.9,0,0,0,2.585-3.253,11.77,11.77,0,0,1-3.734,1.427,5.885,5.885,0,0,0-10.02,5.363,16.7,16.7,0,0,1-12.121-6.144,5.887,5.887,0,0,0,1.821,7.851,5.835,5.835,0,0,1-2.663-.736c0,.024,0,.049,0,.075a5.883,5.883,0,0,0,4.718,5.765,5.915,5.915,0,0,1-1.55.207,5.834,5.834,0,0,1-1.106-.107,5.887,5.887,0,0,0,5.494,4.085,11.805,11.805,0,0,1-7.3,2.517,12.027,12.027,0,0,1-1.4-.082,16.642,16.642,0,0,0,9.013,2.641' transform='translate(-12 16119.998)' fill='none' stroke='rgb(210%2C210%2C210)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--linkedin {
background-image:url("../images/icon/Ricoh Icons_SoMe_Linkedin.svg")
}
.icons-social.\--linkedin-colophon {
width:4.6rem;
height:3.8rem;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='LinkedIN' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='none' stroke='%23d2d2d2' stroke-width='1'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_2520' data-name='Path 2520' d='M386.893,387.338h-4.266v-6.68c0-1.593-.028-3.644-2.219-3.644-2.222,0-2.562,1.736-2.562,3.528v6.8h-4.266V373.6h4.1v1.877h.057a4.488,4.488,0,0,1,4.041-2.219c4.324,0,5.121,2.844,5.121,6.544Zm-18.125-15.616a2.475,2.475,0,1,1,2.475-2.476,2.475,2.475,0,0,1-2.475,2.476h0m2.133,15.616h-4.27V373.6h4.27Z' transform='translate(-132.792 15998.729)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--linkedin-colophon:hover {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='LinkedIN' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='none' stroke='%23d2d2d2' stroke-width='2'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_2520' data-name='Path 2520' d='M386.893,387.338h-4.266v-6.68c0-1.593-.028-3.644-2.219-3.644-2.222,0-2.562,1.736-2.562,3.528v6.8h-4.266V373.6h4.1v1.877h.057a4.488,4.488,0,0,1,4.041-2.219c4.324,0,5.121,2.844,5.121,6.544Zm-18.125-15.616a2.475,2.475,0,1,1,2.475-2.476,2.475,2.475,0,0,1-2.475,2.476h0m2.133,15.616h-4.27V373.6h4.27Z' transform='translate(-132.792 15998.729)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--linkedin-colophon:active {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='LinkedIN' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='rgba(210, 210, 210, 0.35)' stroke='%23d2d2d2' stroke-width='2'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_2520' data-name='Path 2520' d='M386.893,387.338h-4.266v-6.68c0-1.593-.028-3.644-2.219-3.644-2.222,0-2.562,1.736-2.562,3.528v6.8h-4.266V373.6h4.1v1.877h.057a4.488,4.488,0,0,1,4.041-2.219c4.324,0,5.121,2.844,5.121,6.544Zm-18.125-15.616a2.475,2.475,0,1,1,2.475-2.476,2.475,2.475,0,0,1-2.475,2.476h0m2.133,15.616h-4.27V373.6h4.27Z' transform='translate(-132.792 15998.729)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
a.disabled .icons-social.\--linkedin-colophon {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='38' viewBox='0 0 46 38'%3E%3Cg id='LinkedIN' transform='translate(-221 -16357)'%3E%3Cg id='Rectangle_3' data-name='Rectangle 3' transform='translate(221 16357)' fill='none' stroke='%23d2d2d2' stroke-width='1'%3E%3Crect width='46' height='38' rx='8' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='45' height='37' rx='7.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_2520' data-name='Path 2520' d='M386.893,387.338h-4.266v-6.68c0-1.593-.028-3.644-2.219-3.644-2.222,0-2.562,1.736-2.562,3.528v6.8h-4.266V373.6h4.1v1.877h.057a4.488,4.488,0,0,1,4.041-2.219c4.324,0,5.121,2.844,5.121,6.544Zm-18.125-15.616a2.475,2.475,0,1,1,2.475-2.476,2.475,2.475,0,0,1-2.475,2.476h0m2.133,15.616h-4.27V373.6h4.27Z' transform='translate(-132.792 15998.729)' fill='none' stroke='rgb(210%2C210%2C210)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")
}
.icons-social.\--blog {
background-image:url("../images/icon/Ricoh Icons_SoMe_Blog.svg")
}
.icons-social.\--vk {
background-image:url("../images/icon/Ricoh Icons_SoMe_Vk.svg")
}
.icons-social.\--xing {
background-image:url("../images/icon/Ricoh Icons_SoMe_Xing.svg")
}
.icons-social.\--instagram {
background-image:url("../images/icon/Ricoh Icons_SoMe_Instagram.svg")
}
.form-check {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
.form-check-input {
width:2.4rem;
height:2.4rem;
border:1px solid #707070;
border-radius:.8rem;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
-webkit-box-flex:0;
-ms-flex:none;
flex:none
}
.form-check.\--white .form-check-input {
border:2px solid #fff
}
.form-check-input:hover {
border-width:2px
}
.form-check-input:hover:checked {
background-color:rgba(211,29,63,.6)
}
.form-check.\--white .form-check-input:hover:checked {
background-color:rgba(255,255,255,.6)
}
.form-check-input:checked {
border-color:#0043cf;
border-width:2px;
background-color:rgba(211,29,63,.4)
}
.form-check.\--white .form-check-input:checked {
background-color:rgba(255,255,255,.4)
}
.form-check-input:active {
border-color:#0043cf;
background-color:rgba(211,29,63,.8)
}
.form-check.\--white .form-check-input:active {
background-color:rgba(255,255,255,.8)
}
.form-check-label {
margin-left:1rem;
-ms-flex-item-align:center;
align-self:center
}
.form-check .form-label {
bottom:0
}
.form-check.\--error {
padding-bottom:2.4rem
}
.dropdown-btn {
display:inline-block;
background:#fff;
border-radius:8px;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);
box-shadow:0 3px 6px rgba(0,0,0,.16);
border:1px solid #d2d2d2;
min-width:28.6rem;
max-width:28.6rem;
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
@media only screen and (max-width:900px) {
.dropdown-btn {
width:100%;
max-width:100%!important
}
}
.dropdown-btn.temp {
-webkit-box-shadow:none;
box-shadow:none;
border:none
}
.dropdown-btn button:not(.cta-button) {
position:relative;
font-family:nexa,Arial,sans-serif;
font-size:1.6rem;
line-height:2.4rem;
color:#000;
text-decoration:none;
background:0 0;
border:none;
width:100%;
padding:1.6rem;
height:inherit;
border-radius:0;
text-transform:uppercase
}
.dropdown-btn button:not(.cta-button) span {
padding-right:2.8rem;
display:block;
text-align:left
}
.dropdown-btn button:not(.cta-button)::after {
content:"";
position:absolute;
top:50%;
right:1.6rem;
-webkit-transform:translateY(-50%) rotate(180deg);
transform:translateY(-50%) rotate(180deg);
width:1.3rem;
height:.5rem;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.387' height='5.296' viewBox='0 0 13.387 5.296'%3E%3Cg id='Arrow_Right_M' data-name='Arrow Right M' transform='translate(0.692 4.601) rotate(-90)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M589.912 1556l4 6.119-4 5.881' transform='translate(-589.912 -1556)' fill='none' stroke='rgb(0%2C0%2C0)' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
background-size:contain;
background-repeat:no-repeat;
-webkit-transition:all .6s ease-out;
-o-transition:all .6s ease-out;
transition:all .6s ease-out
}
.dropdown-btn__menu {
opacity:0;
visibility:hidden;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 1.6rem 1.6rem;
display:none;
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
.dropdown-btn__item {
margin-bottom:1.6rem;
-webkit-box-flex:100%;
-ms-flex:100%;
flex:100%
}
.dropdown-btn__item:last-child {
margin-bottom:0
}
.dropdown-btn__item.clear-all {
-webkit-box-flex:100%!important;
-ms-flex:100%!important;
flex:100%!important
}
.dropdown-btn__item.clear-all::before {
content:"";
border-top:1px solid #d2d2d2;
width:calc(100% - 6px);
display:block;
padding-bottom:1.6rem;
margin:0 auto
}
@media only screen and (min-width:901px) {
.dropdown-btn.\--active.\--twoCol {
max-width:60rem
}
.dropdown-btn.\--active.\--twoCol .dropdown-btn__item {
-webkit-box-flex:50%;
-ms-flex:50%;
flex:50%
}
.dropdown-btn.\--active.\--threeCol {
max-width:92.3rem
}
.dropdown-btn.\--active.\--threeCol .dropdown-btn__item {
-webkit-box-flex:calc(4/12 * 100%);
-ms-flex:calc(4/12 * 100%);
flex:calc(4/12 * 100%)
}
.dropdown-btn.\--active.\--fourCol {
max-width:122rem
}
.dropdown-btn.\--active.\--fourCol .dropdown-btn__item {
-webkit-box-flex:25%;
-ms-flex:25%;
flex:25%
}
}
.dropdown-btn.\--active .dropdown-btn__menu {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
opacity:1;
visibility:visible
}
.dropdown-btn.\--active button::after {
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.dropdown-btn .form-check-label {
width:100%;
-ms-flex-item-align:center;
align-self:center
}
.form-select {
position:relative;
color:#767676
}
.form-select__content {
display:inline-block;
font-family:nexa,Arial,sans-serif;
background:#fff;
-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);
box-shadow:0 3px 6px rgba(0,0,0,.16);
border:1px solid #d2d2d2;
color:#767676;
font-size:1.4rem;
line-height:1.8rem;
border-radius:.8rem;
min-width:16.8rem
}
@media only screen and (min-width:901px) {
.form-select__content {
width:18.4rem
}
}
@media only screen and (min-width:901px) {
.form-select.--country .form-select__content {
width:100%
}
}
.form-select.--country .form-select__content:hover {
-webkit-box-shadow:0 0 0 1px #d2d2d2;
box-shadow:0 0 0 1px #d2d2d2
}
.form-select.--country .form-select__menu::before {
content:"";
display:block;
margin:0 1.6rem .8rem;
border-top:1px solid #707070
}
.form-select.--country .form-select__item {
font-size:1.6rem;
line-height:2.6rem
}
.form-select.--country .form-select__item img {
display:inline-block;
margin-right:1rem;
width:3.6rem;
height:2.4rem
}
.form-select.--country .form-select__item span {
display:inline-block;
vertical-align:top
}
.form-select .hidden {
border:0;
height:1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px;
white-space:nowrap;
opacity:0
}
.form-select.\--white {
color:#fff
}
.form-select input {
font-family:nexa,"Frutiger LT W04_55 Roman",sans-serif;
width:100%;
font-size:1.4rem;
line-height:1.8rem;
min-height:4.8rem;
border:none;
outline:0;
border-radius:.8rem;
padding:1.5rem 1.6rem;
background-color:#fff
}
.form-select button {
position:relative;
color:#767676;
text-decoration:none;
background:0 0;
border:none;
width:100%;
padding:1rem 1.6rem;
min-height:4.8rem;
font-size:1.4rem;
line-height:1.8rem
}
.form-select button span {
padding-right:1.5rem;
display:block;
text-align:left
}
.form-select button::after {
content:"";
position:absolute;
top:50%;
right:1.6rem;
-webkit-transform:translateY(-50%) rotate(180deg);
transform:translateY(-50%) rotate(180deg);
width:1.3rem;
height:.5rem;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.387' height='5.296' viewBox='0 0 13.387 5.296'%3E%3Cg id='Arrow_Right_M' data-name='Arrow Right M' transform='translate(0.692 4.601) rotate(-90)'%3E%3Cpath id='Path_1' data-name='Path 1' d='M589.912 1556l4 6.119-4 5.881' transform='translate(-589.912 -1556)' fill='none' stroke='rgb(118%2C118%2C118)' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
background-size:contain;
background-repeat:no-repeat;
-webkit-transition:all .6s ease-out;
-o-transition:all .6s ease-out;
transition:all .6s ease-out
}
.form-select__menu {
opacity:0;
visibility:hidden;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
display:none;
-webkit-transition:all .4s ease;
-o-transition:all .4s ease;
transition:all .4s ease
}
.form-select__item {
padding:.8rem 1.6rem;
-webkit-box-flex:100%;
-ms-flex:100%;
flex:100%
}
.form-select__item:last-child {
padding-bottom:1.6rem
}
.form-select__item:hover {
text-shadow:0 0 1px #000
}
.form-select.\--active .form-select__content {
position:absolute;
z-index:1;
color:#000
}
.form-select.\--active .form-select__menu {
display:block;
opacity:1;
visibility:visible
}
.form-select.\--active button {
color:#000
}
.form-select.\--active button::after {
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.form-search {
position:relative;
z-index:10;
float:right
}
@media only screen and (max-width:900px) {
.form-search {
margin-top:-.5rem
}
}
.form-search form:focus-visible {
outline:0
}
@media only screen and (max-width:900px) {
.form-search form {
display:none;
opacity:0;
-webkit-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out
}
.form-search form.\--show {
display:block;
opacity:1;
position:absolute;
right:0
}
}
.form-search__content {
height:3.1rem;
position:relative;
display:inline-block;
vertical-align:middle
}
.\--active .form-search__content {
width:16.4rem
}
@media only screen and (max-width:900px) {
.\--active .form-search__content {
width:inherit
}
}
.form-search__icon {
position:absolute;
width:3rem;
height:2.7rem;
top:.2rem;
right:.4rem;
background:0 0;
cursor:pointer;
border:none
}
@media only screen and (max-width:900px) {
.form-search__icon {
top:.6rem
}
}
.form-search__icon::before {
content:"";
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:1.4rem;
height:1.4rem;
background-image:url(../images/icon/search.svg);
background-repeat:no-repeat;
background-size:cover
}
.form-search__icon.\--mobile {
width:4rem;
height:4rem;
top:0;
border:.1rem solid #767676;
border-radius:.8rem;
background-color:transparent;
display:none
}
@media only screen and (max-width:900px) {
.form-search__icon.\--mobile {
display:block
}
}
.form-search__input {
width:16.4rem;
height:3.1rem;
border-radius:.8rem;
border:.1rem solid #767676;
padding:0 2.5rem 0 1.2rem;
-webkit-transition:width .3s ease-out;
-o-transition:width .3s ease-out;
transition:width .3s ease-out;
background:0 0;
overflow:hidden;
-o-text-overflow:ellipsis;
text-overflow:ellipsis
}
.form-search__input:focus-visible {
outline:0
}
.form-search__input:hover {
border-width:.2rem
}
.form-search.\--active .form-search__input {
position:absolute;
right:0;
z-index:1;
border-radius:0;
margin:.8rem;
padding:0;
width:16.4rem;
border:none;
border-bottom:.1rem solid #000
}
@media only screen and (max-width:900px) {
.form-search__input {
height:4rem;
background:#fff
}
}
.form-search__autocomplete {
position:absolute;
top:0;
width:100%;
width:26.4rem;
right:0;
text-align:right;
background-color:#fff;
opacity:0;
border:.1rem solid #000;
border-radius:.8rem;
visibility:hidden
}
.form-search.\--active .form-search__autocomplete {
opacity:1;
visibility:visible;
overflow:hidden
}
.form-search__autocomplete ul {
list-style:none;
margin:5.6rem 0 0;
color:#767676;
overflow-y:auto;
padding-left:1.2rem;
padding-right:1.2rem
}
.form-search__autocomplete ul li {
padding-bottom:.8rem;
font-size:1.6rem;
line-height:2.6rem
}
.form-search__autocomplete ul li:focus,
.form-search__autocomplete ul li:hover {
color:#000
}
.tag-label {
font-size:1.4rem;
line-height:2.6rem;
color:#707070
}
.tag-label span::after {
content:" | ";
display:inline-block;
padding:0 .5rem
}
.tag-label span:last-child::after {
content:" "
}
.title-line {
font-size:1.6rem;
line-height:2rem
}
.title-line::after {
content:"";
border:1px solid #707070;
display:block;
max-width:28.8rem;
margin-top:1rem
}
.third-list {
margin-top:2.4rem;
line-height:1
}
@media only screen and (min-width:901px) {
.third-list {
margin-top:0
}
.third-list .swiper {
margin-left:-10px!important
}
.third-list.\--break-line .swiper .swiper-slide {
width:7rem
}
}
.third-list.\--slider .swiper::after {
content:"";
position:absolute;
top:0;
right:0;
z-index:1;
width:60px;
height:100%;
background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(17.27%,rgba(255,255,255,.98)),color-stop(38.06%,rgba(255,254,254,.89)),to(rgba(255,250,250,0)));
background:-o-linear-gradient(#fff 0,rgba(255,255,255,.98) 17.27%,rgba(255,254,254,.89) 38.06%,rgba(255,250,250,0) 100%);
background:linear-gradient(#fff 0,rgba(255,255,255,.98) 17.27%,rgba(255,254,254,.89) 38.06%,rgba(255,250,250,0) 100%);
mix-blend-mode:normal
}
@media only screen and (max-width:900px) {
.third-list.\--slider .swiper::after {
right:-1.7rem
}
}
.third-list .swiper-slide {
width:auto
}
.third-list .swiper {
margin-left:initial;
display:inline-block
}
.third-list .title-h5 {
display:inline-block;
margin:2rem 4.5rem 2rem 0;
text-transform:uppercase;
vertical-align:top
}
.third-list::after {
content:"";
display:block;
width:100%;
height:8px;
background:-webkit-gradient(linear,left top,left bottom,from(rgba(201,201,201,.8)),to(rgba(255,255,255,0)));
background:-o-linear-gradient(rgba(201,201,201,.8) 0,rgba(255,255,255,0) 100%);
background:linear-gradient(rgba(201,201,201,.8) 0,rgba(255,255,255,0) 100%)
}
.third-cta {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:2rem;
padding:2rem 0;
width:auto
}
.form-input {
position:relative;
color:#767676;
font-family:nexa,Arial,sans-serif
}
.form-input.\--white {
color:#fff
}
.form-input.\--error input {
padding:2rem 1.6rem 1rem
}
.form-input.\--error label {
color:#0043cf;
display:block
}
.form-input label {
position:absolute;
left:1.6rem;
top:.3rem;
font-size:1.1rem;
line-height:1.8rem;
display:none
}
.form-input input {
font-family:nexa,Arial,sans-serif;
width:100%;
font-size:1.4rem;
line-height:1.8rem;
min-height:4.8rem;
-webkit-box-shadow:0 0 0 1px #d2d2d2;
box-shadow:0 0 0 1px #d2d2d2;
border:none;
outline:0;
border-radius:.8rem;
padding:1.5rem 1.6rem;
background-color:#fff
}
.form-input input:hover {
-webkit-box-shadow:0 0 0 2px #d2d2d2;
box-shadow:0 0 0 2px #d2d2d2
}
.form-input input:focus-visible {
outline:0
}
.form-input input:focus {
padding:2rem 1.6rem 1rem
}
:not(.\--error) .form-input input:focus~label {
display:block
}
.form-input input:active~label {
display:none
}
.form-input input:disabled {
-webkit-box-shadow:0 0 0 1px #d2d2d2;
box-shadow:0 0 0 1px #d2d2d2;
color:#d2d2d2
}
.form-input input:disabled::-webkit-input-placeholder {
color:#d2d2d2
}
.form-input input:disabled::-moz-placeholder {
color:#d2d2d2
}
.form-input input:disabled:-ms-input-placeholder {
color:#d2d2d2
}
.form-input input:disabled::-ms-input-placeholder {
color:#d2d2d2
}
.form-input input:disabled::placeholder {
color:#d2d2d2
}
.form-input input:-webkit-autofill,
.form-input input:-webkit-autofill:active,
.form-input input:-webkit-autofill:focus,
.form-input input:-webkit-autofill:hover {
-webkit-box-shadow:0 0 0 30px #fff inset!important
}
.form-input input:not(:-moz-placeholder-shown)~.form-label:not(.\--error) {
display:none
}
.form-input input:not(:-ms-input-placeholder)~.form-label:not(.\--error) {
display:none
}
.form-input input:not(:placeholder-shown)~.form-label:not(.\--error) {
display:none
}
.form-label {
position:absolute;
font-size:1.1rem;
line-height:1.8rem;
left:1.6rem
}
.form-label.\--error {
color:#0043cf
}
.form-mb {
margin-bottom:2.4rem
}
.form-info {
font-size:1.2rem;
line-height:2.6rem
}
.form-col-2 {
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;
margin-top:-2.4rem;
margin-left:-.9rem;
margin-right:-.9rem
}
.form-col-2 .form-select {
padding:2.4rem .9rem 0;
width:50%
}
.form-col-2 .form-select__content {
min-width:inherit;
width:100%
}
.form-col-2 .form-select.\--active .form-select__content {
width:calc(100% - 1.8rem)
}
.form-col-2 .form-select .form-label {
left:2.5rem
}
@media only screen and (max-width:900px) {
.form-col-2 .form-select__content {
min-width:inherit
}
}
.disabled {
pointer-events:none
}
.label-line {
position:absolute;
top:1.7rem;
left:0;
font-size:1.2rem;
line-height:2.4rem;
border-radius:0 8px 8px 0;
overflow:hidden;
text-transform:uppercase;
z-index:1;
-webkit-box-shadow:0 2px 8px rgba(0,0,0,.28);
box-shadow:0 2px 8px rgba(0,0,0,.28)
}
.label-line p {
padding:.2rem 1.6rem;
background:#fff;
overflow:hidden
}
.label-line::after {
content:"";
height:4px;
background:#f09192;
display:block
}
.label-line.\--yellow-line::after {
background:#f9c14b
}
.label-line.\--blue-line::after {
background:#71bce9
}
.label-line.\--blue-line-1::after {
background:#45bdcf
}
.label-line.\--red-line::after {
background:#e56c74
}
.label-line.\--green-line::after {
background:#b7d342
}
.form-bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:var(--bg-color);
background-repeat:no-repeat;
background-size:cover;
border-radius:1.6rem;
overflow:hidden;
z-index:-1
}
.page-container {
margin:0 auto
}
.page-container .page-container {
padding-left:0;
padding-right:0
}
.page-container {
max-width:144rem
}
.container-txt {
margin:0 auto;
padding:0 1.7rem
}
.container-txt.\--small {
max-width:124.8rem;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
@media only screen and (min-width:901px) {
.container-txt {
padding:0 1.2rem
}
.container-txt .row {
margin-right:-1.2rem;
margin-left:-1.2rem;
line-height:1;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.container-txt [class*=col-] {
padding-right:1.2rem;
padding-left:1.2rem
}
}
.color-box {
width:12.4rem;
height:12.4rem
}
.color-box.\--gradient {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:100%;
height:30rem;
border:1px solid #b5adad;
margin-bottom:3rem
}
.color-box__gradient {
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
z-index:999
}
.color-box__gradient .bg-gradient__container:after {
height:40rem;
bottom:0;
top:auto
}
.color-box .title-h4 {
margin:0;
padding:2rem
}
.text-black {
color:#000!important
}
.text-white {
color:#fff!important
}
.text-red {
color:#0043cf
}
.text-gray {
color:#767676
}
.text-gray-02 {
color:#d2d2d2
}
.text-secondary-10 {
/* color:rgba(240,145,146,.15)*/
color:rgba(105,234,252,.15)
}
.text-secondary-11 {
color:#f9c14b
}
.text-secondary-12 {
color:#71bce9
}
.text-secondary-13 {
color:#b7d342
}
.text-secondary-14 {
color:#45bdcf
}
.text-secondary-20 {
color:#e56c74
}
.text-secondary-21 {
color:#c6aa80
}
.text-secondary-22 {
color:#749c69
}
.text-secondary-23 {
color:#33958f
}
.text-secondary-24 {
color:#4b92ad
}
.text-light-32 {
color:#eaf0f8
}
.text-light-33 {
color:#e6fbfe
}
.text-light-34 {
color:#fff
}
.bg-red {
background-color:#0043cf
}
.bg-gray {
background-color:#767676
}
.bg-gray-1 {
background-color:#e2e2e2
}
.bg-gray-02 {
background-color:#d2d2d2
}
.bg-gray-03 {
background-color:#a8a8a8
}
.bg-secondary-10 {
/* background-color:rgba(240,145,146,.15)*/
background-color:rgba(105,234,252,.15)
}
.bg-secondary-11 {
background-color:#f9c14b
}
.bg-secondary-12 {
background-color:#71bce9
}
.bg-secondary-13 {
background-color:#b7d342
}
.bg-secondary-14 {
background-color:#45bdcf
}
.bg-secondary-20 {
background-color:#e56c74
}
.bg-secondary-21 {
background-color:#c6aa80
}
.bg-secondary-22 {
background-color:#749c69
}
.bg-secondary-23 {
background-color:#33958f
}
.bg-secondary-24 {
background-color:#4b92ad
}
.bg-light-32 {
background-color:#eaf0f8
}
.bg-light-33 {
background-color:#e6fbfe
}
.bg-light-34 {
background-color:#fff
}
.bg-black {
background-color:#000
}
.bg-white {
background-color:#fff
}
.bg-gradient {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:var(--bg-gradient-color);
z-index:-1
}
.bg-gradient.br-16 {
border-radius:1.6rem;
overflow:hidden
}
.bg-gradient:before {
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background:-o-linear-gradient(225deg,#000 0,#fff 100%);
background:linear-gradient(225deg,#000 0,#fff 100%);
opacity:.4;
mix-blend-mode:overlay
}
.bg-gradient__container {
position:absolute;
width:100%;
height:100%
}
.bg-gradient__container:after,
.bg-gradient__container:before {
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:100%
}
.bg-gradient__container:before {
background:-o-linear-gradient(225deg,#000 0,#fff 100%);
background:linear-gradient(225deg,#000 0,#fff 100%);
opacity:.2;
mix-blend-mode:multiply;
z-index:0
}
.bg-gradient__container:after {
background:-webkit-gradient(linear,left top,left bottom,color-stop(-20%,#fff),color-stop(5%,#b5b5b5),to(#000));
background:-o-linear-gradient(#fff -20%,#b5b5b5 5%,#000 100%);
background:linear-gradient(#fff -20%,#b5b5b5 5%,#000 100%);
mix-blend-mode:overlay;
z-index:1
}
.bg-gradient-1 {
background:transparent -webkit-gradient(linear,left top,left bottom,from(#0043cf),to(#0043cf)) 0 0 no-repeat padding-box;
background:transparent -o-linear-gradient(top,#0043cf 0,#0043cf 100%) 0 0 no-repeat padding-box;
background:transparent linear-gradient(180deg,#0043cf 0,#0043cf 100%) 0 0 no-repeat padding-box
}
.bg-gradient-2 {
background:transparent -webkit-gradient(linear,left top,left bottom,from(#0043cf),to(#f51755)) 0 0 no-repeat padding-box;
background:transparent -o-linear-gradient(top,#0043cf 0,#f51755 100%) 0 0 no-repeat padding-box;
background:transparent linear-gradient(180deg,#0043cf 0,#f51755 100%) 0 0 no-repeat padding-box
}
.title-h0 {
font-family:loos,Arial,sans-serif;
font-weight:700;
font-size:3.8rem;
line-height:4.2rem
}
@media only screen and (min-width:901px) {
.title-h0 {
font-size:5.2rem;
line-height:5.5rem
}
}
.title-h1 {
font-family:loos,Arial,sans-serif;
font-weight:700;
font-size:3.4rem;
line-height:4rem
}
@media only screen and (min-width:901px) {
.title-h1 {
font-size:4.2rem;
line-height:4.6rem
}
}
.title-h2 {
font-family:loos,Arial,sans-serif;
font-weight:700;
font-size:3rem;
line-height:3.8rem;
-webkit-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
@media only screen and (min-width:901px) {
.title-h2 {
font-size:3.6rem;
line-height:4.2rem
}
.title-h2.\--hover {
font-size:4.6rem;
line-height:5rem
}
}
.title-h2-hover {
display:none;
font-family:loos,Arial,sans-serif;
font-weight:700
}
@media only screen and (min-width:901px) {
.title-h2-hover {
display:block;
font-size:4.6rem;
line-height:5rem
}
}
.title-h3 {
font-family:loos,Arial,sans-serif;
font-size:2.2rem;
line-height:2.8rem;
font-weight:400;
-webkit-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
@media only screen and (min-width:901px) {
.title-h3.\--hover {
font-family:loos,Arial,sans-serif;
font-weight:700;
font-size:2.6rem;
line-height:3.2rem
}
}
.title-h3-hover {
font-family:loos,Arial,sans-serif;
font-weight:700
}
@media only screen and (min-width:901px) {
.title-h3-hover {
font-size:2.6rem;
line-height:3.2rem
}
}
.title-h3-white {
font-family:loos,Arial,sans-serif;
font-size:2rem;
line-height:2.8rem;
color:#fff
}
.title-h4 {
font-family:loos,Arial,sans-serif;
font-size:1.8rem;
line-height:2.4rem;
text-transform:uppercase
}
@media only screen and (min-width:901px) {
.title-h4 {
font-size:1.6rem;
line-height:2.4rem
}
}
.title-h4-white {
font-family:loos,Arial,sans-serif;
font-size:1.8rem;
line-height:2.4rem;
text-transform:uppercase;
color:#fff
}
@media only screen and (min-width:901px) {
.title-h4-white {
font-family:loos,Arial,sans-serif;
font-size:2rem;
line-height:2.6rem
}
}
.title-h5 {
font-family:loos,Arial,sans-serif;
font-weight:400;
font-size:1.4rem;
line-height:2rem
}
@media only screen and (min-width:901px) {
.title-h5 {
font-size:1.6rem;
line-height:2.4rem
}
}
.text-p1 {
font-family:loos,Arial,sans-serif;
font-size:1.4rem;
line-height:2.2rem
}
@media only screen and (min-width:901px) {
.text-p1 {
font-size:1.6rem;
line-height:2.6rem
}
}
.text-cta-1 {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:1.8rem
}
.text-cta-2 {
font-family:nexa,Arial,sans-serif;
font-weight:700;
font-size:1.4rem;
line-height:2rem
}
.text-cta-3 {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:1.9rem
}
.width-title {
max-width:100.4rem
}
.loader {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
opacity:.5;
visibility:visible;
z-index:1
}
.loader.\--relative {
position:relative;
height:auto;
min-height:5rem
}
.loader.\--global {
position:fixed
}
.loader.\--deactive {
opacity:0;
visibility:hidden
}
.cta-button {
position:relative;
display:inline-block;
font-family:nexa, Arial,sans-serif;
font-size:1.4rem;
line-height:1.8rem;
color:#000;
height:3.9rem;
padding:1rem 1rem;
/*padding:1rem 2.4rem;*/
text-decoration:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:.8rem;
overflow:hidden;
border:none;
cursor:pointer
}
.cta-button.\--input {
border:1px solid #0043cf
}
.cta-button.\--input.\--bg-white {
border:1px solid #fff
}
.cta-button span {
position:relative
}
.cta-button::before {
content:"";
border:1px solid #0043cf;
border-radius:.8rem;
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
overflow:hidden;
background-color:#fff
}
.cta-button:focus {
/* background-color:rgba(240,145,146,.15)*/
background-color:rgba(105,234,252,.15)
}
.cta-button.\--bg-white {
height:3.9rem;
color:#fff;
background-color:rgba(0,0,0,.2);
overflow:hidden;
border-radius:.8rem;
border:none
}
.cta-button.\--bg-white::before {
background-color:transparent;
border-color:#fff
}
.cta-button.\--bg-white.disabled {
color:#707070!important;
background-color:rgba(0,0,0,.2)
}
.cta-button.\--bg-white.disabled::before {
border-color:rgba(210,210,210,.5)
}
.cta-button.\--bg-white:focus::before {
background-color:rgba(255,255,255,.2)
}
.cta-button.\--bg-grey {
color:#767676
}
.cta-button.\--bg-grey::before {
background-color:transparent;
border-color:#767676
}
.cta-button.\--bg-grey:focus {
background-color:inherit
}
.cta-button.\--bg-grey:focus::before {
background-color:rgba(210,210,210,.25)
}
.cta-button.\--bg-grey.disabled::before {
opacity:.2
}
.cta-button.\--bg-black-2 {
color:#fff;
background:rgba(0,0,0,.2);
overflow:hidden;
border-radius:.8rem
}
.cta-button.\--bg-black-2::before {
background-color:transparent;
border-color:#fff
}
.cta-button.disabled {
color:#d2d2d2;
pointer-events:none
}
.cta-button.disabled::before {
border-color:#fff
}
.cta-button:hover::before {
width:100%;
height:100%;
border-width:.2rem
}
.cta-button:focus::before {
width:100%;
height:100%;
border-width:.1rem;
/* background-color:rgba(240,145,146,.15)*/
background-color:rgba(105,234,252,.15)
}
.cta-button.\--tag {
height:inherit;
line-height:2rem;
padding:1rem 2rem
}
.cta-button.\--tag::before {
border-color:#d2d2d2
}
.cta-button.\--tag:focus::before {
background-color:#fff
}
.cta-button.\--tag.selected {
background-color:rgba(210,210,210,.4)
}
.cta-button.\--tag.selected::before {
background-color:rgba(210,210,210,.4)
}
.cta-button.\--tag.selected::before {
border-width:.2rem
}
.cta-button.\--tag.selected:hover::after {
content:"";
position:absolute;
top:50%;
right:2rem;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.414' height='13.414' viewBox='0 0 13.414 13.414'%3E%3Cg id='Icon_Cross' data-name='Icon Cross' transform='translate(0.707 0.707)'%3E%3Cpath id='Path_19' data-name='Path 19' d='M589.912,1576.159l12-12' transform='translate(-589.912 -1564.159)' fill='none' stroke='rgb(0%2C0%2C0)' stroke-linecap='round' stroke-width='1'/%3E%3Cpath id='Path_20' data-name='Path 20' d='M601.912,1576.159l-12-12' transform='translate(-589.912 -1564.159)' fill='none' stroke='rgb(0%2C0%2C0)' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
background-size:contain;
background-repeat:no-repeat;
width:1.7rem;
height:1.7rem;
z-index:1
}
.cta-button.\--tag.selected:hover span {
padding-right:2.8rem
}
@media only screen and (max-width:900px) {
.cta-button.\--tag.selected {
max-width:35.5rem
}
.cta-button.\--tag.selected span {
display:inline-block
}
}
.cta-arrow {
position:relative;
font-family:nexa,Arial,sans-serif;
font-weight:700;
font-size:1.4rem;
line-height:2rem;
color:#000;
text-decoration:none;
display:block
}
.cta-arrow span {
position:absolute;
top:50%;
left:1.2rem;
-webkit-transform:translateY(-50%);
transform:translateY(-50%)
}
.cta-arrow::before {
content:"";
display:inline-block;
width:.4rem;
height:1.2rem;
padding-right:1rem;
background-image:url('data:image/svg+xml;utf8,');
background-size:contain;
background-repeat:no-repeat;
-webkit-transition:-webkit-transform .3s ease-out;
transition:-webkit-transform .3s ease-out;
-o-transition:transform .3s ease-out;
transition:transform .3s ease-out;
transition:transform .3s ease-out,-webkit-transform .3s ease-out
}
.cta-arrow:focus::before,
.cta-arrow:hover::before {
-webkit-transform:translateX(.4rem);
transform:translateX(.4rem)
}
.cta-arrow.\--bg-white {
color:#fff
}
.cta-arrow.\--bg-white::before {
background-image:url('data:image/svg+xml;utf8,')
}
.cta-read {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:1.9rem;
color:#000;
text-decoration:none
}
.cta-read.\--less span.icon,
.cta-read.\--more span.icon {
position:relative;
width:1.2rem;
height:1.2rem;
cursor:pointer;
border:none;
margin-right:2.2rem;
margin-left:.6rem
}
.cta-read.\--less span.icon::after,
.cta-read.\--less span.icon::before,
.cta-read.\--more span.icon::after,
.cta-read.\--more span.icon::before {
content:"";
position:absolute;
top:50%;
left:50%;
width:1.2rem;
height:.1rem;
background-color:#000;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%)
}
html.no-touch .cta-read.\--less:focus span.icon::after,
html.no-touch .cta-read.\--less:focus span.icon::before,
html.no-touch .cta-read.\--less:hover span.icon::after,
html.no-touch .cta-read.\--less:hover span.icon::before,
html.no-touch .cta-read.\--more:focus span.icon::after,
html.no-touch .cta-read.\--more:focus span.icon::before,
html.no-touch .cta-read.\--more:hover span.icon::after,
html.no-touch .cta-read.\--more:hover span.icon::before {
-webkit-transform:translate(-50%,-50%) rotate(23deg);
transform:translate(-50%,-50%) rotate(23deg)
}
.cta-read.\--more span.icon::before {
-webkit-transform:translate(-50%,-50%) rotate(90deg);
transform:translate(-50%,-50%) rotate(90deg)
}
html.no-touch .cta-read.\--more:focus span.icon::before,
html.no-touch .cta-read.\--more:hover span.icon::before {
-webkit-transform:translate(-50%,-50%) rotate(113deg);
transform:translate(-50%,-50%) rotate(113deg)
}
.cta-read--bg-white {
color:#fff
}
.cta-read--bg-white span:after,
.cta-read--bg-white span:before {
background-color:#fff
}
span.ripple {
position:absolute;
border-radius:50%;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-animation:ripple .6s linear;
animation:ripple .6s linear;
/* background-color:rgba(240,145,146,.15)*/
background-color:rgba(105,234,252,.15)
}
.\--bg-grey span.ripple {
background-color:rgba(210,210,210,.4)
}
.button-more {
margin:6.4rem 0
}
@-webkit-keyframes ripple {
to {
-webkit-transform:scale(4);
transform:scale(4);
opacity:0
}
}
@keyframes ripple {
to {
-webkit-transform:scale(4);
transform:scale(4);
opacity:0
}
}
.bouncy-transition {
-webkit-transition:.2s ease-out all .2s;
-o-transition:.2s ease-out all .2s;
transition:.2s ease-out all .2s
}
.bouncy-transition:after,
.bouncy-transition:before {
-webkit-transition:all .6s cubic-bezier(.46,-.41,.3,1.52) .1s;
-o-transition:all .6s cubic-bezier(.46,-.41,.3,1.52) .1s;
transition:all .6s cubic-bezier(.46,-.41,.3,1.52) .1s
}
.btn-burger {
display:block;
width:4rem;
height:4rem;
position:relative;
border-radius:.8rem;
border:.1rem solid #767676;
background:#fff;
cursor:pointer
}
.btn-burger:hover {
border-width:.2rem
}
.btn-burger span {
display:block;
position:absolute;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:2.4rem;
height:.1rem;
background:#767676;
border-radius:.6rem
}
.btn-burger span:nth-child(1) {
top:1.2rem
}
.btn-burger span:nth-child(2) {
top:1.8rem
}
.btn-burger span:nth-child(3) {
top:2.4rem
}
.btn-close {
display:inline-block;
width:2.3rem;
height:2.3rem;
position:relative;
cursor:pointer
}
.btn-close::after,
.btn-close::before {
content:"";
display:block;
position:absolute;
right: -1rem;
top: 70%;
/*top: 50%;*/
-webkit-transform:translate(0,-50%) rotate(45deg);
transform:translate(0,-50%) rotate(45deg);
width:2.3rem;
height:.1rem;
background:#284632
}
.btn-close::before {
-webkit-transform:translate(0,-50%) rotate(-45deg);
transform:translate(0,-50%) rotate(-45deg)
}
.third-cta {
position:relative;
display:inline-block;
text-decoration:none
}
.third-cta::after {
content:"";
position:absolute;
display:block;
width:100%;
bottom:1.4rem
}
.third-cta.active::after,
.third-cta:hover::after {
border:1px solid #0043cf
}
.third-cta:active::after {
border:1px solid #0043cf
}
.third-cta.selected::after {
border:1px solid #0043cf
}
.header {
position:fixed;
top:0;
left:0;
width:100%;
background-color:#fff;
color:#000;
z-index:9999
}
@media only screen and (min-width:901px) {
.header.\--fixed .header__top {
height:0;
opacity:0;
visibility:hidden;
padding-top:0
}
}
@media only screen and (min-width:901px) {
.header.\--scroll-up .header__top {
height:7rem;
opacity:1;
visibility:visible
}
}
.header.\--search .header__mega {
min-height:40rem
}
.header.\--search .header__mega.\--scroll {
min-height:inherit
}
.header.\--search .header__mega .header__back,
.header.\--search .header__mega .header__link,
.header.\--search .header__mega .header__sub {
display:none
}
.header.\--search .header__mega .header__search {
display:block
}
.header.\--search .header__search-icon.\--mobile {
border-width:.2rem
}
@media only screen and (max-width:900px) {
.header.\--overlay .header__overlay {
opacity:1;
visibility:visible;
z-index:1
}
.header.\--overlay .header__burger,
.header.\--overlay .header__mega-wrapper,
.header.\--overlay .header__search-icon.\--mobile {
position:relative;
z-index:1
}
}
.header a {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:2rem;
color:#000;
text-decoration:none
}
.header ul {
list-style:none;
padding:0
}
@media only screen and (max-width:900px) {
.header__overlay {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
visibility:hidden;
-webkit-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
}
.header__top {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:2rem;
height:8.8rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-transition:height .3s ease-out;
-o-transition:height .3s ease-out;
transition:height .3s ease-out
}
@media only screen and (max-width:900px) {
.header__top {
padding:0 1.7rem
}
}
.header__logo {
max-width:24.3654822335%
}
@media only screen and (min-width:901px) {
.header__logo {
width:16.6666666667%
}
}
.header__cta-buy {
text-align:center;
padding:1rem .5rem;
min-width:11.2rem
}
@media only screen and (min-width:901px) {
.header__cta-buy {
display:none
}
}
.header__list {
display:none;
text-align:right
}
@media only screen and (min-width:901px) {
.header__list {
display:inline-block;
width:66.6666666667%
}
}
@media only screen and (min-width:901px) {
.header__list li {
display:inline-block
}
.header__list li:first-child {
padding-right:6.4rem
}
.header__list li:last-child::before {
content:"|";
display:inline;
padding:0 1rem
}
}
.header__list li a {
text-decoration:none
}
.header__search {
position:relative;
z-index:10000
}
.header__search--top {
display:none
}
.header__search.\--mobile {
position:relative;
top:0;
right:0;
width:calc(9/12 * 100%);
display:none
}
@media only screen and (min-width:901px) {
.header__search {
width:16.6666666667%;
text-align:right
}
.header__search--top {
display:block
}
}
.header__search-content {
position:relative;
display:inline-block;
vertical-align:middle;
width:4rem;
height:4rem
}
.\--mobile .header__search-content {
width:100%
}
.\--mobile .header__search-content .header__search-icon {
width:1.2rem
}
@media only screen and (min-width:901px) {
.header__search-content {
height:3.1rem
}
.header__search-content:hover .header__search-input {
width:16.4rem
}
}
.header__search-icon {
position:absolute;
right:0;
width:4rem;
height:4rem;
border:none;
background:0 0;
cursor:pointer
}
.header__search-icon.\--mobile {
display:block;
position:relative;
border:.1rem solid #767676;
border-radius:.8rem
}
.header__search-icon.\--mobile:focus,
.header__search-icon.\--mobile:hover {
border-width:.2rem
}
@media only screen and (min-width:901px) {
.header__search-icon {
width:3rem;
height:2.7rem;
top:.2rem;
right:.4rem;
background:#fff;
z-index:2
}
.header__search-icon.\--mobile {
display:none
}
}
.header__search-icon::before {
content:"";
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:1.4rem;
height:1.4rem;
background-image:url(../images/icon/search.svg);
background-repeat:no-repeat;
background-size:cover;
z-index:2
}
.header__search.\--active .header__search-icon {
display:none
}
.header__search-input {
position:absolute;
right:0;
z-index:1;
width:calc(100% - 30px);
max-width:22rem;
height:4rem;
border:none;
border-bottom:.1rem solid #000;
padding:0 1.2rem;
-webkit-transition:width .5s ease-in-out;
-o-transition:width .5s ease-in-out;
transition:width .5s ease-in-out;
overflow:hidden
}
.\--mobile .header__search-input {
padding-right:2.5rem
}
.header__search-input.\--show,
.header__search-input:focus {
outline:0;
padding-right:2.4rem
}
@media only screen and (min-width:901px) {
.header__search-input {
width:3.8rem;
height:3.1rem;
border-radius:.8rem;
border:.1rem solid #000
}
.header__search.\--active .header__search-input {
border-radius:0;
margin:.8rem;
padding:0;
width:16.4rem;
border:none;
border-bottom:.1rem solid #000
}
.header__search-input.\--show,
.header__search-input:focus {
width:16.4rem;
padding-right:3.8rem
}
}
@media only screen and (max-width:900px) {
.header__search-input {
text-align:right
}
.header__search.\--active .header__search-input {
padding-right:0
}
}
.header__search-autocomplete {
position:absolute;
top:0;
width:100%;
max-width:26.4rem;
right:0;
text-align:right;
background-color:#fff;
opacity:0;
visibility:hidden
}
@media only screen and (min-width:901px) {
.header__search-autocomplete {
width:26.4rem
}
}
.header__search.\--active .header__search-autocomplete {
opacity:1;
visibility:visible;
overflow:hidden
}
.header__search.\--active:not(.\--mobile) .header__search-autocomplete {
border:.1rem solid #000;
border-radius:.8rem
}
.header__search-autocomplete ul {
list-style:none;
margin:5.6rem 0 0;
color:#767676;
overflow-y:auto
}
@media only screen and (min-width:901px) {
.header__search-autocomplete ul {
padding-left:1.2rem;
padding-right:1.2rem
}
}
.header__search-autocomplete ul li {
padding-bottom:.8rem;
font-size:1.6rem;
line-height:2.6rem
}
.header__search-autocomplete ul li:focus,
.header__search-autocomplete ul li:hover {
color:#000
}
@media only screen and (min-width:901px) {
.header__burger {
display:none
}
}
.header__bar {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:1.6rem
}
@media only screen and (min-width:901px) {
.header__bar {
display:none
}
}
.header__bar-home {
font-size:1.2rem;
line-height:1.6rem
}
.header__back {
position:relative;
font-size:1.2rem;
line-height:1.6rem;
width:100%;
opacity:0;
visibility:hidden;
color:#767676
}
.level-0 .header__back,
.level-1 .header__back {
opacity:1;
visibility:visible
}
.header__back-icon {
position:relative
}
.header__back-icon::before {
content:"";
display:inline-block;
position:absolute;
top:50%;
left:0;
width:.6rem;
height:1.2rem;
background-image:url('data:image/svg+xml;utf8,');
background-size:contain;
background-repeat:no-repeat;
-webkit-transform:translate(0,-50%) rotate(180deg);
transform:translate(0,-50%) rotate(180deg)
}
.header__back .header__back-home {
font-family:nexa,Arial,sans-serif!important;
padding-right:1.6rem;
color:#767676
}
.header__back span {
padding-left:2.4rem
}
.header__link {
position:relative;
list-style:none;
margin:0
}
@media only screen and (min-width:901px) {
.header__link {
max-width:122.4rem;
margin:0 auto;
height:5.6rem
}
}
.level-0 .header__link,
.level-1 .header__link {
display:none
}
.header__link-item {
padding-top:2rem
}
.header__link-item.\--active a {
border-bottom:1px solid #0043cf;
font-weight:700
}
.header__link-item.\--btn {
display:none;
line-height:0
}
.header__link-item.\--btn a:hover {
border:none
}
@media only screen and (max-width:900px) {
.header__link-item:first-child {
padding-top:0
}
}
@media only screen and (min-width:901px) {
.header__link-item {
display:inline-block;
padding:1.4rem 0;
margin-right:calc(64 / 1224 * 100%)
}
.header__link-item>a {
display:inline-block
}
.header__link-item:last-child {
padding-right:0
}
.header__link-item.\--btn {
position:absolute;
display:inline-block;
top:50%;
right:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
margin-right:0
}
}
@media only screen and (min-width:900px) and (max-width:1000px) {
.header__link-item {
margin-right:calc(32 / 1224 * 100%)
}
}
.header__link a:hover {
border-bottom:1px solid #0043cf;
text-shadow:0 0 1px #000
}
.header__mega {
position:relative;
display:none;
padding:1.7rem 1.7rem 4rem;
border-radius:.8rem;
-webkit-box-shadow:0 .4rem .8rem rgba(105,37,37,.32);
box-shadow:0 .4rem .8rem rgba(105,37,37,.32)
}
@media only screen and (max-width:900px) {
.header__mega.\--scroll {
overflow-y:auto;
min-height:inherit
}
}
.header__mega-content {
position:relative;
height:4rem
}
@media only screen and (min-width:901px) {
.header__mega {
display:block;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
padding:0
}
}
.header__sub {
margin-left:-1.5rem;
margin-right:-1.5rem
}
.header__sub-content {
display:none;
opacity:0;
visibility:hidden;
-webkit-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
transition:all .5s ease-in-out
}
.header__sub-content.\--active {
display:block;
opacity:1;
visibility:visible
}
.header__sub-content .tab__content {
position:relative;
display:none;
opacity:0;
visibility:hidden;
line-height:1;
-webkit-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.header__sub-content .tab__content.\--active {
display:block;
opacity:1;
visibility:visible
}
.header__sub-content .tab__item.\--active a {
padding-bottom:.5rem;
border-bottom:1px solid #0043cf;
font-weight:700
}
.header__sub-content .tab__link {
display:none
}
.level-0 .header__sub-content .tab__link {
display:block;
padding-left:1.5rem;
padding-right:1.5rem
}
@media only screen and (min-width:901px) {
.header__sub-content .tab__link {
display:block
}
}
.header__sub-content .card__list {
margin-bottom:0
}
.header__sub-content .card__list li {
margin-bottom:1.6rem
}
.header__sub-content .card__list li:last-child {
margin-bottom:0
}
.header__sub-content .card__content .cta-button {
margin-top:2.4rem
}
.header__sub-content .card__content .title-h3 {
margin-top:1.6rem;
margin-bottom:1.6rem
}
.header__sub-content .card__header {
font-size:1.4rem;
line-height:2.2rem;
text-transform:uppercase
}
.header__sub-content .card .picture-line {
display:none
}
.header__sub.\--scroll {
overflow-y:auto
}
@media only screen and (min-width:901px) {
.header__sub {
position:absolute;
top:4.8rem;
left:-4rem;
width:100%;
height:auto;
margin:inherit;
max-width:130.4rem;
z-index:9999
}
.header__sub-content {
padding:2.4rem 4rem 4rem;
-webkit-box-shadow:0 .4rem .8rem rgba(0,0,0,.16);
box-shadow:0 .4rem .8rem rgba(0,0,0,.16);
border-radius:.8rem;
background-color:#fff
}
.header__sub-content.\--active {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important
}
.header__sub .card {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:.5rem
}
.header__sub .card__content {
width:45.2173913043%;
margin-right:2.4rem;
margin-left:2.4rem
}
.header__sub .card__content .cta-button {
margin-top:3rem
}
.header__sub .card__image {
width:53.9130434783%
}
.header__sub .card__header {
display:none
}
.header__sub .card .title-h3 {
margin-top:0
}
.header__sub .card .line1 {
display:none
}
.header__sub .card .picture-line {
display:block
}
.header__sub.\--scroll {
max-width:132rem;
padding:.4rem .8rem;
width:calc(100% + 16px);
left:-.8rem
}
}
@media only screen and (min-width:1320px) {
.header__sub {
width:calc(100% + 80px)
}
.header__sub.\--scroll {
width:calc(100% + 96px);
max-width:132rem;
left:-4.8rem
}
}
@media only screen and (max-width:1319px) {
.header__sub {
left:0
}
}
@media only screen and (max-width:900px) {
.header__sub {
display:none
}
.level-0 .header__sub,
.level-1 .header__sub {
display:block
}
}
.header__sub-tab {
width:calc(9/12 * 100%)
}
@media only screen and (min-width:901px) {
.header__sub-tab {
width:16.6666666667%;
margin-right:2.4rem
}
}
.header__sub-tab ul {
list-style:none;
padding:0;
margin:0
}
.header__sub-tab li {
display:block;
padding-bottom:2rem
}
.header__sub-tab li:last-child {
padding-bottom:0
}
.header__sub-tab li:focus a,
.header__sub-tab li:hover a {
border-bottom:1px solid #0043cf;
font-weight:700;
padding-bottom:.5rem
}
.header__sub-tab li.dropdown {
position:relative;
padding-right:4rem
}
.header__sub-tab li.dropdown.\--active::after,
.header__sub-tab li.dropdown:focus::after,
.header__sub-tab li.dropdown:hover::after {
background-image:url('data:image/svg+xml;utf8,')
}
.header__sub-tab li.dropdown::after {
content:"";
position:absolute;
right:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
display:inline-block;
width:.6rem;
height:1.7rem;
margin-top:-.4rem;
background-image:url('data:image/svg+xml;utf8,');
background-size:contain;
background-repeat:no-repeat
}
@media only screen and (max-width:900px) {
.header__sub-tab li.dropdown::after {
margin-top:-.8rem
}
}
.header__sub-text {
padding-left:1.5rem;
padding-right:1.5rem
}
@media only screen and (min-width:901px) {
.header__sub-text {
padding:unset;
overflow:hidden;
width:83.3333333333%
}
}
.footer {
background-color:#f2f2f2;
margin-top:2.4rem
}
.footer::before {
content:"";
display:block;
height:.4rem;
width:100%;
background-color:#767676
}
@media only screen and (min-width:901px) {
.footer {
padding:0
}
}
.footer a {
color:#000;
text-decoration:none
}
.footer ul {
padding:0;
margin:0
}
.footer ul li {
list-style:none
}
.footer .title-h2 {
margin-bottom:1rem
}
.footer .title-h3 {
margin-top:0;
margin-bottom:2rem
}
.footer__container {
position:relative
}
.footer__logo {
position:absolute;
top:-2.4rem;
right:0
}
.footer__logo .img-balloon {
width:15.2rem;
height:15.2rem
}
@media only screen and (min-width:901px) {
.footer__logo .img-balloon {
width:20.6rem;
height:20.6rem
}
}
.footer__content {
padding:10rem 0 .5rem
}
@media only screen and (min-width:901px) {
.footer__content {
padding:4rem 0 5.8rem
}
}
.footer__top-cta {
margin-top:.8rem
}
.footer__top-shop {
margin-top:3.5rem
}
@media only screen and (min-width:901px) {
.footer__top-shop {
margin-top:0
}
}
.footer__top-shop .cta-button {
margin-top:2rem
}
@media only screen and (min-width:901px) {
.footer__top-shop .cta-button {
margin-top:1rem
}
}
.footer__link {
margin-top:3.5rem
}
.footer__social {
margin-bottom:3rem
}
@media only screen and (min-width:901px) {
.footer__social {
margin-top:1.6rem;
margin-bottom:0
}
}
.footer__social-item {
display:inline-block;
margin-right:1.6rem
}
@media only screen and (max-width:900px) {
.footer__social-item.\--btn {
display:block;
margin-bottom:1rem
}
}
.footer__social-item:last-child {
margin-right:0
}
.footer__bottom {
font-size:1.4rem;
background:#d2d2d2;
color:#000;
padding:3.8rem 0
}
.footer__bottom ul li {
display:inline-block;
line-height:2.4rem
}
.footer__bottom ul li::after {
content:"|";
display:inline-block;
padding:0 1.5rem
}
@media only screen and (min-width:901px) {
.footer__bottom ul li::after {
padding:0 1.8rem
}
}
.footer__bottom ul li:last-child::after {
content:""
}
.footer__link-content {
margin-bottom:3.5rem
}
@media only screen and (min-width:901px) {
.footer__link-content {
margin-bottom:4.8rem
}
}
.footer .link {
display:none
}
.footer .link__item {
margin-bottom:2rem
}
.footer .link__item:last-child {
margin-bottom:0
}
@media only screen and (min-width:901px) {
.footer .link {
display:block
}
}
.footer__copyright {
line-height:2.4rem
}
@media only screen and (min-width:901px) {
.footer__copyright {
text-align:right
}
}
.txt-image {
color:#000
}
.txt-image.\--pod .picture-line__label {
top:1.6rem
}
.txt-image.\--pod .tag-title {
display:block
}
@media only screen and (max-width:900px) {
.txt-image.\--pod .col-md-4 {
margin-bottom:3.2rem
}
.txt-image.\--pod .col-md-4:last-child {
margin-bottom:0
}
}
.txt-image__container {
margin:0 auto
}
@media only screen and (min-width:901px) {
.txt-image__container {
max-width:124.8rem
}
}
.txt-image__container a {
color:#000;
text-decoration:none
}
.txt-image__img {
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
margin-bottom:2.2rem
}
@media only screen and (min-width:901px) {
.txt-image__img {
margin-bottom:0
}
.txt-image--right .txt-image__img {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.\--pod .txt-image__img {
margin-bottom:2rem
}
}
.txt-image__content {
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2
}
.txt-image__tag {
margin-bottom:1.4rem
}
@media only screen and (min-width:901px) {
.txt-image__tag {
margin-bottom:3rem
}
}
.\--pod .txt-image__tag {
margin-bottom:1.4rem
}
.txt-image .tag-title {
margin:0 0 .8rem;
display:none
}
@media only screen and (min-width:901px) {
.txt-image .tag-title {
display:block
}
}
.txt-image .tag-title.\--mobile {
display:block
}
@media only screen and (min-width:901px) {
.txt-image .tag-title.\--mobile {
display:none
}
}
@media only screen and (min-width:901px) {
.txt-image--right .txt-image__text {
padding-right:1.2rem;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.txt-image--left .txt-image__text {
padding-left:1.2rem
}
.\--pod .txt-image__text {
padding:0
}
}
.txt-image__cta {
line-height:0;
margin-top:2.4rem
}
@media only screen and (min-width:901px) {
.txt-image__cta {
margin-top:2rem
}
}
.txt-image__title {
margin-bottom:1rem;
margin-top:0
}
.txt-image h3 {
font-weight:400
}
.txt-image .picture-line {
overflow:hidden;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out
}
.banner {
color:#fff;
font-size:1.4rem;
line-height:2.2rem;
padding:4rem 0
}
@media only screen and (min-width:901px) {
.banner {
font-size:1.6rem;
line-height:2.4rem
}
}
.banner__container {
position:relative;
-webkit-box-sizing:content-box;
box-sizing:content-box;
max-width:128.8rem;
margin:0 auto
}
@media only screen and (max-width:900px) {
.banner__container {
padding:0
}
}
.banner__title {
font-family:nexa,Arial,sans-serif;
font-weight:700;
font-size:3rem;
line-height:3.4rem;
margin-top:0;
margin-bottom:2rem
}
.banner__title:after {
content:"";
display:block;
margin-top:1.5rem;
border-bottom:1px solid #fff;
width:15.5rem
}
@media only screen and (min-width:809px) {
.banner__title {
font-size:3.6rem;
line-height:4.2rem
}
.banner__title:after {
width:19rem
}
}
@media only screen and (max-width:900px) {
.banner__desc {
max-width:64.6rem
}
}
@media only screen and (max-width:639px) {
.banner__desc {
max-width:32.2rem
}
}
.banner__cta {
line-height:0;
padding-top:2rem
}
@media only screen and (min-width:901px) {
.banner__cta {
position:absolute;
bottom:4rem;
height:3.9rem
}
}
@media only screen and (min-width:640px) and (max-width:900px) {
.banner__cta {
padding-top:4rem
}
}
.banner__content {
position:relative;
padding:2.4rem 1.6rem;
border-radius:1.6rem;
overflow:hidden
}
@media only screen and (min-width:901px) {
.banner__content {
margin:4rem 0;
padding:4rem
}
.banner__content .bg-gradient__container:after {
top:auto;
bottom:0;
height:50rem
}
.banner--left .banner__content {
text-align:right
}
}
.banner__text {
display:inline-block;
margin-bottom:11.2rem
}
@media only screen and (min-width:901px) {
.banner__text {
max-width:32.8%;
min-height:18.2rem;
margin-bottom:0;
padding:0 8% 6rem 8%
}
.banner--left .banner__text {
text-align:left
}
}
@media only screen and (min-width:1024px) {
.banner__text {
min-height:21.2rem
}
}
@media only screen and (min-width:640px) and (max-width:900px) {
.banner__text {
min-height:23rem;
margin-bottom:10rem;
padding:0 8%
}
.banner--no-cta .banner__text {
margin-bottom:6rem
}
}
.banner__image {
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-align:end;
-ms-flex-align:end;
align-items:flex-end;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:-9.6rem;
margin-right:.8rem
}
.banner__image img {
height:auto
}
.banner--left .banner__image {
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start
}
@media only screen and (min-width:901px) {
.banner__image {
position:absolute;
top:0;
width:calc(6 / 12 * 100%);
margin-top:0;
margin-right:0;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-webkit-transition:top .5s ease 0s;
-o-transition:top .5s ease 0s;
transition:top .5s ease 0s
}
.\--scroll .banner__image {
top:-4rem
}
.banner--right .banner__image {
right:5%
}
.banner--left .banner__image {
left:5%
}
}
@media only screen and (min-width:1024px) {
.banner--left .banner__image {
left:9.9%
}
.banner--right .banner__image {
right:9.9%
}
.banner__image img {
max-width:49.6rem
}
}
@media only screen and (max-width:639px) {
.banner__image img {
max-width:27.6rem
}
}
@media only screen and (min-width:640px) and (max-width:900px) {
.banner__image {
margin-top:-21rem;
margin-right:8rem
}
.banner__image img {
max-width:38.9rem
}
.banner--no-cta .banner__image {
margin-top:-17rem
}
}
.promo-banner {
position:relative;
overflow:visible;
min-height:60rem
}
.promo-banner img {
max-width:unset;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
mix-blend-mode:darken;
-webkit-filter:grayscale(100%);
filter:grayscale(100%)
}
.promo-banner__img {
position:relative;
width:100%;
height:100%;
overflow:hidden
}
.promo-banner__img.br-16 {
border-radius:1.6rem
}
@media only screen and (max-width:900px) {
.promo-banner__img {
position:absolute
}
}
.promo-banner__pm {
position:relative;
padding:4rem 1.1rem;
left:0;
width:100%;
height:100%;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
min-height:60rem
}
.promo-banner__pm--inner {
padding:1.6rem!important;
background:#fff;
border-radius:.8rem;
-webkit-transition:all .6s linear;
-o-transition:all .6s linear;
transition:all .6s linear;
z-index:10
}
.promo-banner__pm--inner h2 {
-webkit-animation:showTopText .5s;
animation:showTopText .5s;
-webkit-animation-delay:.4s;
animation-delay:.4s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-transition:translate(0 30%);
-o-transition:translate(0 30%);
transition:translate(0 30%);
opacity:0
}
.promo-banner__pm--inner .break-line,
.promo-banner__pm--inner .cta-button,
.promo-banner__pm--inner p {
-webkit-animation:showBottomText .5s;
animation:showBottomText .5s;
-webkit-animation-delay:.4s;
animation-delay:.4s;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-transform:translate(0,-30%);
transform:translate(0,-30%);
opacity:0
}
.fw-banner {
width:100%;
height:auto;
position:relative
}
.fw-banner__container {
height:100%
}
.fw-banner__img {
width:100%;
height:100%
}
.fw-banner__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}
.fw-banner__content {
position:relative;
width:100%;
height:auto;
margin-top:3rem;
padding:0 1.6rem
}
.fw-banner__content .break-line {
display:none
}
.fw-banner__content .title-h0 {
color:#000
}
@media only screen and (min-width:900px) {
.promo-banner {
height:57.6rem;
min-height:57.6rem;
border-radius:1.6rem;
overflow:hidden
}
.promo-banner:after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:.4rem;
background:#0043cf
}
.promo-banner__pm {
position:absolute;
top:0;
padding:4rem;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.promo-banner__pm--inner {
min-height:20rem;
padding:2.4rem 3.2rem!important
}
.fw-banner {
height:40rem
}
.fw-banner__content {
position:absolute;
top:7.9rem;
left:14.7%;
width:auto;
margin:0;
padding:0
}
.fw-banner__content .break-line {
display:block
}
.fw-banner__content .title-h0 {
color:#fff
}
}
@-webkit-keyframes showTopText {
0% {
-webkit-transform:translate3d(0,30%,0);
transform:translate3d(0,30%,0);
opacity:0
}
40%,
60% {
-webkit-transform:translate3d(0,10%,0);
transform:translate3d(0,10%,0)
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity:1
}
}
@keyframes showTopText {
0% {
-webkit-transform:translate3d(0,30%,0);
transform:translate3d(0,30%,0);
opacity:0
}
40%,
60% {
-webkit-transform:translate3d(0,10%,0);
transform:translate3d(0,10%,0)
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity:1
}
}
@-webkit-keyframes showBottomText {
0% {
-webkit-transform:translate3d(0,-30%,0);
transform:translate3d(0,-30%,0);
opacity:0
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity:1
}
}
@keyframes showBottomText {
0% {
-webkit-transform:translate3d(0,-30%,0);
transform:translate3d(0,-30%,0);
opacity:0
}
100% {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
opacity:1
}
}
.picture-line {
position:relative;
width:100%;
border-radius:.8rem;
overflow:hidden;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out
}
@media only screen and (min-width:901px) {
.picture-line {
display:inline-block
}
}
.picture-line img {
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%;
border-radius:.8rem;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out
}
@media only screen and (min-width:901px) {
.picture-line.\--radius-16 img {
border-radius:1.6rem
}
.picture-line.\--radius-16::after {
left:.5rem;
width:calc(100% - 10px)
}
}
.picture-line::after {
content:"";
position:absolute;
bottom:0;
width:100%;
height:1rem;
background-image:url(../images/text/line.svg);
background-repeat:no-repeat;
background-size:cover;
background-position:bottom
}
@media only screen and (min-width:901px) {
.picture-line .label-line {
top:3.2rem
}
}
.picture-line:hover {
-webkit-box-shadow:0 6px 10px rgba(0,0,0,.24);
box-shadow:0 6px 10px rgba(0,0,0,.24)
}
.picture-line:hover::before {
content:"";
position:absolute;
display:block;
width:100%;
height:100%;
background:#d2d2d2;
opacity:.56;
mix-blend-mode:multiply;
z-index:1
}
.picture-line:hover img {
-webkit-transform:scale(1.08);
transform:scale(1.08)
}
.quote-img {
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:auto;
margin:0 auto;
padding:0 1.7rem;
color:#000!important;
border-radius:1.6rem;
overflow:hidden
}
.quote-img h3 {
margin-bottom:1.6rem
}
.quote-img .bg-grba {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:-1
}
.quote-img.text-white {
color:#fff!important
}
.quote-img.text-sm-black {
color:#000!important
}
.quote-img__bg {
height:38.6rem;
border-radius:1.6rem;
overflow:hidden;
display:inline-block
}
.quote-img__bg img {
margin:0 auto;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}
.quote-img__inner {
position:relative;
width:100%;
margin-top:2rem;
margin-bottom:2rem
}
.quote-img__inner--content h2 {
margin-bottom:5.1rem;
font-size:3rem;
font-weight:400;
line-height:3.4rem
}
.quote-img__inner--content p {
line-height:2rem
}
.quote-img__inner--content a {
display:inline-block;
margin-top:2rem
}
.quote-img__inner.\--no-img {
padding-top:2rem;
padding-bottom:2rem;
color:inherit!important
}
@media only screen and (min-width:901px) {
.quote-img {
display:block;
-webkit-box-orient:unset;
-webkit-box-direction:unset;
-ms-flex-direction:unset;
flex-direction:unset;
padding:0 0;
height:auto;
color:#000
}
.quote-img.text-white {
color:#fff!important
}
.quote-img__bg {
display:block;
height:32rem
}
.quote-img__inner {
position:absolute;
top:calc(50 / 320 * 100%);
right:8.5%;
width:49%;
min-width:60rem;
height:auto;
margin-top:0
}
.quote-img__inner.\--left {
right:auto;
left:10.4rem
}
.quote-img__inner--content h2 {
margin-bottom:1.7rem;
font-size:3.4rem;
line-height:4rem
}
.quote-img__inner p {
font-size:2rem!important;
line-height:2.6rem
}
.quote-img__inner.\--no-img {
position:relative;
width:65%;
left:0;
right:0;
margin:0 auto;
padding-top:5.2rem;
height:32rem;
color:inherit!important
}
}
@media only screen and (min-width:640px) {
.quote-img {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap
}
.quote-img__bg {
-webkit-box-flex:50%;
-ms-flex:50%;
flex:50%;
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1
}
.quote-img__inner:not(.\--no-img) {
-webkit-box-flex:50%;
-ms-flex:50%;
flex:50%;
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
padding-left:2.8rem;
margin:0
}
}
.video {
position:relative
}
@media only screen and (min-width:901px) {
.video__container {
padding:0
}
}
.video__thumbnail {
width:100%;
background-size:100% 100%;
background-repeat:no-repeat;
background-position:center;
border-radius:.8rem;
opacity:1;
visibility:visible;
-webkit-transition:all .3 ease-in-out;
-o-transition:all .3 ease-in-out;
transition:all .3 ease-in-out
}
.\--playing .video__thumbnail {
opacity:0;
visibility:hidden
}
.video .player,
.video iframe {
width:100%;
height:100%
}
.video__play {
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
opacity:1;
visibility:visible;
z-index:1
}
.\--playing .video__play {
opacity:0;
visibility:hidden
}
.video__play::before {
content:"";
display:block;
width:7.6rem;
height:5.5rem;
background-image:url(../images/icon/video.svg);
background-repeat:no-repeat;
background-size:contain;
z-index:1
}
.\--white .video__play::before {
background-image:url(../images/icon/video-white.svg)
}
@media only screen and (min-width:901px) {
.video__play::before {
width:14.6rem;
height:10.3rem
}
}
.video__line {
margin-top:0;
margin-bottom:2rem
}
.video__desc {
margin-bottom:2.4rem
}
@media only screen and (min-width:901px) {
.video__desc {
margin-bottom:2rem
}
}
.video__wrapper {
position:relative
}
.video__wrap {
position:absolute;
width:100%;
height:100%;
top:0;
opacity:0;
visibility:hidden;
-webkit-transition:all .3 ease-in-out;
-o-transition:all .3 ease-in-out;
transition:all .3 ease-in-out
}
.\--playing .video__wrap {
opacity:1;
visibility:visible
}
.video__text {
margin-top:2.4rem
}
.video__text h2,
.video__text h3 {
margin-top:0;
margin-bottom:1.6rem
}
.video__text h3 {
font-weight:400
}
.teaser .tabs {
display:block
}
.teaser__container {
position:relative;
width:100%
}
.teaser__container a {
color:#000;
text-decoration:none
}
@media only screen and (max-width:900px) {
.teaser__container.\--stack-mobile .swiper-wrapper {
display:block
}
.teaser__container.\--stack-mobile .cta-module,
.teaser__container.\--stack-mobile .swiper-pagination {
display:none
}
.teaser__container.\--stack-mobile .teaser__item--header {
display:block!important;
visibility:visible
}
.teaser__container.\--stack-mobile .swiper-slide {
margin-bottom:4rem
}
.teaser__container.\--stack-mobile .swiper-slide:last-child {
margin-bottom:0
}
.teaser__container.\--stack-mobile .swiper {
padding-bottom:0
}
}
.teaser__container .swiper {
padding-bottom:4.5rem
}
.teaser__container .swiper-navigation {
display:none
}
.teaser__container .cta-module {
position:absolute;
bottom:0;
left:0;
height:3.9rem;
z-index:99
}
.teaser-filter {
margin-bottom:1rem;
width:100%;
overflow-x:scroll
}
.teaser-filter__ctn {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
min-width:43rem;
padding-bottom:1.5rem;
margin-top:2.4rem
}
.teaser-filter__item {
position:relative;
margin-right:1.6rem;
padding:1.2rem 2.1rem .9rem 2.1rem;
border-radius:2.5rem;
overflow:hidden;
border:.1rem solid #d2d2d2;
line-height:normal;
cursor:pointer;
-webkit-transition:.3s ease-in-out;
-o-transition:.3s ease-in-out;
transition:.3s ease-in-out
}
.teaser-filter__item::before {
content:"";
position:absolute;
top:-1px;
left:-1px;
width:calc(100% + 2px);
height:calc(100% + 2px);
border-radius:inherit;
border:inherit;
border-width:0
}
.teaser-filter__item.active::before {
border-width:.2rem
}
.no-touch .teaser-filter__item:focus::before,
.no-touch .teaser-filter__item:hover::before {
border-width:.2rem
}
.teaser__pre-header {
margin:0;
margin-bottom:2.4rem
}
.teaser__item--header {
margin:0;
font-weight:400
}
.teaser__inner {
margin-top:1.7rem
}
.teaser__img {
position:relative;
height:12.5rem;
overflow:hidden;
border-radius:.8rem;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out
}
.teaser__img::after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:.4rem;
background-color:#0043cf
}
.teaser__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
border-radius:.8rem;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out;
overflow:hidden
}
.teaser__img:hover {
-webkit-box-shadow:0 6px 10px rgba(0,0,0,.24);
box-shadow:0 6px 10px rgba(0,0,0,.24)
}
.teaser__img:hover::before {
content:"";
position:absolute;
display:block;
width:100%;
height:100%;
background:#d2d2d2;
opacity:.56;
mix-blend-mode:multiply;
z-index:1
}
.teaser__img:hover img {
-webkit-transform:scale(1.08);
transform:scale(1.08)
}
.teaser__ctn {
margin:2.2rem 0
}
.teaser__ctn--header {
font-weight:400;
margin:1.6rem 0
}
.teaser__ctn--desc {
margin-top:1.7rem;
margin-bottom:1.7rem
}
.teaser.\--no-carousel .swiper {
padding-bottom:0;
margin-top:-4rem
}
.teaser.\--no-carousel .teaser {
padding:0
}
.teaser.\--no-carousel .swiper-wrapper {
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.teaser.\--no-carousel .swiper-slide {
padding-top:4rem
}
.teaser.\--no-carousel .teaser__ctn {
margin-bottom:0
}
@media only screen and (min-width:901px) {
.teaser.\--no-carousel {
padding:0
}
.teaser.\--no-carousel .swiper-wrapper {
margin-right:-1.2rem
}
.teaser.\--no-carousel .swiper-slide {
width:calc(4/12 * 100% - 24px);
padding:4rem 1.2rem 0
}
.teaser .tabs {
display:none
}
.teaser .swiper-navigation {
position:absolute;
bottom:0;
right:0;
width:7.6rem;
height:3.2rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.teaser__img {
height:18.4rem
}
.teaser-filter {
margin-bottom:2.4rem;
overflow:auto
}
.teaser-filter__ctn {
padding:0
}
.teaser__ctn--desc {
margin-bottom:2.4rem
}
}
.bread-crum.\--sticky {
position:fixed;
top:8rem;
left:0;
width:100%;
background-color:#fff;
z-index:9998
}
@media only screen and (min-width:901px) {
.bread-crum.\--sticky {
top:5.6rem
}
.bread-crum.\--sticky-up {
top:12.6rem
}
}
.bread-crum>* {
color:#767676;
font-size:1.2rem;
line-height:1.6rem
}
.bread-crum__item {
position:relative;
display:none;
padding:1rem 1.6rem 1rem 2.2rem
}
.bread-crum__item:nth-last-child(2) {
display:inline-block;
margin-left:1.6rem;
font-weight:700
}
.bread-crum__item:last-child {
padding-right:0;
font-weight:700
}
.bread-crum__item::before {
content:"";
position:absolute;
width:.5rem;
height:1.3rem;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-image:url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;
background-position:center center;
background-size:contain
}
.bread-crum__item a {
color:inherit;
text-decoration:none
}
@media only screen and (min-width:901px) {
.bread-crum__item:nth-child(n) {
display:inline-block;
margin:0;
font-weight:400
}
.bread-crum__item:first-child {
padding-left:0
}
.bread-crum__item:first-child::before {
display:none
}
.bread-crum__item:last-child {
font-weight:700
}
}
.expandable__container {
overflow:hidden;
-webkit-transition:height .5s ease;
-o-transition:height .5s ease;
transition:height .5s ease
}
@media only screen and (max-width:900px) {
.txt-column .title-h1,
.txt-column .title-h2,
.txt-column .title-h3 {
margin-bottom:1.6rem
}
}
.txt-column__item {
margin-bottom:2rem
}
.txt-column__cta {
margin-top:-1rem
}
.connect {
--text-color:white;
position:relative;
border-radius:1.6rem;
margin:0 0;
overflow:hidden
}
.connect>* {
color:var(--text-color)
}
.connect h2,
.connect h3 {
margin:0;
padding:0;
font-weight:400
}
.connect-ctn__container {
display:block;
width:100%;
padding:4rem 1.7rem
}
.connect-item {
min-height:1px;
margin-bottom:3.5rem
}
.connect__header h2.title-h2-hover {
display:block;
font-size:3.4rem;
line-height:4rem
}
.connect__header .break-line {
display:block;
margin:1.6rem 0 4rem 0
}
.connect__items {
margin:0
}
.connect__items h3 {
margin-bottom:1rem
}
.connect__items .cta-button {
margin-top:1.2rem
}
.connect .bg-gradient__container:after {
height:100%
}
@media only screen and (min-width:1024px) {
.connect .bg-gradient__container:after {
height:50rem;
top:auto;
bottom:0
}
}
@media only screen and (min-width:901px) {
.connect {
margin:0
}
.connect-ctn__container {
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;
width:100%;
max-width:113.5rem;
padding:5.6rem 4rem;
margin:0 auto
}
.update-only .connect-ctn__container {
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.connect-item {
margin-bottom:3.5rem
}
.connect__header {
width:100%;
max-width:37rem
}
.connect__header h2.title-h2-hover {
font-size:4.6rem;
line-height:5rem
}
.connect__header .break-line {
margin-top:1.6rem;
margin-bottom:0
}
.connect__items {
margin-left:2.4rem
}
}
.hero {
position:relative
}
@media only screen and (max-width:900px) {
.hero {
color:#000
}
}
.hero.\--black {
color:#000
}
@media only screen and (min-width:901px) {
.hero.\--black .break-line {
background:#0043cf
}
}
.hero.\--black .cta-button {
color:#000
}
@media only screen and (min-width:901px) {
.hero.\--black .cta-button::before {
border-color:#0043cf
}
}
.hero.\--subpage .hero__balloon {
position:absolute;
bottom:-3rem;
right:3.4rem
}
@media only screen and (min-width:901px) {
.hero.\--subpage .hero__balloon {
bottom:-5.5rem;
right:10.8rem
}
}
@media only screen and (max-width:900px) {
.hero .cta-button {
color:#000;
background-color:transparent
}
.hero .cta-button::before {
border-color:#0043cf
}
}
@media only screen and (min-width:901px) {
.hero .cta-button.\--bg-white {
background-color:rgba(0,0,0,.3)
}
}
.hero__item {
height:auto
}
@media only screen and (min-width:901px) {
.hero__item {
min-height:72rem
}
.\--subpage .hero__item {
min-height:36rem
}
}
@media only screen and (min-width:901px) {
.hero__item .hero__img {
position:absolute;
width:100%;
height:100%;
min-height:72rem
}
.\--subpage .hero__item .hero__img {
min-height:36rem
}
}
.hero .break-line {
display:block;
background:#0043cf;
margin-bottom:2.4rem;
width:calc(6 / 12 * 100% - 8px)
}
@media only screen and (min-width:901px) {
.hero .break-line {
background:#fff;
width:18.4rem
}
}
.hero__img {
position:relative;
display:block
}
.hero__img img {
-o-object-fit:cover;
object-fit:cover;
width:100%;
height:100%
}
.hero__ctn {
position:relative;
padding-top:3rem
}
@media only screen and (min-width:901px) {
.hero__ctn {
width:calc(6 / 12 * 100%);
padding:10rem 2.4rem 22rem 1.2rem
}
.\--subpage .hero__ctn {
margin-left:calc(1 / 12 * 100%);
padding-top:8rem;
padding-bottom:4rem
}
.\--subpage .hero__ctn--desc {
margin-bottom:2.4rem
}
}
@media only screen and (min-width:901px) and (min-width:901px) {
.\--subpage .hero__ctn--desc {
margin-bottom:1.6rem
}
}
@media only screen and (min-width:901px) {
.\--subpage .hero__ctn .break-line {
margin-top:1rem
}
}
.\--subpage .hero__ctn--header-sub {
font-size:1.6rem;
line-height:2.4rem;
text-transform:uppercase;
margin-bottom:1rem
}
.\--subpage .hero__ctn--cta:focus {
background-color:#fff
}
.\--subpage .hero__ctn--cta:focus::before {
background-color:#fff
}
.hero__ctn--desc {
margin-top:1.6rem;
margin-bottom:2.4rem
}
.\--subpage .hero__ctn--desc {
margin-bottom:1.6rem
}
.hero__cta {
line-height:0
}
.hero__nav {
position:relative
}
.hero__quick {
padding-top:4rem;
-webkit-box-sizing:border-box;
box-sizing:border-box
}
@media only screen and (min-width:901px) {
.hero__quick {
position:absolute;
width:100%;
height:19.8rem;
bottom:0;
z-index:1;
color:#fff
}
.hero__quick::before {
content:"";
width:100%;
height:100%;
position:absolute;
top:0;
background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#545454));
background:-o-linear-gradient(#000 0,#545454 100%);
background:linear-gradient(#000 0,#545454 100%);
opacity:.6
}
}
.hero__quick a {
text-decoration:none;
color:#000
}
@media only screen and (min-width:901px) {
.hero__quick a {
color:#fff
}
}
.hero__quick-content {
position:relative;
z-index:1
}
@media only screen and (min-width:901px) {
.hero__quick-content {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
}
.hero__quick-item {
padding-bottom:3.5rem;
width:100%
}
@media only screen and (min-width:901px) {
.hero__quick-item {
width:25%;
padding:0 1.2rem 3.5rem
}
}
.hero__quick-item:focus .title-h5,
.hero__quick-item:hover .title-h5 {
font-size:1.8rem;
line-height:2.4rem
}
.hero__quick-item:focus .title-h5::before,
.hero__quick-item:hover .title-h5::before {
background-color:#0043cf
}
.hero__quick .title-h5 {
font-size:1.6rem;
line-height:2.4rem;
margin-top:0;
margin-bottom:.8rem;
-webkit-transition:font-size .3s ease;
-o-transition:font-size .3s ease;
transition:font-size .3s ease;
text-transform:uppercase
}
.hero__quick .title-h5::before {
content:"";
display:block;
width:100%;
height:.4rem;
background:#d2d2d2;
line-height:1;
margin-bottom:1rem
}
.hero__quick .swiper-slide-thumb-active .break-line {
background:#0043cf
}
.hero .swiper-pagination {
right:13.4rem;
bottom:.8rem
}
@media only screen and (max-width:900px) {
.hero .swiper-pagination {
right:3.4rem
}
}
@media only screen and (min-width:901px) {
.hero .swiper-pagination {
bottom:22rem
}
.hero .swiper-pagination .swiper-pagination-bullet {
border-color:#fff;
background:rgba(0,0,0,.2)
}
.hero .swiper-pagination .swiper-pagination-bullet-active {
background:#fff
}
}
.hero .swiper-button-next,
.hero .swiper-button-prev {
background-color:rgba(0,0,0,.2);
border-color:#fff;
-webkit-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
transition:all .3s ease-in
}
.hero .swiper-button-next::after,
.hero .swiper-button-prev::after {
-webkit-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
transition:all .3s ease-in
}
.hero .swiper-button-next:hover,
.hero .swiper-button-prev:hover {
border-width:.2rem
}
.hero .swiper-button-prev:hover::after {
left:-.2rem
}
.hero .swiper-button-next:hover::after {
left:.2rem
}
.hero .swiper-button-next::after {
background-image:url('data:image/svg+xml;utf8,')
}
.hero .swiper-button-prev::after {
background-image:url('data:image/svg+xml;utf8,');
-webkit-transform:rotate(180deg);
transform:rotate(180deg)
}
.hero .swiper-navigation {
display:none!important;
position:absolute;
bottom:0;
right:0;
width:7.6rem;
height:3.2rem;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
z-index:10
}
@media only screen and (min-width:901px) {
.hero .swiper-navigation {
display:-webkit-box!important;
display:-ms-flexbox!important;
display:flex!important;
bottom:22rem;
right:3.4rem
}
}
.news .break-line {
display:block;
width:100%;
height:.4rem;
margin:0;
background-color:#0043cf
}
.news__container {
position:relative;
width:100%
}
.news__container .swiper {
padding-bottom:4.5rem
}
.news__container .cta-module {
position:absolute;
bottom:0;
left:0;
height:3.9rem;
z-index:99
}
.news__pre-header {
margin:0;
margin-bottom:2.4rem
}
.news__item--date {
font-size:1.2rem;
line-height:1.6rem;
margin-top:2.4rem;
margin-bottom:0;
color:#767676;
font-weight:400
}
@media only screen and (min-width:901px) {
.news__item--date {
font-size:2rem;
line-height:2.6rem;
color:#000
}
}
.news__ctn {
margin:1.6rem 0 3.2rem
}
.news__ctn .cta-arrow {
margin-top:2rem
}
.news__ctn-header {
font-weight:400
}
@media only screen and (min-width:901px) {
.news .swiper-navigation {
display:block;
position:absolute;
bottom:0;
right:0;
width:7.6rem;
height:3.2rem;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.news__ctn {
margin-bottom:2.4rem
}
}
@media only screen and (min-width:901px) {
.event-column.\--type-1 .event-column__item {
width:64%
}
}
@media only screen and (max-width:900px) {
.event-column.\--type-1 .event-column__img {
height:16.9rem
}
}
.event-column.\--type-1 .swiper-navigation,
.event-column.\--type-1 .swiper-pagination {
display:none
}
.event-column.\--type-1 .swiper.no-pagination {
padding-bottom:0
}
.event-column.\--type-2 .event-column__item {
width:calc(75% - 16px)
}
@media only screen and (min-width:901px) {
.event-column.\--type-2 .event-column__item {
width:calc(60.2% - 16px)
}
}
@media only screen and (min-width:901px) {
.event-column.\--type-2 .swiper-initialized .\--active,
.event-column.\--type-2 .swiper-initialized .\--hover {
width:calc(60.2% - 16px)!important
}
}
.event-column.\--type-2 .swiper-initialized .\--active .event-column__ctn--desc,
.event-column.\--type-2 .swiper-initialized .\--hover .event-column__ctn--desc {
display:block
}
@media only screen and (max-width:900px) {
.event-column.\--type-2 .swiper-initialized .\--active .event-column__img,
.event-column.\--type-2 .swiper-initialized .\--hover .event-column__img {
height:12.5rem
}
}
@media only screen and (max-width:900px) {
.event-column.\--type-2 .swiper-pagination {
left:0;
right:auto
}
}
.event-column.\--type-2 .swiper-navigation {
display:none
}
.event-column.\--type-3 .swiper-wrapper {
padding-bottom:3.2rem
}
.event-column.\--type-3 .swiper-pagination {
bottom:1rem
}
@media only screen and (min-width:901px) {
.event-column.\--type-3.\--standard .cta-module {
display:none
}
}
.event-column.\--type-3 .event-column__item {
width:calc(75% - 16px)
}
@media only screen and (min-width:901px) {
.event-column.\--type-3 .event-column__item {
width:calc(50% - 16px)
}
}
@media only screen and (min-width:901px) {
.event-column.\--type-3 .swiper-initialized .\--active,
.event-column.\--type-3 .swiper-initialized .\--hover {
width:calc(50% - 16px)!important
}
}
.event-column.\--type-3 .swiper-initialized .\--active .event-column__ctn--desc,
.event-column.\--type-3 .swiper-initialized .\--hover .event-column__ctn--desc {
display:block
}
@media only screen and (max-width:900px) {
.event-column.\--type-3 .swiper-initialized .\--active .event-column__img,
.event-column.\--type-3 .swiper-initialized .\--hover .event-column__img {
height:12.5rem
}
}
.event-column.\--type-3 .swiper-navigation {
display:none
}
@media only screen and (min-width:901px) {
.event-column.\--type-3 .swiper-navigation {
display:-webkit-box;
display:-ms-flexbox;
display:flex
}
}
@media only screen and (min-width:901px) {
.event-column .\--active .event-column__img,
.event-column .\--hover .event-column__img {
height:auto
}
}
.event-column .\--active .event-column__ctn--btn,
.event-column .\--hover .event-column__ctn--btn {
display:inline-block
}
.event-column__container {
position:relative;
width:100%;
margin:0 -4px
}
.event-column__container a {
color:#000;
text-decoration:none
}
.event-column .swiper {
padding:0 4px 4.5rem
}
.no-pagination .event-column .swiper {
padding-bottom:0
}
.event-column .swiper-initialized .\--active .event-column__ctn--btn,
.event-column .swiper-initialized .\--hover .event-column__ctn--btn {
display:inline-block
}
.event-column .swiper-initialized .event-column__ctn--desc {
display:none
}
.event-column .swiper-initialized .event-column__ctn--btn {
display:none
}
@media only screen and (min-width:901px) {
.event-column .swiper-initialized .event-column__ctn--btn {
display:inline-block
}
}
@media only screen and (max-width:900px) {
.event-column .swiper-initialized .event-column__img {
height:8.1rem
}
}
.event-column .swiper-navigation {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
bottom:0;
right:0;
width:7.6rem;
height:3.2rem;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between
}
.event-column .swiper-pagination {
display:block
}
@media only screen and (min-width:901px) {
.event-column .swiper-pagination {
display:none
}
}
.event-column .cta-module {
position:absolute;
bottom:0;
left:0;
height:3.9rem;
z-index:99
}
.event-column__pre-header {
margin:0;
margin-bottom:.8rem
}
.event-column__pre-header-h2 {
margin-bottom:2.4rem
}
.event-column__item {
height:auto;
-webkit-transition:width .2s ease;
-o-transition:width .2s ease;
transition:width .2s ease
}
.event-column__item--header {
margin:0;
font-weight:400
}
.event-column__img {
position:relative;
height:12.5rem;
overflow:hidden;
border-radius:.8rem;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out
}
.event-column__img::after {
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:.4rem;
background-color:#0043cf
}
@media only screen and (min-width:901px) {
.event-column__img {
height:auto
}
}
.event-column__img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-webkit-transition:.4s all ease-in-out;
-o-transition:.4s all ease-in-out;
transition:.4s all ease-in-out
}
.event-column__img:hover {
-webkit-box-shadow:0 6px 10px rgba(0,0,0,.24);
box-shadow:0 6px 10px rgba(0,0,0,.24)
}
.event-column__img:hover::before {
content:"";
position:absolute;
display:block;
width:100%;
height:100%;
background:#d2d2d2;
opacity:.56;
mix-blend-mode:multiply;
z-index:1
}
.event-column__img:hover img {
-webkit-transform:scale(1.08);
transform:scale(1.08)
}
.event-column__date {
font-size:1.4rem;
line-height:2.6rem;
color:#707070;
margin-top:2rem;
margin-bottom:0;
display:none
}
.event-column__date span::after {
content:" | ";
display:inline-block;
padding:0 .5rem
}
.event-column__date span:last-child::after {
content:""
}
.\--active .event-column__date {
display:block
}
.event-column__ctn {
margin:1.4rem 0;
margin-bottom:0
}
.event-column__ctn--header {
margin:0;
margin-bottom:.9rem
}
.event-column__ctn--header.title-h2 {
display:none
}
.\--active .event-column__ctn--header.title-h2 {
display:block
}
.\--active .event-column__ctn--header.title-h3 {
display:none
}
.event-column__ctn--desc {
margin-top:0;
margin-bottom:1.7rem
}
@media only screen and (min-width:901px) {
.event-column__ctn--desc {
margin-bottom:2.4rem
}
}
.event-column__ctn--btn {
display:inline-block
}
.event-column .swiper-button-next:hover,
.event-column .swiper-button-prev:hover {
border-width:.2rem
}
.areo h3,
.areo h4 {
font-weight:400
}
.areo__link {
list-style:none;
display:none
}
@media only screen and (min-width:901px) {
.areo__link {
display:block
}
}
.areo .ctn-background {
max-width:130.4rem;
margin:0 auto
}
.areo .container-txt {
padding:0
}
.areo__desc {
margin-bottom:3.5rem
}
@media only screen and (min-width:901px) {
.areo__desc {
margin-bottom:5rem
}
}
.areo__line {
position:relative;
margin-top:0;
margin-bottom:1.6rem
}
.areo__line::before {
content:"";
display:block;
height:.4rem;
width:100%;
background-color:#d2d2d2;
margin-bottom:2rem
}
@media only screen and (min-width:901px) {
.areo__line:hover {
font-size:2.6rem
}
}
.areo__line.\--active::before,
.areo__line:hover::before {
background-color:#0043cf
}
.areo__text {
display:none;
margin-top:2.4rem;
margin-bottom:2.4rem
}
@media only screen and (min-width:901px) {
.areo__text {
margin-top:0;
margin-bottom:0
}
}
.areo__content {
position:relative;
-webkit-transition:height .5s ease;
-o-transition:height .5s ease;
transition:height .5s ease
}
.areo__content .picture-line {
margin-bottom:2.4rem
}
@media only screen and (min-width:901px) {
.areo__content .areo__line {
display:none
}
}
.areo__content-title {
margin-top:0;
margin-bottom:1.6rem
}
.areo__content-desc {
margin-top:1.6rem
}
.areo__content .cta-arrow,
.areo__content .cta-button {
margin-top:2rem
}
.areo__item:last-child h3 {
margin-bottom:0
}
.dropdown-filter {
position:relative
}
.dropdown-filter__top {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.dropdown-filter__content {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.dropdown-filter__dropdown {
margin:.6rem -1.2rem 0;
height:inherit;
-webkit-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
transition:all .4s ease-out;
min-height:0;
padding-right:2.4rem
}
@media only screen and (max-width:900px) {
.dropdown-filter__dropdown {
width:100%;
padding-right:0
}
}
.dropdown-filter__dropdown .dropdown-btn {
display:inline-block;
vertical-align:top;
margin:2.4rem 1.2rem 0
}
@media only screen and (min-width:901px) {
.dropdown-filter__dropdown .dropdown-btn.\--active {
position:absolute;
z-index:9998
}
}
.dropdown-filter__dropdown .dropdown-btn button:not(.cta-button) {
font-size:1.4rem;
line-height:2.4rem;
padding-top:1.2rem;
padding-bottom:1.2rem
}
.dropdown-filter__dropdown .dropdown-btn .form-check-label span {
font-size:1.4rem;
line-height:2.6rem
}
.dropdown-filter__btn {
margin-top:3.5rem
}
.dropdown-filter__btn .btn-clear {
margin-right:2.4rem
}
.dropdown-filter__btn .btn-clear.disabled {
border:1px solid #d2d2d2
}
@media only screen and (max-width:900px) {
.dropdown-filter__btn {
text-align:right;
width:100%
}
}
.dropdown-filter__title .title-h5 {
font-weight:700
}
@media only screen and (max-width:900px) {
.dropdown-filter__right {
-webkit-box-flex:100%;
-ms-flex:100%;
flex:100%
}
}
.dropdown-filter__result {
margin-top:1.6rem
}
@media only screen and (max-width:900px) {
.dropdown-filter__result {
margin-top:3.2rem
}
}
.dropdown-filter__result .item-title {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:2.4rem;
margin-right:1.6rem;
margin-top:2.3rem;
text-transform:uppercase;
display:inline-block;
vertical-align:top
}
@media only screen and (max-width:900px) {
.dropdown-filter__result .item-title {
width:100%;
margin-top:0
}
}
.dropdown-filter__result ul {
list-style:none;
margin:0;
padding:0;
display:inline-block;
width:calc(10/12 * 100%)
}
@media only screen and (max-width:900px) {
.dropdown-filter__result ul {
width:100%
}
}
.dropdown-filter__result ul li {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:2.4rem;
display:inline-block;
margin-right:1.6rem;
text-transform:uppercase;
margin-top:1.6rem
}
@media only screen and (max-width:900px) {
.dropdown-filter__result ul li {
display:block
}
}
.dropdown-filter__result ul .item-list {
font-family:nexa,Arial,sans-serif;
font-size:1.4rem;
line-height:2.6rem;
padding:.7rem 1.2rem;
background-color:#fff;
border-radius:2rem;
text-transform:initial
}
.dropdown-filter__result ul .item-list.\--bg-grey {
background-color:rgba(242,242,242,.8)
}
@media only screen and (max-width:900px) {
.dropdown-filter__result ul .item-list {
display:inline-block
}
}
.h-overview__uf {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.h-overview__uf>* {
-webkit-box-flex:100%;
-ms-flex:100%;
flex:100%;
margin:0
}
.h-overview__uf--content h2 {
margin-top:2.6rem;
margin-bottom:2.6rem;
font-weight:400
}
.h-overview__uf--content .cta-button {
padding:1.1rem 1rem 1rem 1rem;
/*padding:1.1rem 2.4rem 1.2rem 2.4rem;*/
height:auto
}
.h-overview__uf--desc {
margin-bottom:2.5rem
}
.h-overview__uf--img {
-webkit-box-flex:1;
-ms-flex:auto;
flex:auto;
width:100%;
height:16.8rem;
border-radius:.8rem;
border-bottom:.5rem solid #0043cf;
overflow:hidden
}
.h-overview__uf--img img {
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover
}
.h-overview__lh {
margin-top:4rem;
margin-bottom:2.4rem
}
.h-overview__lh a {
font-size:2.2rem;
line-height:3.2rem;
text-decoration:unset
}
.h-overview__hi--item {
width:100%;
-webkit-box-flex:1;
-ms-flex:auto;
flex:auto
}
.h-overview__hi--item-text {
padding-top:2.4rem;
margin-bottom:0;
border-top:.4rem solid #d2d2d2;
-webkit-transition:.2s;
-o-transition:.2s;
transition:.2s
}
.h-overview__hi--item-text:hover {
border-color:#0043cf
}
.h-overview__hi--item-text:hover .h-overview__hi--desc {
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
opacity:1;
max-height:unset;
margin-bottom:1rem
}
.h-overview__hi--item h3 {
display:block;
margin-top:0;
margin-bottom:1.7rem;
line-height:2.8rem;
font-weight:400
}
.h-overview__hi--desc {
min-height:0;
max-height:0;
height:auto;
opacity:0;
overflow:hidden
}
.h-overview__hi--desc p {
margin-bottom:1.7rem;
font-size:1.4rem;
line-height:2.2rem
}
.h-overview__hi .cta-arrow {
display:initial!important
}
@media only screen and (min-width:901px) {
.h-overview__uf {
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-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start
}
.h-overview__uf>* {
-webkit-box-flex:50%;
-ms-flex:50%;
flex:50%
}
.h-overview__uf--content {
margin-right:1.2rem
}
.h-overview__uf--content h2 {
margin-top:0;
margin-bottom:1.6rem;
font-weight:400
}
.h-overview__uf--desc {
margin-bottom:4rem
}
.h-overview__uf--img {
height:28.1rem;
margin-left:1.2rem
}
.h-overview__hi {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-left:-1.2rem;
margin-right:-1.2rem
}
.h-overview__hi--item {
-webkit-box-flex:calc(33.33%);
-ms-flex:calc(33.33%);
flex:calc(33.33%);
max-width:calc(33.33%);
padding-left:1.2rem;
padding-right:1.2rem;
margin-bottom:1rem
}
.h-overview__hi--item:hover .h-overview__hi--desc {
margin-bottom:0
}
.h-overview__hi--item:hover h3 {
font-size:2.6rem
}
.h-overview__hi--desc {
min-height:4rem
}
.h-overview__hi--desc p {
line-height:2.4rem
}
.h-overview__hi h3 {
line-height:3.2rem;
font-weight:400
}
}
.colophon {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:1.6rem
}
.colophon__item {
font-size:1.4rem;
line-height:1.9rem;
width:calc(100% - 180px)
}
.colophon__item span::after {
content:" | ";
display:inline-block;
padding:0 .5rem
}
.colophon__item span:last-child::after {
content:" "
}
@media only screen and (max-width:900px) {
.colophon__item {
width:100%
}
}
.colophon__social-item {
line-height:1
}
@media only screen and (max-width:900px) {
.colophon__social-item {
width:100%;
margin-top:1.6rem
}
}
.colophon__social-item a {
display:inline-block;
margin-right:1.6rem
}
.colophon__social-item a:last-child {
margin-right:0
}
.tags-list {
margin:-1.6rem -.8rem 0
}
.tags-list .\--tag {
margin:1.6rem .8rem 0
}
.form-a {
position:relative
}
@media only screen and (min-width:901px) {
.form-a {
min-height:40.2rem
}
.form-a .form-col-2 {
max-width:41rem
}
}
.form-a__inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:4.8rem 4rem;
max-width:109.6rem;
margin:0 auto
}
@media only screen and (max-width:900px) {
.form-a__inner {
padding:4rem 1.7rem;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
}
.form-a__inner-left {
max-width:39.2rem;
margin-right:2.4rem
}
@media only screen and (max-width:900px) {
.form-a__inner-left {
width:100%;
margin-right:0
}
}
.form-a__inner-right {
max-width:60rem
}
@media only screen and (max-width:900px) {
.form-a__inner-right {
width:100%
}
}
.\--submit-done .form-a__inner-right {
max-width:49.5rem
}
.form-a__inner-desc {
margin-bottom:2rem
}
.form-a__inner .form-select,
.form-a__inner input {
max-width:39.2rem;
display:block
}
.form-a__inner .form-input.--error::after,
.form-a__inner .form-input.--error::before {
max-width:39.2rem
}
.form-a__inner .form-input.--error .form-label {
max-width:37rem
}
.form-a__inner .form-select__content {
width:100%
}
.form-a .title-h3 {
font-weight:400
}
.form-a .title-h1 {
margin-bottom:.8rem
}
.form-a.text-black .form-check .form-label {
color:#767676
}
.form-b {
position:relative;
padding:4rem 1.7rem
}
@media only screen and (min-width:901px) {
.form-b {
padding:6.4rem 1.7rem 8.4rem
}
}
.form-b-bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:var(--bg-color);
background-repeat:no-repeat;
background-size:cover;
border-radius:1.6rem;
overflow:hidden;
z-index:-1
}
.form-b__inner {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:106rem;
margin:0 auto
}
.form-b__inner-left {
width:100%;
margin:0 1.7rem 3.2rem
}
.form-b__inner-right {
width:100%
}
.form-b__inner-right .title-h5 {
margin:0
}
@media only screen and (min-width:901px) {
.form-b__inner-left {
width:calc(497/1060 * 100%);
margin:0 calc(1/12 * 100%) 0 0
}
.form-b__inner-right {
width:calc(473/1060 * 100%)
}
}
.form-b__inner-content {
position:relative;
padding:4rem 1.7rem
}
@media only screen and (min-width:901px) {
.form-b__inner-content {
padding:4rem
}
}
.form-b__inner-pre {
margin-top:0;
margin-bottom:1rem
}
.form-b__inner-desc {
margin-bottom:2rem
}
.\--confirmation .form-b__inner-desc::after {
content:"";
display:block;
max-width:18.4rem;
width:100%;
border:1px solid #fff
}
.form-a .form-check-input,
.form-b .form-check-input {
position:relative;
border:1px solid #0043cf;
background-color:#fff
}
.form-a .form-check-input:checked,
.form-b .form-check-input:checked {
background-color:#fff
}
.form-a .form-check-input:checked::after,
.form-b .form-check-input:checked::after {
content:"";
width:12px;
height:10px;
margin-top:6.5px;
margin-left:5.5px;
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8.949' viewBox='0 0 12 8.949'%3E%3Cpath id='Icon_awesome-check' data-name='Icon awesome-check' d='M4.076,13.35l-3.9-3.9a.6.6,0,0,1,0-.849l.849-.849a.6.6,0,0,1,.849,0L4.5,10.38l5.627-5.627a.6.6,0,0,1,.849,0l.849.849a.6.6,0,0,1,0,.849l-6.9,6.9A.6.6,0,0,1,4.076,13.35Z' transform='translate(0 -4.577)' fill='rgb(211%2C29%2C63)'/%3E%3C/svg%3E");
background-repeat:no-repeat;
display:block
}
.form-a .form-check-input:hover,
.form-b .form-check-input:hover {
outline:1px solid #0043cf
}
.form-a .form-check-input:focus,
.form-b .form-check-input:focus {
outline:1px solid #0043cf
}
.form-a .form-check-input:focus::before,
.form-b .form-check-input:focus::before {
position:absolute;
content:"";
display:block;
width:24px;
height:24px;
background:rgba(211,29,63,.2);
border-radius:.8rem
}
.form-a .form-check-input:active,
.form-b .form-check-input:active {
outline:1px solid #0043cf
}
.form-a .form-check-input:active::before,
.form-b .form-check-input:active::before {
position:absolute;
content:"";
display:block;
width:24px;
height:24px;
background:rgba(211,29,63,.4);
border-radius:.8rem
}
.form-a .form-check-input:disabled,
.form-b .form-check-input:disabled {
border:1px solid #d2d2d2
}
.form-a .form-check-input:disabled:checked,
.form-b .form-check-input:disabled:checked {
background-color:transparent
}
.form-a .form-check-input:disabled:checked::after,
.form-b .form-check-input:disabled:checked::after {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8.949' viewBox='0 0 12 8.949'%3E%3Cpath id='Icon_awesome-check' data-name='Icon awesome-check' d='M4.076,13.35l-3.9-3.9a.6.6,0,0,1,0-.849l.849-.849a.6.6,0,0,1,.849,0L4.5,10.38l5.627-5.627a.6.6,0,0,1,.849,0l.849.849a.6.6,0,0,1,0,.849l-6.9,6.9A.6.6,0,0,1,4.076,13.35Z' transform='translate(0 -4.577)' fill='rgb(210%2C210%2C210)'/%3E%3C/svg%3E")
}
.form-a .\--country.\--error input,
.form-a .form-input.\--error input,
.form-b .\--country.\--error input,
.form-b .form-input.\--error input {
position:relative;
-webkit-box-shadow:0 0 0 2px #0043cf;
box-shadow:0 0 0 2px #0043cf;
color:#050505;
background-color:transparent;
z-index:1
}
.form-a .\--country.\--error label,
.form-a .form-input.\--error label,
.form-b .\--country.\--error label,
.form-b .form-input.\--error label {
font-family:nexa,Arial,sans-serif;
z-index:1
}
.form-a .\--country.\--error::before,
.form-a .form-input.\--error::before,
.form-b .\--country.\--error::before,
.form-b .form-input.\--error::before {
position:absolute;
content:"";
background:rgba(211,29,63,.2);
width:100%;
height:4.8rem;
z-index:1;
border-radius:.8rem;
top:0
}
.form-a .\--country.\--error::after,
.form-a .form-input.\--error::after,
.form-b .\--country.\--error::after,
.form-b .form-input.\--error::after {
position:absolute;
content:"";
background:#fff;
width:100%;
height:4.8rem;
border-radius:.8rem;
left:0;
top:0
}
.form-a .\--country.\--error .form-label,
.form-a .form-input.\--error .form-label,
.form-b .\--country.\--error .form-label,
.form-b .form-input.\--error .form-label {
color:#fff;
width:calc(100% - 22px);
padding:0 1rem;
left:1rem;
margin-top:1px
}
.form-a .\--country.\--error .form-label::before,
.form-a .form-input.\--error .form-label::before,
.form-b .\--country.\--error .form-label::before,
.form-b .form-input.\--error .form-label::before {
content:"";
position:absolute;
width:100%;
left:0;
border-radius:0 0 4px 4px;
background:rgba(211,29,63,.4);
height:100%
}
.form-a .\--country.\--error .form-label span,
.form-a .form-input.\--error .form-label span,
.form-b .\--country.\--error .form-label span,
.form-b .form-input.\--error .form-label span {
position:relative;
z-index:1
}
.form-a .form-check.\--white .form-check-input,
.form-b .form-check.\--white .form-check-input {
border:1px solid #0043cf;
background-color:#fff
}
.form-a .form-check.\--white .form-check-input:disabled,
.form-b .form-check.\--white .form-check-input:disabled {
border:1px solid #d2d2d2;
background-color:transparent
}
.form-a .form-check.\--white .form-check-input:disabled:checked,
.form-b .form-check.\--white .form-check-input:disabled:checked {
background-color:transparent
}
.form-a .form-check.\--white .form-check-input:disabled:checked::after,
.form-b .form-check.\--white .form-check-input:disabled:checked::after {
background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8.949' viewBox='0 0 12 8.949'%3E%3Cpath id='Icon_awesome-check' data-name='Icon awesome-check' d='M4.076,13.35l-3.9-3.9a.6.6,0,0,1,0-.849l.849-.849a.6.6,0,0,1,.849,0L4.5,10.38l5.627-5.627a.6.6,0,0,1,.849,0l.849.849a.6.6,0,0,1,0,.849l-6.9,6.9A.6.6,0,0,1,4.076,13.35Z' transform='translate(0 -4.577)' fill='rgb(210%2C210%2C210)'/%3E%3C/svg%3E")
}
.form-a .form-check.\--white .form-check-input:hover:checked,
.form-b .form-check.\--white .form-check-input:hover:checked {
background-color:#fff
}
.form-a .form-check-label,
.form-b .form-check-label {
font-size:1.2rem;
line-height:1.6rem
}
.form-a .form-select__content,
.form-b .form-select__content {
-webkit-box-shadow:none;
box-shadow:none
}
.form-a .form-select.\--country .form-select__menu,
.form-b .form-select.\--country .form-select__menu {
max-height:58rem
}
.form-a .form-select.\--country.\--error.\--active input,
.form-b .form-select.\--country.\--error.\--active input {
-webkit-box-shadow:none;
box-shadow:none
}
.form-a .form-select.--fullwidth .form-select__content,
.form-b .form-select.--fullwidth .form-select__content {
width:100%
}
.form-a .form-select .form-select__content,
.form-b .form-select .form-select__content {
z-index:2
}
.form-a .form__box,
.form-b .form__box {
padding-bottom:1.8rem
}
.form-a .form-select__item:last-child,
.form-b .form-select__item:last-child {
padding-bottom:0
}
.form-a .form-select__menu,
.form-b .form-select__menu {
max-height:40rem;
overflow-y:auto;
margin-bottom:1.6rem;
scrollbar-width:thin
}
.form-a .form-select__menu::-webkit-scrollbar,
.form-b .form-select__menu::-webkit-scrollbar {
width:4px;
margin-bottom:10px
}
.form-a .form-select__menu::-webkit-scrollbar-thumb,
.form-b .form-select__menu::-webkit-scrollbar-thumb {
border-radius:4px;
background:#d2d2d2
}
.form-a__inner-right.text-white .form-label,
.form-b__inner-right.text-white .form-label {
color:#fff
}
.form-a.text-black a,
.form-b.text-black a {
color:#000
}
.form-a.text-white .form-label,
.form-a.text-white a,
.form-b.text-white .form-label,
.form-b.text-white a {
color:#fff
}