@charset "UTF-8";
/*---------------------------------------------------
Global variables
---------------------------------------------------*/
/**
* Foundation for Sites by ZURB
* Version 6.4.3
* foundation.zurb.com
* Licensed under MIT Open Source
*/
@media print, screen and (min-width: 40em) {
.reveal-centered {
right: auto;
left: auto;
margin: 0 auto; } }
.align-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.align-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.align-justify {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.align-spaced {
-ms-flex-pack: distribute;
justify-content: space-around; }
.align-right.vertical.menu > li > a {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.align-center.vertical.menu > li > a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.align-self-top {
-ms-flex-item-align: start;
align-self: flex-start; }
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.align-self-bottom {
-ms-flex-item-align: end;
align-self: flex-end; }
.align-middle {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.align-self-middle {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.align-self-stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch; }
.align-center-middle {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center; }
.small-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.small-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.small-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.small-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.small-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.small-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; }
@media screen and (min-width: 34.25em) {
.xsmall-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.xsmall-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.xsmall-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.xsmall-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.xsmall-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.xsmall-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media screen and (orientation: landscape) {
.landscape-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.landscape-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.landscape-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.landscape-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.landscape-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.landscape-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media print, screen and (min-width: 48em) {
.medium-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.medium-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.medium-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.medium-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.medium-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.medium-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media print, screen and (min-width: 64em) {
.large-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.large-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.large-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.large-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.large-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.large-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media screen and (min-width: 75em) {
.xlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.xlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.xlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.xlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.xlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.xlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media screen and (min-width: 85.375em) {
.xxlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.xxlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.xxlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.xxlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.xxlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.xxlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media screen and (min-width: 120em) {
.fullHD-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.fullHD-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.fullHD-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.fullHD-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.fullHD-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.fullHD-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
@media screen and (min-width: 100em) {
.xxxlarge-order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.xxxlarge-order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.xxxlarge-order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3; }
.xxxlarge-order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.xxxlarge-order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5; }
.xxxlarge-order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6; } }
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
@media screen and (min-width: 34.25em) {
.xsmall-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.xsmall-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.xsmall-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.xsmall-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.xsmall-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.xsmall-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.xsmall-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.xsmall-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (orientation: landscape) {
.landscape-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.landscape-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.landscape-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.landscape-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.landscape-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.landscape-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.landscape-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.landscape-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media print, screen and (min-width: 48em) {
.medium-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.medium-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.medium-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.medium-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.medium-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.medium-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.medium-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.medium-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media print, screen and (min-width: 64em) {
.large-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.large-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.large-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.large-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.large-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.large-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.large-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.large-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 75em) {
.xlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.xlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.xlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.xlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.xlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.xlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.xlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.xlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 85.375em) {
.xxlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.xxlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.xxlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.xxlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.xxlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.xxlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.xxlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.xxlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 120em) {
.fullHD-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.fullHD-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.fullHD-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.fullHD-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.fullHD-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.fullHD-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.fullHD-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.fullHD-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
@media screen and (min-width: 100em) {
.xxxlarge-flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.xxxlarge-flex-child-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.xxxlarge-flex-child-grow {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto; }
.xxxlarge-flex-child-shrink {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.xxxlarge-flex-dir-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.xxxlarge-flex-dir-row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.xxxlarge-flex-dir-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.xxxlarge-flex-dir-column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
.row {
max-width: 120rem;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.row .row {
margin-right: -0.5rem;
margin-left: -0.5rem; }
@media screen and (min-width: 34.25em) {
.row .row {
margin-right: -0.5rem;
margin-left: -0.5rem; } }
@media screen and (orientation: landscape) {
.row .row {
margin-right: -0.5rem;
margin-left: -0.5rem; } }
@media print, screen and (min-width: 48em) {
.row .row {
margin-right: -3rem;
margin-left: -3rem; } }
@media print, screen and (min-width: 64em) {
.row .row {
margin-right: -3rem;
margin-left: -3rem; } }
@media screen and (min-width: 75em) {
.row .row {
margin-right: -3rem;
margin-left: -3rem; } }
@media screen and (min-width: 85.375em) {
.row .row {
margin-right: -3rem;
margin-left: -3rem; } }
@media screen and (min-width: 120em) {
.row .row {
margin-right: -3rem;
margin-left: -3rem; } }
@media screen and (min-width: 100em) {
.row .row {
margin-right: -3rem;
margin-left: -3rem; } }
.row .row.collapse {
margin-right: 0;
margin-left: 0; }
.row.expanded {
max-width: none; }
.row.expanded .row {
margin-right: auto;
margin-left: auto; }
.row:not(.expanded) .row {
max-width: none; }
.row.collapse > .column, .row.collapse > .columns {
padding-right: 0;
padding-left: 0; }
.row.is-collapse-child,
.row.collapse > .column > .row,
.row.collapse > .columns > .row {
margin-right: 0;
margin-left: 0; }
.column, .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-right: 0.5rem;
padding-left: 0.5rem;
min-width: 0; }
@media print, screen and (min-width: 48em) {
.column, .columns {
padding-right: 3rem;
padding-left: 3rem; } }
.column.row.row, .row.row.columns {
float: none;
display: block; }
.row .column.row.row, .row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0; }
.small-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.small-offset-0 {
margin-left: 0%; }
.small-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-offset-1 {
margin-left: 8.33333%; }
.small-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.small-offset-2 {
margin-left: 16.66667%; }
.small-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-offset-3 {
margin-left: 25%; }
.small-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.small-offset-4 {
margin-left: 33.33333%; }
.small-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.small-offset-5 {
margin-left: 41.66667%; }
.small-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.small-offset-6 {
margin-left: 50%; }
.small-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.small-offset-7 {
margin-left: 58.33333%; }
.small-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.small-offset-8 {
margin-left: 66.66667%; }
.small-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.small-offset-9 {
margin-left: 75%; }
.small-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.small-offset-10 {
margin-left: 83.33333%; }
.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.small-offset-11 {
margin-left: 91.66667%; }
.small-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-1 > .column, .small-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.small-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-2 > .column, .small-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.small-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-3 > .column, .small-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.small-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-4 > .column, .small-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.small-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-5 > .column, .small-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.small-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-6 > .column, .small-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.small-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-7 > .column, .small-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.small-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.small-up-8 > .column, .small-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; }
.small-collapse > .column, .small-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.small-uncollapse > .column, .small-uncollapse > .columns {
padding-right: 0.5rem;
padding-left: 0.5rem; }
@media screen and (min-width: 34.25em) {
.xsmall-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xsmall-offset-0 {
margin-left: 0%; }
.xsmall-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xsmall-offset-1 {
margin-left: 8.33333%; }
.xsmall-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xsmall-offset-2 {
margin-left: 16.66667%; }
.xsmall-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xsmall-offset-3 {
margin-left: 25%; }
.xsmall-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xsmall-offset-4 {
margin-left: 33.33333%; }
.xsmall-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xsmall-offset-5 {
margin-left: 41.66667%; }
.xsmall-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xsmall-offset-6 {
margin-left: 50%; }
.xsmall-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xsmall-offset-7 {
margin-left: 58.33333%; }
.xsmall-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.xsmall-offset-8 {
margin-left: 66.66667%; }
.xsmall-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xsmall-offset-9 {
margin-left: 75%; }
.xsmall-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xsmall-offset-10 {
margin-left: 83.33333%; }
.xsmall-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xsmall-offset-11 {
margin-left: 91.66667%; }
.xsmall-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-1 > .column, .xsmall-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xsmall-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-2 > .column, .xsmall-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xsmall-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-3 > .column, .xsmall-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xsmall-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-4 > .column, .xsmall-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xsmall-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-5 > .column, .xsmall-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.xsmall-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-6 > .column, .xsmall-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xsmall-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-7 > .column, .xsmall-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.xsmall-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xsmall-up-8 > .column, .xsmall-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media screen and (min-width: 34.25em) and (min-width: 34.25em) {
.xsmall-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.xsmall-unstack > .column, .row.xsmall-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 34.25em) {
.row.xsmall-unstack > .column, .row.xsmall-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media screen and (min-width: 34.25em) {
.xsmall-collapse > .column, .xsmall-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.xsmall-uncollapse > .column, .xsmall-uncollapse > .columns {
padding-right: 0.5rem;
padding-left: 0.5rem; } }
@media screen and (orientation: landscape) {
.landscape-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.landscape-offset-0 {
margin-left: 0%; }
.landscape-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.landscape-offset-1 {
margin-left: 8.33333%; }
.landscape-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.landscape-offset-2 {
margin-left: 16.66667%; }
.landscape-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.landscape-offset-3 {
margin-left: 25%; }
.landscape-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.landscape-offset-4 {
margin-left: 33.33333%; }
.landscape-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.landscape-offset-5 {
margin-left: 41.66667%; }
.landscape-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.landscape-offset-6 {
margin-left: 50%; }
.landscape-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.landscape-offset-7 {
margin-left: 58.33333%; }
.landscape-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.landscape-offset-8 {
margin-left: 66.66667%; }
.landscape-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.landscape-offset-9 {
margin-left: 75%; }
.landscape-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.landscape-offset-10 {
margin-left: 83.33333%; }
.landscape-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.landscape-offset-11 {
margin-left: 91.66667%; }
.landscape-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-1 > .column, .landscape-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.landscape-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-2 > .column, .landscape-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.landscape-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-3 > .column, .landscape-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.landscape-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-4 > .column, .landscape-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.landscape-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-5 > .column, .landscape-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.landscape-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-6 > .column, .landscape-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.landscape-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-7 > .column, .landscape-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.landscape-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.landscape-up-8 > .column, .landscape-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media screen and (orientation: landscape) and (orientation: landscape) {
.landscape-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.landscape-unstack > .column, .row.landscape-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (orientation: landscape) {
.row.landscape-unstack > .column, .row.landscape-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media screen and (orientation: landscape) {
.landscape-collapse > .column, .landscape-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.landscape-uncollapse > .column, .landscape-uncollapse > .columns {
padding-right: 0.5rem;
padding-left: 0.5rem; } }
@media print, screen and (min-width: 48em) {
.medium-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.medium-offset-0 {
margin-left: 0%; }
.medium-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-offset-1 {
margin-left: 8.33333%; }
.medium-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.medium-offset-2 {
margin-left: 16.66667%; }
.medium-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-offset-3 {
margin-left: 25%; }
.medium-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.medium-offset-4 {
margin-left: 33.33333%; }
.medium-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.medium-offset-5 {
margin-left: 41.66667%; }
.medium-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.medium-offset-6 {
margin-left: 50%; }
.medium-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.medium-offset-7 {
margin-left: 58.33333%; }
.medium-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.medium-offset-8 {
margin-left: 66.66667%; }
.medium-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.medium-offset-9 {
margin-left: 75%; }
.medium-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.medium-offset-10 {
margin-left: 83.33333%; }
.medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.medium-offset-11 {
margin-left: 91.66667%; }
.medium-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-1 > .column, .medium-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.medium-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-2 > .column, .medium-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.medium-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-3 > .column, .medium-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.medium-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-4 > .column, .medium-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.medium-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-5 > .column, .medium-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.medium-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-6 > .column, .medium-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.medium-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-7 > .column, .medium-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.medium-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.medium-up-8 > .column, .medium-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media print, screen and (min-width: 48em) and (min-width: 48em) {
.medium-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media print, screen and (min-width: 48em) {
.row.medium-unstack > .column, .row.medium-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media print, screen and (min-width: 48em) {
.medium-collapse > .column, .medium-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.medium-uncollapse > .column, .medium-uncollapse > .columns {
padding-right: 3rem;
padding-left: 3rem; } }
@media print, screen and (min-width: 64em) {
.large-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.large-offset-0 {
margin-left: 0%; }
.large-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large-offset-1 {
margin-left: 8.33333%; }
.large-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.large-offset-2 {
margin-left: 16.66667%; }
.large-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-offset-3 {
margin-left: 25%; }
.large-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.large-offset-4 {
margin-left: 33.33333%; }
.large-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.large-offset-5 {
margin-left: 41.66667%; }
.large-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.large-offset-6 {
margin-left: 50%; }
.large-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.large-offset-7 {
margin-left: 58.33333%; }
.large-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.large-offset-8 {
margin-left: 66.66667%; }
.large-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.large-offset-9 {
margin-left: 75%; }
.large-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.large-offset-10 {
margin-left: 83.33333%; }
.large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.large-offset-11 {
margin-left: 91.66667%; }
.large-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-1 > .column, .large-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.large-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-2 > .column, .large-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.large-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-3 > .column, .large-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.large-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-4 > .column, .large-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.large-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-5 > .column, .large-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.large-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-6 > .column, .large-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.large-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-7 > .column, .large-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.large-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.large-up-8 > .column, .large-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media print, screen and (min-width: 64em) and (min-width: 64em) {
.large-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.large-unstack > .column, .row.large-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media print, screen and (min-width: 64em) {
.row.large-unstack > .column, .row.large-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media print, screen and (min-width: 64em) {
.large-collapse > .column, .large-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.large-uncollapse > .column, .large-uncollapse > .columns {
padding-right: 3rem;
padding-left: 3rem; } }
@media screen and (min-width: 75em) {
.xlarge-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xlarge-offset-0 {
margin-left: 0%; }
.xlarge-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge-offset-1 {
margin-left: 8.33333%; }
.xlarge-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xlarge-offset-2 {
margin-left: 16.66667%; }
.xlarge-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-offset-3 {
margin-left: 25%; }
.xlarge-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xlarge-offset-4 {
margin-left: 33.33333%; }
.xlarge-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xlarge-offset-5 {
margin-left: 41.66667%; }
.xlarge-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xlarge-offset-6 {
margin-left: 50%; }
.xlarge-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xlarge-offset-7 {
margin-left: 58.33333%; }
.xlarge-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.xlarge-offset-8 {
margin-left: 66.66667%; }
.xlarge-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xlarge-offset-9 {
margin-left: 75%; }
.xlarge-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xlarge-offset-10 {
margin-left: 83.33333%; }
.xlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xlarge-offset-11 {
margin-left: 91.66667%; }
.xlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-1 > .column, .xlarge-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-2 > .column, .xlarge-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-3 > .column, .xlarge-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-4 > .column, .xlarge-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-5 > .column, .xlarge-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.xlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-6 > .column, .xlarge-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-7 > .column, .xlarge-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.xlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xlarge-up-8 > .column, .xlarge-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media screen and (min-width: 75em) and (min-width: 75em) {
.xlarge-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 75em) {
.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media screen and (min-width: 75em) {
.xlarge-collapse > .column, .xlarge-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
padding-right: 3rem;
padding-left: 3rem; } }
@media screen and (min-width: 85.375em) {
.xxlarge-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xxlarge-offset-0 {
margin-left: 0%; }
.xxlarge-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xxlarge-offset-1 {
margin-left: 8.33333%; }
.xxlarge-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xxlarge-offset-2 {
margin-left: 16.66667%; }
.xxlarge-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xxlarge-offset-3 {
margin-left: 25%; }
.xxlarge-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xxlarge-offset-4 {
margin-left: 33.33333%; }
.xxlarge-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xxlarge-offset-5 {
margin-left: 41.66667%; }
.xxlarge-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xxlarge-offset-6 {
margin-left: 50%; }
.xxlarge-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xxlarge-offset-7 {
margin-left: 58.33333%; }
.xxlarge-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.xxlarge-offset-8 {
margin-left: 66.66667%; }
.xxlarge-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xxlarge-offset-9 {
margin-left: 75%; }
.xxlarge-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xxlarge-offset-10 {
margin-left: 83.33333%; }
.xxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xxlarge-offset-11 {
margin-left: 91.66667%; }
.xxlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xxlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xxlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xxlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xxlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.xxlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xxlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.xxlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media screen and (min-width: 85.375em) and (min-width: 85.375em) {
.xxlarge-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 85.375em) {
.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media screen and (min-width: 85.375em) {
.xxlarge-collapse > .column, .xxlarge-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
padding-right: 3rem;
padding-left: 3rem; } }
@media screen and (min-width: 120em) {
.fullHD-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.fullHD-offset-0 {
margin-left: 0%; }
.fullHD-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.fullHD-offset-1 {
margin-left: 8.33333%; }
.fullHD-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.fullHD-offset-2 {
margin-left: 16.66667%; }
.fullHD-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.fullHD-offset-3 {
margin-left: 25%; }
.fullHD-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.fullHD-offset-4 {
margin-left: 33.33333%; }
.fullHD-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.fullHD-offset-5 {
margin-left: 41.66667%; }
.fullHD-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.fullHD-offset-6 {
margin-left: 50%; }
.fullHD-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.fullHD-offset-7 {
margin-left: 58.33333%; }
.fullHD-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.fullHD-offset-8 {
margin-left: 66.66667%; }
.fullHD-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.fullHD-offset-9 {
margin-left: 75%; }
.fullHD-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.fullHD-offset-10 {
margin-left: 83.33333%; }
.fullHD-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.fullHD-offset-11 {
margin-left: 91.66667%; }
.fullHD-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-1 > .column, .fullHD-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.fullHD-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-2 > .column, .fullHD-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.fullHD-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-3 > .column, .fullHD-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.fullHD-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-4 > .column, .fullHD-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.fullHD-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-5 > .column, .fullHD-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.fullHD-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-6 > .column, .fullHD-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.fullHD-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-7 > .column, .fullHD-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.fullHD-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fullHD-up-8 > .column, .fullHD-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media screen and (min-width: 120em) and (min-width: 120em) {
.fullHD-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.fullHD-unstack > .column, .row.fullHD-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 120em) {
.row.fullHD-unstack > .column, .row.fullHD-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media screen and (min-width: 120em) {
.fullHD-collapse > .column, .fullHD-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.fullHD-uncollapse > .column, .fullHD-uncollapse > .columns {
padding-right: 3rem;
padding-left: 3rem; } }
@media screen and (min-width: 100em) {
.xxxlarge-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.xxxlarge-offset-0 {
margin-left: 0%; }
.xxxlarge-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xxxlarge-offset-1 {
margin-left: 8.33333%; }
.xxxlarge-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xxxlarge-offset-2 {
margin-left: 16.66667%; }
.xxxlarge-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xxxlarge-offset-3 {
margin-left: 25%; }
.xxxlarge-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.xxxlarge-offset-4 {
margin-left: 33.33333%; }
.xxxlarge-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xxxlarge-offset-5 {
margin-left: 41.66667%; }
.xxxlarge-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.xxxlarge-offset-6 {
margin-left: 50%; }
.xxxlarge-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.xxxlarge-offset-7 {
margin-left: 58.33333%; }
.xxxlarge-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.xxxlarge-offset-8 {
margin-left: 66.66667%; }
.xxxlarge-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.xxxlarge-offset-9 {
margin-left: 75%; }
.xxxlarge-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.xxxlarge-offset-10 {
margin-left: 83.33333%; }
.xxxlarge-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xxxlarge-offset-11 {
margin-left: 91.66667%; }
.xxxlarge-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-1 > .column, .xxxlarge-up-1 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.xxxlarge-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-2 > .column, .xxxlarge-up-2 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.xxxlarge-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-3 > .column, .xxxlarge-up-3 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.xxxlarge-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-4 > .column, .xxxlarge-up-4 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.xxxlarge-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-5 > .column, .xxxlarge-up-5 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%; }
.xxxlarge-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-6 > .column, .xxxlarge-up-6 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.xxxlarge-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-7 > .column, .xxxlarge-up-7 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%; }
.xxxlarge-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.xxxlarge-up-8 > .column, .xxxlarge-up-8 > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%; } }
@media screen and (min-width: 100em) and (min-width: 100em) {
.xxxlarge-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
.row.xxxlarge-unstack > .column, .row.xxxlarge-unstack > .columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%; }
@media screen and (min-width: 100em) {
.row.xxxlarge-unstack > .column, .row.xxxlarge-unstack > .columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px; } }
@media screen and (min-width: 100em) {
.xxxlarge-collapse > .column, .xxxlarge-collapse > .columns {
padding-right: 0;
padding-left: 0; }
.xxxlarge-uncollapse > .column, .xxxlarge-uncollapse > .columns {
padding-right: 3rem;
padding-left: 3rem; } }
.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%; }
.column-block {
margin-bottom: 1rem; }
.column-block > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 48em) {
.column-block {
margin-bottom: 6rem; }
.column-block > :last-child {
margin-bottom: 0; } }
body.is-reveal-open {
overflow: hidden; }
html.is-reveal-open,
html.is-reveal-open body {
min-height: 100%;
overflow: hidden;
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.reveal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1005;
display: none;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll; }
.reveal {
z-index: 1006;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: none;
padding: 3rem;
border: 1px solid;
border-radius: 0;
background-color: #fff;
position: relative;
top: 100px;
margin-right: auto;
margin-left: auto;
overflow-y: auto; }
[data-whatinput='mouse'] .reveal {
outline: 0; }
@media print, screen and (min-width: 48em) {
.reveal {
min-height: 0; } }
.reveal .column, .reveal .columns {
min-width: 0; }
.reveal > :last-child {
margin-bottom: 0; }
@media print, screen and (min-width: 48em) {
.reveal {
right: auto;
left: auto;
margin: 0 auto;
width: 600px;
max-width: 120rem; } }
.reveal.collapse {
padding: 0; }
@media print, screen and (min-width: 48em) {
.reveal.tiny {
right: auto;
left: auto;
margin: 0 auto;
width: 30%;
max-width: 120rem; } }
@media print, screen and (min-width: 48em) {
.reveal.small {
right: auto;
left: auto;
margin: 0 auto;
width: 50%;
max-width: 120rem; } }
@media print, screen and (min-width: 48em) {
.reveal.large {
right: auto;
left: auto;
margin: 0 auto;
width: 90%;
max-width: 120rem; } }
.reveal.full {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; }
@media screen and (max-width: 34.1875em) {
.reveal {
top: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
height: 100vh;
min-height: 100vh;
margin-left: 0;
border: 0;
border-radius: 0; } }
.reveal.without-overlay {
position: fixed; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px;
font-weight: bold;
cursor: help; }
.tooltip {
position: absolute;
top: calc(100% + 0.6495rem);
z-index: 1200;
max-width: 10rem;
padding: 0.75rem;
border-radius: 0;
background-color: #0a0a0a;
font-size: 80%;
color: #fff; }
.tooltip::before {
position: absolute; }
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #0a0a0a;
bottom: 100%; }
.tooltip.bottom.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto; }
.tooltip.top.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #0a0a0a;
left: 100%; }
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #0a0a0a transparent transparent;
right: 100%;
left: auto; }
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%); }
.tooltip.align-top::before {
bottom: auto;
top: 10%; }
.tooltip.align-bottom::before {
bottom: 10%;
top: auto; }
.tooltip.align-left::before {
left: 10%;
right: auto; }
.tooltip.align-right::before {
left: auto;
right: 10%; }
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
transform: translateY(0); }
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
transform: translateX(100%);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
transform: translateX(0); }
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%); }
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
transform: translateX(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
transform: translateX(100%); }
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
transform: translateY(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
transform: translateX(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
transform: translateX(-100%); }
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity; }
.fade-in.mui-enter.mui-enter-active {
opacity: 1; }
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity; }
.fade-out.mui-leave.mui-leave-active {
opacity: 0; }
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
transform-origin: top;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
transform-origin: right;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
transform-origin: left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1; }
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
transform-origin: top;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
transform-origin: right;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
transform-origin: bottom;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0; }
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
transform-origin: left;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0; }
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0; }
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
transform-origin: center;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0; }
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
transform: scale(1.5);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
transform: scale(1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: 0; }
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
transform: scale(1);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0; }
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
transform: rotate(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0; }
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0; }
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1; }
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
transform: rotate(0);
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1; }
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0; }
.slow {
transition-duration: 750ms !important; }
.fast {
transition-duration: 250ms !important; }
.linear {
transition-timing-function: linear !important; }
.ease {
transition-timing-function: ease !important; }
.ease-in {
transition-timing-function: ease-in !important; }
.ease-out {
transition-timing-function: ease-out !important; }
.ease-in-out {
transition-timing-function: ease-in-out !important; }
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; }
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; }
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; }
.short-delay {
transition-delay: 300ms !important; }
.long-delay {
transition-delay: 700ms !important; }
/*
reset
*/
* {
box-sizing: border-box; }
ul, ol {
margin: 0;
padding: 0; }
td, tr, table, tbody {
padding: 0;
margin: 0; }
h1, h2, h3, h4, h5, h6, p {
margin: 0; }
ul {
list-style: none; }
/*
reset :: END
*/
html, body {
height: 100%;
margin: 0;
scroll-behavior: smooth; }
html {
font-size: 62.5%; }
body {
color: black;
font-family: "Montserrat", sans-serif;
font-size: 1.4rem;
line-height: 1.5;
text-align: center; }
@media print, screen and (min-width: 64em) {
body {
font-size: 1.8rem;
line-height: 1.5; } }
b, strong {
font-weight: 700; }
h1 {
font-size: 2rem;
font-family: "Montserrat", sans-serif;
color: black;
font-style: italic; }
@media print, screen and (min-width: 48em) {
h1 {
font-size: 2rem; } }
@media print, screen and (min-width: 64em) {
h1 {
font-size: 3rem; } }
a, .link {
background: none;
border: none;
text-decoration: none;
cursor: pointer;
transition: color 0.1s linear;
pointer-events: all; }
a:hover, .link:hover {
transition: color 0.1s linear; }
table {
width: 100%;
border: 0; }
tr {
margin: 0.5rem 0; }
td + td {
padding-left: 1rem; }
::-moz-selection {
background: red;
background: rgba(255, 0, 0, 0.2); }
::selection {
background: red;
background: rgba(255, 0, 0, 0.2); }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.canvas {
position: relative;
padding: 4rem 2rem;
z-index: 0; }
@media print, screen and (min-width: 48em) {
.canvas {
padding: 6rem 0; } }
@media screen and (min-width: 75em) {
.canvas {
padding: 6rem 0; } }
@media screen and (min-width: 85.375em) {
.canvas {
padding: 8rem 0; } }
.canvas--intro {
padding-top: 8rem; }
@media print, screen and (min-width: 48em) {
.canvas--intro {
padding-top: 10rem; } }
.canvas--white {
background: white; }
.canvas--first {
padding-top: 10rem; }
@media print, screen and (min-width: 48em) {
.canvas--first {
padding-top: 14rem; } }
.canvas--bg {
padding: 0; }
.canvas--gray {
background: #F3F3F3; }
.canvas--map {
padding-bottom: 0; }
.canvas--footer {
background: #F3F3F3;
padding-top: 4rem;
padding-bottom: 4rem;
border-top: 0.1rem solid #e1dfdf; }
.canvas--footer .column, .canvas--footer .columns {
margin-bottom: 4rem; }
@media print, screen and (min-width: 64em) {
.canvas--footer .column, .canvas--footer .columns {
margin-bottom: 0; } }
.canvas--pros + .canvas--pros {
padding-top: 6rem;
margin-top: -2rem; }
.canvas--pros + .canvas--pros:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: #e1dfdf;
height: .15rem;
width: calc(100% - 6rem);
max-width: 114rem;
margin: auto; }
.canvas--posts {
display: none; }
@media print, screen and (min-width: 48em) {
.canvas--posts {
display: block; } }
.canvas--breadcrumbs {
margin-top: 6rem;
background: white;
padding-top: 4rem;
padding-bottom: 4rem; }
.canvas--product {
text-align: left; }
@media screen and (min-width: 85.375em) {
.canvas--product {
padding: 10rem 0; } }
.canvas--category + .canvas--product {
padding-top: 0; }
.canvas--cat {
background: #F3F1F2; }
.canvas--cat::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30rem;
background: linear-gradient(0deg, #F3F1F2 0%, white 100%); }
.canvas--white + .canvas--white {
padding-top: 0; }
.canvas--first + .canvas--white {
padding-top: 0; }
.canvas--white + .canvas--map {
padding-top: 0; }
.canvas--first + .canvas--map {
padding-top: 0; }
.canvas--product + .canvas--product {
padding-top: 0; }
.canvas--cat + .canvas--product {
padding-top: 8rem; }
.canvas--product + .canvas--uni {
background: #ec1c24; }
.canvas--product + .canvas--uni .title-2, .canvas--product + .canvas--uni p {
color: white; }
.canvas--product + .canvas--uni .btn {
background: white;
color: #ec1c24; }
.canvas--product + .canvas--uni .btn:hover {
background: #4B4A4A;
color: white; }
.canvas--breadcrumbs + .canvas--product {
padding-top: 4rem; }
.canvas--pros + .canvas--white:before {
content: ' ';
position: absolute;
max-width: calc(100% - 2rem);
width: 114rem;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 1px;
background: #e1dfdf; }
.canvas > .content:first-of-type {
margin-top: 0; }
.canvas--first + .blog__product {
margin-top: -3rem; }
@media print, screen and (min-width: 48em) {
.canvas--first + .blog__product {
margin-top: -4rem; } }
@media screen and (min-width: 75em) {
.canvas--first + .blog__product {
margin-top: -6rem; } }
@media screen and (min-width: 85.375em) {
.canvas--first + .blog__product {
margin-top: -8rem; } }
.row--negative {
margin-top: -1rem;
margin-bottom: -1rem; }
@media print, screen and (min-width: 48em) {
.row--negative {
margin-top: -3rem;
margin-bottom: -3rem; } }
.row--negative .column, .row--negative .columns {
margin-top: 1rem;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.row--negative .column, .row--negative .columns {
margin-top: 3rem;
margin-bottom: 3rem; } }
.row--wide {
max-width: 155rem; }
.large-5 {
width: 20%;
float: left;
padding-right: 0.5rem;
padding-left: 0.5rem; }
@media print, screen and (min-width: 48em) {
.large-5 {
padding-right: 3rem;
padding-left: 3rem; } }
.large-5:last-child:not(:first-child) {
float: right; }
@media print, screen and (min-width: 64em) {
.large-5 {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto; } }
.reveal {
padding: 6rem 4rem;
border: none;
outline: none;
width: 100%;
max-width: 90rem;
text-align: left; }
.reveal--benefit {
max-width: 120rem;
padding: 6rem 2rem; }
.close-button {
width: 5rem;
height: 5rem;
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;
position: absolute;
top: 0;
right: 0;
background: #ec1c24;
border: none;
cursor: pointer;
transition: all ease .3s; }
.close-button img {
width: 3rem;
height: 3rem; }
.close-button:hover {
background: #4B4A4A;
transition: all ease .3s; }
.hamburger {
padding: .2rem !important; }
.hamburger-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .5rem !important; }
.common-img {
height: auto;
max-width: 100%; }
.common-link {
color: #ec1c24 !important;
text-decoration: none !important;
font-style: normal !important;
font-size: 1.6rem !important;
line-height: 1.1;
display: block;
margin-top: .5rem; }
.common-link + .common-link {
margin-top: 1rem; }
.common-link:hover {
color: #4B4A4A !important;
text-decoration: underline !important; }
#status {
display: none; }
.close-button {
background: #ed1d27;
height: 45px;
width: 45px;
position: fixed;
top: 0;
right: 0; }
@media print, screen and (min-width: 48em) {
.close-button {
height: 60px;
width: 60px;
position: absolute; } }
.large {
max-width: 1500px !important; }
.text-white {
color: white !important; }
.text-bold {
font-weight: 600 !important; }
.extrabold {
font-weight: 700 !important; }
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none; }
.overflow-hidden {
overflow: hidden; }
.map {
height: 50rem;
width: 100%; }
.map__filter .filter__row {
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: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 2rem;
max-width: 90rem;
margin: 4rem auto 2rem auto; }
@media print, screen and (min-width: 48em) {
.map__filter .filter__row {
-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; } }
.map__filter .filter__item {
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;
margin-bottom: 1rem;
cursor: pointer; }
@media print, screen and (min-width: 48em) {
.map__filter .filter__item {
margin: 0 2rem; } }
.map__filter .filter__item .colorbullet {
opacity: .3;
transition: all ease .3s; }
.map__filter .filter__item .active {
opacity: 1;
transition: all ease .3s; }
.map__filter .filter__caption {
margin-left: 1rem;
font-size: 1.6rem; }
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; }
.has-tip {
position: relative;
display: inline-block;
border-bottom: none;
font-weight: unset;
cursor: help; }
.tooltip {
max-width: 25rem;
font-size: 1.4rem;
text-align: left;
line-height: 1.3;
padding: 1rem;
background: #4B4A4A;
color: white;
font-weight: 400;
border-radius: 1rem; }
.tooltip:before {
border-color: #4B4A4A; }
.tooltip.bottom::before {
border-color: transparent transparent #4B4A4A; }
.tooltip.top::before {
border-color: #4B4A4A transparent transparent; }
.tooltip.left::before {
border-color: transparent transparent transparent #4B4A4A; }
.tooltip.right::before {
border-color: transparent #4B4A4A transparent transparent; }
.custom-tooltip {
position: fixed;
right: -23rem;
top: 70vh;
background: white;
width: 25rem;
padding: 2rem;
text-align: left;
z-index: 999;
transition: all ease-in-out .4s;
border-top-left-radius: .8rem;
border-bottom-left-radius: .8rem;
border-left: 4px solid #ec1c24;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
display: none; }
@media screen and (min-width: 85.375em) {
.custom-tooltip {
display: block; } }
.custom-tooltip__active {
right: 0;
transition: all ease-in-out .4s; }
.custom-tooltip__title {
color: #4B4A4A;
font-weight: 700;
font-size: 1.6rem;
line-height: 1.2;
margin-bottom: .6rem; }
.custom-tooltip__text {
font-size: 1.4rem;
color: #000000; }
.custom-tooltip__text p {
color: #000000;
font-size: 1.4rem;
line-height: 1.2; }
.custom-tooltip__text a {
color: #4B4A4A;
font-size: 1.4rem;
text-decoration: underline; }
.custom-tooltip__text a:hover {
text-decoration: none; }
.custom-tooltip__link {
color: #ec1c24;
font-size: 1.4rem; }
.custom-tooltip__link:hover {
text-decoration: underline; }
.display-none {
display: none !important; }
.desktop-only {
display: none; }
@media screen and (min-width: 85.375em) {
.desktop-only {
display: block;
padding-top: 0; } }
.anchor {
position: absolute;
height: 0;
width: 0;
left: 0;
top: -10rem; }
.orejime-Notice-actionItem--decline {
display: none !important; }
.page__show {
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;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; }
.page__show--secondary {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.page__show--secondary .page__show-box {
margin-right: 0; }
@media print, screen and (min-width: 48em) {
.page__show--secondary .page__show-box {
margin-left: 8rem; } }
.page__show--secondary .text--bullets ul {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.page__show--secondary .text--bullets ul li {
width: 100%;
margin-top: 0;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.page__show--secondary .text--bullets ul li {
width: 50%;
padding-right: 2rem; } }
.page__show-box {
position: relative;
z-index: 2;
background-color: white;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
padding: 3rem;
max-width: 50rem;
width: 100%;
text-align: left; }
@media print, screen and (min-width: 64em) {
.page__show-box {
margin-top: -25%;
margin-right: 8rem; } }
.page__show-img {
width: 100%;
height: auto; }
.page__show-text {
margin-bottom: 2rem; }
.page__show-time {
text-align: center;
font-weight: 500;
margin-top: 2rem;
margin-bottom: 1rem; }
.page__show-btn {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media print, screen and (min-width: 64em) {
.page__show-btn {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.page__show-con {
text-align: left;
font-size: 1.4rem;
margin-right: 4rem; }
@media print, screen and (min-width: 48em) {
.page__show-con {
max-width: 10rem; } }
.page__show-phone {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2rem; }
.page__show-icon {
width: 2rem;
height: auto;
margin-right: 1.5rem;
margin-top: 1rem;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.page__show-icon {
width: 4rem;
margin-top: 0;
margin-bottom: 0; } }
.page__dark-title {
margin-top: 6rem; }
.page__dark-img {
width: 100%;
height: auto;
display: block;
margin: 3rem 0; }
.cursor-pointer {
display: inline-block;
cursor: pointer; }
/*---------------------------------------------------
Typography
---------------------------------------------------*/
.title-1 {
font-size: 3rem;
line-height: 1.1;
font-weight: 600;
color: #4B4A4A; }
.title-2 {
font-size: 2rem;
line-height: 1.4;
font-weight: 300;
color: #4B4A4A; }
.title-3 {
font-size: 1.5rem;
line-height: 1;
font-weight: 400;
color: #4B4A4A;
text-transform: uppercase;
font-style: normal;
letter-spacing: 0.1rem; }
.title-4 {
font-size: 1.8rem;
line-height: 1.4;
font-weight: 600;
color: #4B4A4A; }
.title-5 {
font-size: 1.5rem;
line-height: 1.4;
font-weight: 700;
color: #ec1c24;
text-transform: uppercase;
font-style: normal; }
.title-6 {
font-size: 1.6rem;
line-height: 1.3;
font-weight: 700;
color: #4B4A4A; }
.title-7 {
font-size: 1.6rem;
line-height: 1.3;
font-weight: 700;
color: #4B4A4A; }
.title-8 {
font-size: 3rem;
line-height: 1.1;
font-weight: 400;
color: #4B4A4A; }
.title-9 {
font-size: 2.4rem;
line-height: 1.1;
font-weight: 400;
color: #4B4A4A; }
.title-10 {
font-size: 2rem;
line-height: 1.3;
font-weight: 400;
color: #4B4A4A; }
.title-11 {
font-size: 2rem;
line-height: 1.3;
font-weight: 300;
color: #ec1c24; }
.title-12 {
font-size: 2rem;
line-height: 1.3;
font-weight: 600;
color: #ec1c24; }
.title-13 {
font-size: 3rem;
line-height: 1.1;
font-weight: 600;
color: #4B4A4A; }
@media print, screen and (min-width: 48em) {
.title-1 {
font-size: 3.6rem; }
.title-2 {
font-size: 2.6rem; }
.title-3 {
font-size: 2rem; }
.title-4 {
font-size: 1.8rem; }
.title-5 {
font-size: 1.8rem; }
.title-6 {
font-size: 1.7rem; }
.title-7 {
font-size: 1.9rem; }
.title-8 {
font-size: 3.6rem; }
.title-9 {
font-size: 3rem; }
.title-10 {
font-size: 2.4rem; }
.title-11 {
font-size: 2.6rem; }
.title-12 {
font-size: 2.6rem; }
.title-13 {
font-size: 3.6rem; } }
@media screen and (min-width: 75em) {
.title-1 {
font-size: 3.9rem; }
.title-8 {
font-size: 4.2rem; } }
@media screen and (min-width: 85.375em) {
.title-1 {
font-size: 4.6rem; }
.title-2 {
font-size: 3.2rem; }
.title-3 {
font-size: 1.8rem; }
.title-4 {
font-size: 2rem; }
.title-5 {
font-size: 1.9rem; }
.title-6 {
font-size: 1.8rem; }
.title-7 {
font-size: 2.2rem; }
.title-8 {
font-size: 4.6rem; }
.title-9 {
font-size: 3.6rem; }
.title-10 {
font-size: 2.8rem; }
.title-11 {
font-size: 3.2rem; }
.title-12 {
font-size: 3.4rem; }
.title-13 {
font-size: 6rem; } }
p {
color: #000000;
font-size: 1.6rem; }
@media print, screen and (min-width: 48em) {
p {
font-size: 1.8rem; } }
h1, h2, h3 {
font-style: normal; }
h2 + p {
margin-top: 1rem; }
h3 + p {
margin-top: .5rem; }
.title-3 + .title-1 {
margin-top: 2rem; }
.title-1 + p {
margin-top: 2rem; }
.title-2 + .title-3 {
margin-top: 2rem; }
.title-3 + .text-3 {
margin-top: 1rem; }
@media screen and (min-width: 85.375em) {
.title-3 + .text-3 {
margin-top: 2rem; } }
.text-3 h3 + p {
margin-top: 1rem; }
.text-3 p {
margin-bottom: 3rem; }
.title-3 + .text-9 {
margin-top: 2rem;
margin-bottom: 2rem; }
@media screen and (min-width: 85.375em) {
.title-3 + .text-9 {
margin-top: 3rem;
margin-bottom: 2rem; } }
.text-3 + .common-img,
.common-img + .text-3 {
margin-top: 2rem; }
.v-s-3 {
margin-top: 2rem; }
.v-s-6 {
margin-top: 6rem; }
.common-text {
color: #000000;
font-size: 1.8rem;
font-weight: 400; }
.common-text p {
color: #000000;
font-size: 1.8rem; }
.common-text h3 {
font-size: 1.8rem;
line-height: 1.4;
font-weight: 600;
color: #4B4A4A; }
.text {
color: #000000;
font-size: 1.8rem;
font-weight: 400; }
.text p {
color: #000000;
font-size: 1.8rem; }
.text h3 {
font-size: 2.2rem;
line-height: 1.4;
font-weight: 600;
color: #4B4A4A;
margin-bottom: 1rem; }
.text {
color: #000000;
font-size: 1.6rem;
font-weight: 400; }
@media print, screen and (min-width: 48em) {
.text {
font-size: 1.8rem; } }
.text a {
color: inherit;
text-decoration: underline; }
.text a:hover {
text-decoration: none; }
.text p {
color: #000000;
font-size: 1.6rem; }
@media print, screen and (min-width: 48em) {
.text p {
font-size: 1.8rem; } }
.text h2 {
font-size: 3.2rem;
line-height: 1.2;
font-weight: 600;
color: #4B4A4A;
margin-bottom: .5rem; }
@media print, screen and (min-width: 48em) {
.text h2 {
font-size: 4rem; } }
.text h3 {
font-size: 2.4rem;
line-height: 1.2;
font-weight: 600;
color: #4B4A4A;
margin-bottom: .5rem; }
@media print, screen and (min-width: 48em) {
.text h3 {
font-size: 3.2rem; } }
.text h4 {
font-size: 2rem;
line-height: 1.4;
font-weight: 600;
color: #000000;
margin-bottom: .5rem; }
.text p + p {
margin-top: 1rem; }
.text h2 + p {
margin-top: 1rem; }
.text h3 + p {
margin-top: 1rem; }
.text h4 + p {
margin-top: 1rem; }
.text p + h2 {
margin-top: 2rem; }
.text p + h3 {
margin-top: 2rem; }
.text p + h4 {
margin-top: 2rem; }
.text ol {
margin-top: 2rem;
padding: 0 2rem 0 2.5rem; }
.text ul {
padding: 0 2rem 0 2.5rem;
list-style-type: disc;
text-align: left;
font-size: 1.6rem;
margin-top: 1rem; }
@media print, screen and (min-width: 48em) {
.text ul {
font-size: 1.8rem; } }
.text li {
position: relative;
margin-bottom: 1.5rem; }
.text--bullets {
margin-top: 1.5rem;
color: black; }
.text--bullets p {
color: black; }
.text--bullets ul {
margin-top: 3rem;
padding: 0 2rem 0 4rem;
list-style: none; }
.text--bullets li {
text-align: left;
margin-top: 1rem;
position: relative; }
.text--bullets li::before {
content: '';
position: absolute;
top: .5rem;
left: -3.5rem;
margin: auto;
width: 2rem;
height: 2rem;
background-image: url("../img/tickRed.svg");
background-repeat: no-repeat;
background-position: left center;
background-size: contain; }
.text--benefits h3 {
font-size: 2rem;
line-height: 1.2;
font-weight: 600;
color: #4B4A4A;
margin-bottom: .5rem; }
@media print, screen and (min-width: 48em) {
.text--benefits h3 {
font-size: 2.2rem; } }
.text--benefits a {
color: #ec1c24;
text-decoration: none; }
.text--benefits a:hover {
text-decoration: underline; }
.text--colors {
width: 100%;
font-size: 1.4rem; }
.text--colors p {
font-size: 1.4rem; }
.text--colors h3 {
font-size: 2rem;
line-height: 1.2;
font-weight: 600;
color: #4B4A4A;
margin-bottom: .5rem; }
@media print, screen and (min-width: 48em) {
.text--colors h3 {
font-size: 2.2rem; } }
.text--colors a {
color: #ec1c24;
text-decoration: none; }
.text--colors a:hover {
text-decoration: underline; }
.page-name {
text-transform: uppercase;
margin-bottom: 1.5rem;
letter-spacing: .05rem;
font-size: 1.8rem;
font-style: normal;
font-weight: 400;
color: #4B4A4A; }
.text-black {
color: #4B4A4A; }
.text-red {
color: #ec1c24; }
.font-script {
font-family: 'Kalam', cursive;
font-size: 3.6rem;
line-height: 1.4; }
/*
utility classes
*/
.audible {
left: -10000px;
position: absolute;
top: -10000px; }
.d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.mt-1 {
margin-top: 1rem; }
.mt-2 {
margin-top: 2rem; }
.mt-3 {
margin-top: 3rem; }
.mt-4 {
margin-top: 4rem; }
.mb-1 {
margin-bottom: 1rem; }
.mb-2 {
margin-bottom: 2rem; }
.mb-3 {
margin-bottom: 3rem; }
.mb-4 {
margin-bottom: 4rem; }
@media print, screen and (min-width: 64em) {
.mt-large-1 {
margin-top: 1rem; }
.mt-large-2 {
margin-top: 2rem; }
.mt-large-3 {
margin-top: 3rem; }
.mt-large-4 {
margin-top: 4rem; }
.mt-large-5 {
margin-top: 5rem; }
.mt-large-8 {
margin-top: 8rem; } }
.ml-1 {
margin-left: 1rem; }
.ml-2 {
margin-left: 2rem; }
.uppercase {
text-transform: uppercase; }
.text-left {
text-align: left !important; }
.text-center {
text-align: center !important; }
.text-right {
text-align: right !important; }
.hidden {
display: none; }
.clear-both {
clear: both; }
.xxlarge-hide {
display: block !important; }
.xxlarge-show {
display: none !important; }
@media screen and (min-width: 85.375em) {
.xxlarge-hide {
display: none !important; }
.xxlarge-show {
display: block !important; } }
/*---------------------------------------------------
Components
---------------------------------------------------*/
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 0.2em 0.2em;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 1; }
.hamburger-box {
width: 2rem;
height: 1.4rem;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -0.1rem; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 2rem;
height: 0.2rem;
background-color: currentColor;
border-radius: 0.2rem;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -0.6rem; }
.hamburger-inner::after {
bottom: -0.6rem; }
/*
* 3DX
*/
.hamburger--3dx .hamburger-box {
-webkit-perspective: 4rem;
perspective: 4rem; }
.hamburger--3dx .hamburger-inner {
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 0.6rem, 0) rotate(45deg);
transform: translate3d(0, 0.6rem, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -0.6rem, 0) rotate(-45deg);
transform: translate3d(0, -0.6rem, 0) rotate(-45deg); }
/*------------------------------------------
Hlavička webu a navigace
--------------------------------------------*/
.header {
width: 100%;
height: 6rem;
position: fixed;
top: 0;
z-index: 1000;
padding: 0 1.5rem;
box-sizing: border-box;
color: black;
background: white;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.05); }
@media screen and (min-width: 34.25em) {
.header {
padding: 0 3rem; } }
@media screen and (min-width: 85.375em) {
.header {
background: white;
height: 6rem;
padding: 0 3rem; } }
.header--scrolled {
height: 6rem;
background: white; }
.header--hide {
opacity: 0;
visibility: hidden; }
@media print, screen and (min-width: 48em) {
.header--hide {
visibility: visible;
opacity: 1; } }
.header .btn {
font-size: 1.35rem;
padding: 1rem 3rem; }
.header__logo {
display: block;
z-index: 999;
transition: all ease .4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header__logo img {
height: 2.8;
width: 11rem; }
@media print, screen and (min-width: 48em) {
.header__logo img {
height: 4rem;
width: 15.6rem; } }
.header__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: inherit;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto;
max-width: 150rem; }
.header__collapse {
position: fixed;
z-index: -1;
top: 0;
left: 0;
bottom: 0;
width: 100%;
padding: 1rem;
background-color: white;
overflow-y: scroll;
overflow-x: hidden;
opacity: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
box-shadow: 0 0 4px #4d4d4d;
transition: opacity .3s linear, -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out, opacity .3s linear;
transition: transform .3s ease-in-out, opacity .3s linear, -webkit-transform .3s ease-in-out;
background-size: cover;
background-position: center; }
@media screen and (min-width: 85.375em) {
.header__collapse {
background-image: none; } }
.header__collapse-helper {
position: fixed;
top: 86px;
left: 0;
bottom: 0;
width: 100%;
overflow: auto; }
.header__collapse--in {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
height: 100vh; }
.header__collapse--in ~ .hamburger-wrapper {
color: #4d4d4d; }
.hamburger, .hamburger-wrapper {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; }
.hamburger:focus {
outline: none; }
.hamburger-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: .5em;
padding-right: 0;
-webkit-appearance: none !important;
color: inherit;
position: absolute;
top: 0;
bottom: 0;
right: 1.5rem;
margin: auto; }
.hamburger-wrapper:hover, .hamburger-wrapper:active {
text-decoration: none;
color: inherit; }
.hamburger__text {
font-size: 2rem;
padding-right: .25em;
font-family: "Montserrat", sans-serif; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
color: #000000; }
.hamburger-text {
color: #000000;
text-transform: uppercase;
font-weight: 500;
font-size: 1.4rem;
margin-right: .6rem; }
.scrolling--disabled {
overflow: hidden;
position: fixed; }
.nav {
padding: 0 0 12rem 0;
margin-top: 0;
font-family: "Montserrat", sans-serif; }
.nav__products {
position: fixed;
width: 100%;
top: 8rem;
z-index: 9999;
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
transition: all ease .3s;
max-height: calc(100vh - 12rem);
overflow: auto;
padding-bottom: 4rem;
display: none; }
@media screen and (min-width: 85.375em) {
.nav__products {
z-index: 999;
top: 5rem;
display: block; } }
.nav__products .title-5 {
font-size: 1.5rem !important;
white-space: nowrap; }
.nav__products .home__prods-subcategory {
font-size: 1.4rem !important; }
.nav__products:hover {
-webkit-transform: translateY(0%);
transform: translateY(0%);
transition: all ease .3s; }
.nav__products--active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
transition: all ease .3s; }
.nav__products-box {
background: white;
padding: 4rem 3rem;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: calc(100% - 12rem);
max-width: 150rem;
margin: auto; }
@media screen and (min-width: 85.375em) {
.nav__products-box {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25); } }
.nav__products-box .home__prods-item {
background: transparent;
padding: 0;
min-height: auto;
padding-right: 3rem;
pointer-events: all; }
.nav__products-img {
width: 10rem;
height: 10rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center;
margin-bottom: 1rem; }
.nav__item {
color: white;
display: block;
font-size: 1.4rem;
height: 100%;
margin-top: 1rem;
padding: 0 .25em .5em 0;
position: relative;
text-align: center;
text-decoration: none; }
.nav__item-img {
height: 1.8rem;
width: auto;
margin: .5rem 1rem 0 .5rem; }
.nav__item:first-of-type {
margin-top: 1em; }
.nav__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left; }
@media print, screen and (min-width: 48em) {
.nav__logo {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.nav__btn {
margin-top: 1rem; }
.nav__link {
color: #000000;
text-transform: uppercase;
line-height: 1;
position: relative;
text-decoration: none;
transition: color 0.1s linear;
font-weight: 600;
letter-spacing: 0.1rem; }
.nav__link--products {
cursor: default; }
.nav__link--products:hover .nav__products {
display: block; }
.nav__link--desktop {
display: none; }
.nav__link--phone:hover {
color: black; }
.nav__list {
margin-top: .5rem;
padding-left: 0;
text-align: center; }
.header--dark {
background-color: white;
color: #ec1c24; }
.header--dark .hamburger-wrapper {
color: #ec1c24; }
.header--dark .hamburger-inner, .header--dark .hamburger-inner:before, .header--dark .hamburger-inner:after {
background-color: #ec1c24; }
@media screen and (orientation: landscape) {
.header:before {
-webkit-transform: skewY(-5deg);
transform: skewY(-5deg); } }
@media print, screen and (min-width: 48em) {
.header:before {
-webkit-transform: skewY(-4deg);
transform: skewY(-4deg); } }
@media screen and (min-width: 75em) {
.header:before {
height: 11rem;
-webkit-transform: skewY(-3deg);
transform: skewY(-3deg); } }
@media screen and (min-width: 85.375em) {
.hamburger-wrapper {
display: none; }
.header {
height: 6rem;
padding: 0 5rem; }
.header:before {
height: 15rem;
-webkit-transform: skewY(-3.2deg);
transform: skewY(-3.2deg); }
.header__logo img {
height: 4rem;
width: 15.6rem; }
.header__collapse {
height: inherit;
padding: 0;
position: static;
opacity: 1;
z-index: 1;
margin-left: auto;
background-color: transparent;
overflow: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
transition: none;
box-shadow: none; }
.header__collapse-helper {
position: static;
height: inherit;
overflow: hidden; }
.nav {
display: inline-block;
margin-top: 0;
padding: 0;
height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.nav__list {
margin: 0;
height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.nav__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.35rem;
text-transform: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0 .1em; }
.nav__item:first-of-type {
margin-top: 0; }
.nav__item + .nav__item {
margin-left: .5rem;
margin-top: 0; }
.nav__btn {
margin-top: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.nav__link {
padding: 0;
height: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
margin: 0 .5rem;
transition: color linear .3s; }
.nav__link:after {
background-color: #ec1c24;
top: 0;
content: " ";
height: 0;
left: 0;
position: absolute;
transition: height .2s ease;
width: 100%; }
.nav__link:hover, .nav__link:active, .nav__link--active {
color: #ec1c24;
transition: color linear .3s; }
.nav__link:hover:after, .nav__link:active:after, .nav__link--active:after {
transition: height .2s ease;
height: .5rem; } }
@media screen and (min-width: 85.375em) {
.nav__item {
font-size: 1.4rem;
padding: 0 .2em; }
.header .btn {
font-size: 1.4rem; } }
@media screen and (min-width: 100em) {
.header:before {
height: 17rem; }
.header__logo--lg svg {
height: 6rem; } }
@keyframes roll-in-top {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: .2; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@keyframes roll-in-left {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: .2; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes roll-in-top {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: .2; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
@-webkit-keyframes roll-in-left {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: .2; }
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1; } }
.nav__cta {
position: absolute;
left: 10rem;
right: 2.5rem;
margin: auto;
font-size: 1.2rem;
color: #ec1c24;
padding: .5rem;
border: 1px solid #ec1c24;
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;
max-width: 11rem;
text-align: center;
white-space: nowrap;
text-transform: uppercase;
border-radius: .8rem; }
@media screen and (min-width: 34.25em) {
.nav__cta {
padding: 1.1rem 2.8rem;
border-radius: 3rem;
font-weight: 600;
letter-spacing: 0.1rem;
font-size: 1.3rem;
max-width: 16rem; } }
@media print, screen and (min-width: 48em) {
.nav__cta {
left: 0;
right: 2.0; } }
@media screen and (min-width: 85.375em) {
.nav__cta {
display: none; } }
.hamburger {
border: 1px solid #000000;
border-radius: .8rem;
padding: .6rem !important; }
.home__house {
margin-top: 8rem;
overflow: hidden; }
.home__house .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home__house-btn {
margin-top: 3rem;
margin-bottom: 3rem; }
.home__house-box {
position: relative;
margin-top: 4rem; }
@media print, screen and (min-width: 64em) {
.home__house-box {
margin-top: 0;
width: 120%; } }
.home__house-img {
width: 150%;
height: auto;
display: block;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
margin-left: -45%;
margin-bottom: 2rem; }
@media print, screen and (min-width: 64em) {
.home__house-img {
width: 100%;
-webkit-transform: none;
transform: none;
margin-left: 0;
margin-bottom: 0; } }
.home__house-box {
position: relative; }
.home__house-links {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media print, screen and (min-width: 48em) {
.home__house-links {
gap: 2rem; } }
.home__house-links .home__prods-item {
background: white;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.05);
padding: 1.5rem;
min-height: auto;
margin-bottom: 2rem;
width: 100%; }
@media print, screen and (min-width: 48em) {
.home__house-links .home__prods-item {
width: calc(50% - 1rem);
margin-bottom: 0rem; } }
@media print, screen and (min-width: 64em) {
.home__house-links .home__prods-item {
width: 36%;
position: absolute;
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.home__house-links .home__prods-item--4 {
top: -20%;
left: -5%; }
.home__house-links .home__prods-item--2 {
top: -45%;
left: 26%; }
.home__house-links .home__prods-item--5 {
top: -20%;
left: 57%; }
.home__house-links .home__prods-item--1 {
top: 86%;
left: -6%; }
.home__house-links .home__prods-item--3 {
top: 92%;
left: 25%; }
.home__house-links .home__prods-item--6 {
top: 84%;
left: 56%; } }
@media screen and (min-width: 100em) {
.home__house-links .home__prods-item {
-webkit-transform: scale(1);
transform: scale(1);
width: 29%; }
.home__house-links .home__prods-item--4 {
top: -10%;
left: 0; }
.home__house-links .home__prods-item--2 {
top: -27%;
left: 30%; }
.home__house-links .home__prods-item--5 {
top: -5%;
left: 60.2%; }
.home__house-links .home__prods-item--1 {
top: 86%;
left: 2%; }
.home__house-links .home__prods-item--3 {
top: 92%;
left: 32%; }
.home__house-links .home__prods-item--6 {
top: 84%;
left: 61.9%; } }
.home__house-links .home__prods-text {
margin-left: 30%;
line-height: 1.1;
width: 70%; }
.home__house-links .home__prods-img {
top: 0;
bottom: 0;
left: 2rem;
right: auto;
margin: auto;
width: 25%;
-o-object-position: center;
object-position: center; }
.home__house-links .home__prods-subcategory {
display: inline;
font-size: 1.4rem; }
.home__house-links .home__prods-category {
font-size: 1.6rem; }
.home__carousel {
margin-top: 6rem; }
.home__carousel .owl-stage {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.home__carousel .owl-stage-outer {
width: calc(100% + 3rem); }
.home__carousel .owl-dots {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: -3.2rem; }
.home__carousel .owl-dot {
width: 2rem;
height: 2rem;
border: 0.2rem solid #ec1c24 !important;
margin: .5rem;
border-radius: 50%;
background: white; }
.home__carousel .owl-dot.active {
background: #ec1c24; }
.home__carousel .news__arrow {
margin: 0 5rem; }
.home__carousel-btn {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 6rem;
border-top: 0.1rem solid #ec1c24;
border-bottom: 0.1rem solid #ec1c24;
padding: 2rem; }
.home__carousel-play {
width: 8rem;
height: auto;
margin: 2rem; }
.home__carousel-item {
height: 100%; }
.home__carousel-item--link:hover h3 {
text-decoration: underline; }
.home__carousel-item--link:hover .common-link-line {
text-decoration: underline;
color: #4B4A4A; }
.home__carousel-title {
text-transform: uppercase;
font-size: 1.8rem;
color: #ec1c24;
max-width: 24rem;
text-align: left; }
.home__carousel-modal {
padding: 0; }
.home__carousel-modal iframe {
display: block;
width: 100%;
height: 50rem; }
.home__carousel-img {
width: 100%;
height: auto; }
.home__carousel-box {
width: calc(100% - 1rem);
text-align: left;
position: relative;
background-color: white;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
padding: 3rem;
z-index: 9;
-webkit-transform: translateX(3rem);
transform: translateX(3rem);
margin-top: -3rem;
margin-bottom: 5rem; }
.home__carousel-box .common-link-line {
display: block;
margin-top: -1rem;
font-size: 1.6rem;
color: #ec1c24; }
.home__carousel-box .common-link-line:hover {
color: #4B4A4A;
text-decoration: underline; }
.home__video {
position: relative;
padding-bottom: 56.25%;
height: 0; }
.home__video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.home__partners {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-weight: 400;
font-size: 1.6rem;
color: #4B4A4A;
margin-top: 4rem; }
.home__partners-text {
width: 100%; }
.home__partners-item {
margin-right: 3rem;
margin-top: 1rem; }
.home__partners-img {
width: 15rem;
height: auto; }
.home__acrylcolor-title {
max-width: 80rem;
line-height: 1.4; }
.home__acrylcolor-title .text-secondary {
font-family: 'Kalam', cursive; }
.home__acrylcolor-colors {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 2rem 0; }
.home__acrylcolor-colors-item {
width: 50%;
margin-top: 4rem; }
@media print, screen and (min-width: 48em) {
.home__acrylcolor-colors-item {
width: 20%; } }
.home__acrylcolor-colors-img {
width: 10rem;
height: 10rem;
border: .1rem solid gray;
border-radius: 50%; }
.home__acrylcolor-colors-text {
text-align: center;
max-width: 40rem;
margin: auto; }
.home__izomat-box {
position: absolute;
top: 5%;
left: 0; }
@media print, screen and (min-width: 48em) {
.home__izomat-box {
top: 12%; } }
.home__izomat-title {
font-size: 2.4rem; }
@media print, screen and (min-width: 48em) {
.home__izomat-title {
font-size: 3rem; } }
@media screen and (min-width: 75em) {
.home__izomat-title {
font-size: 3.6rem; } }
@media screen and (min-width: 85.375em) {
.home__izomat-title {
font-size: 4.6rem; } }
.home__izomat-logo {
width: 20rem;
height: auto;
max-width: 50%;
margin-left: 2rem;
margin-top: 1.5rem; }
@media print, screen and (min-width: 48em) {
.home__izomat-logo {
margin-top: 3rem;
margin-left: 4rem; } }
.home__izomat-logo--2 {
width: 20rem;
height: auto;
margin: auto;
margin-bottom: 2rem;
max-width: 80%; }
.home__izomat-banner {
position: absolute;
bottom: 0;
left: 1rem;
right: auto;
margin: auto;
width: 60rem;
height: auto;
max-width: calc(100% - 10rem);
z-index: 9;
-webkit-transform: translateY(50%);
transform: translateY(50%); }
@media print, screen and (min-width: 48em) {
.home__izomat-banner {
left: 0;
right: 0; } }
.home__izomat-perex {
margin-top: 6rem; }
.home__izomat-tick-item {
margin-top: 3rem;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.home__izomat-tick-img {
width: 4.5rem;
height: auto; }
.home__izomat-tick-text {
width: calc(100% - 4.5rem);
text-align: left;
font-weight: 700;
padding-left: 3rem;
color: #4B4A4A; }
.home__izomat-btn {
margin-top: 4rem; }
.home__jumbo {
position: relative;
z-index: 0;
margin-top: 8rem;
pointer-events: none; }
@media print, screen and (min-width: 48em) {
.home__jumbo {
margin-top: 4rem; } }
@media screen and (min-width: 100em) {
.home__jumbo {
margin-top: 1rem; } }
.home__jumbo-img {
display: none; }
@media screen and (min-width: 34.25em) {
.home__jumbo-img {
display: block;
width: 100%;
height: auto;
position: relative;
left: 0;
top: 0;
z-index: 1; } }
.home__jumbo-intro {
display: none; }
@media screen and (min-width: 34.25em) {
.home__jumbo-intro {
display: block; } }
.home__jumbo-lines {
position: absolute;
top: 14vw;
right: 18.5vw;
height: auto;
width: 70vw;
z-index: 9; }
@media print, screen and (min-width: 48em) {
.home__jumbo-lines {
top: 7.5vw;
right: 25.5vw;
margin: auto;
height: 35vw;
width: auto; } }
@media screen and (min-width: 75em) {
.home__jumbo-lines {
top: 7vw;
bottom: 0;
right: 4.5vw;
margin: auto;
height: 34vw;
width: auto; } }
.home__jumbo-icon {
position: absolute;
width: 11vw;
height: auto;
z-index: 9;
-webkit-transform: scale(0.9);
transform: scale(0.9);
transition: -webkit-transform ease .3s;
transition: transform ease .3s;
transition: transform ease .3s, -webkit-transform ease .3s;
pointer-events: all; }
.home__jumbo-icon svg {
display: none; }
@media print, screen and (min-width: 48em) {
.home__jumbo-icon svg {
display: block; } }
@media screen and (min-width: 75em) {
.home__jumbo-icon {
width: 7.5vw; } }
.home__jumbo-icon .home__jumbo-circle {
fill: white;
transition: all ease .3s; }
.home__jumbo-icon .home__jumbo-circle-name {
fill: #ec1c24;
transition: all ease .3s; }
.home__jumbo-icon:hover {
-webkit-transform: scale(1);
transform: scale(1);
transition: -webkit-transform ease .3s;
transition: transform ease .3s;
transition: transform ease .3s, -webkit-transform ease .3s; }
.home__jumbo-icon:hover .home__jumbo-circle {
fill: #ec1c24;
transition: all ease .3s; }
.home__jumbo-icon:hover .home__jumbo-circle-name {
fill: white;
transition: all ease .3s; }
.home__jumbo-icon--okna {
top: 6.5vw;
right: 70vw; }
@media screen and (min-width: 75em) {
.home__jumbo-icon--okna {
right: 49vw; } }
.home__jumbo-icon--vchodove-dvere {
top: 18vw;
right: 72vw; }
@media screen and (min-width: 75em) {
.home__jumbo-icon--vchodove-dvere {
top: 19vw;
right: 50vw; } }
.home__jumbo-icon--prislusenstvi-oken {
top: 31vw;
right: 68vw; }
@media screen and (min-width: 75em) {
.home__jumbo-icon--prislusenstvi-oken {
top: 29vw;
right: 47vw; } }
.home__jumbo-icon--stinici-technika {
top: 7vw;
right: 23vw; }
@media screen and (min-width: 75em) {
.home__jumbo-icon--stinici-technika {
top: 6vw;
right: 3vw; } }
.home__jumbo-icon--balkonove-dvere {
top: 20vw;
right: 23vw; }
@media screen and (min-width: 75em) {
.home__jumbo-icon--balkonove-dvere {
top: 19vw;
right: 3vw; } }
.home__jumbo-icon--garazova-vrata {
top: 29vw;
right: 28vw; }
@media screen and (min-width: 75em) {
.home__jumbo-icon--garazova-vrata {
top: 28.5vw;
right: 8vw; } }
.home__jumbo-text {
position: relative;
padding: 2rem;
pointer-events: none;
text-align: left;
padding: 5rem 3rem 1rem 3rem; }
@media screen and (min-width: 75em) {
.home__jumbo-text {
position: absolute;
top: 8rem;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 9;
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: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2.5rem 5rem;
max-width: 160rem;
background: transparent; } }
.home__jumbo-text p {
color: #4B4A4A;
font-size: 1.6rem; }
@media screen and (min-width: 85.375em) {
.home__jumbo-text p {
font-size: 1.8rem; } }
@media screen and (min-width: 100em) {
.home__jumbo-text p {
font-size: 2rem; } }
.home__jumbo-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 2rem; }
.home__jumbo-label-img {
width: 6rem;
height: 6rem;
margin-right: 1rem; }
@media screen and (min-width: 34.25em) {
.home__jumbo-label-img {
width: 8rem;
height: 8rem;
margin-right: 2rem; } }
.home__jumbo-label-text {
font-weight: 600;
color: #4B4A4A;
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; }
.home__jumbo-label-customers {
margin-left: 1rem;
max-width: 15rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
line-height: 1.2;
font-size: 1.6rem; }
.home__jumbo-label-percent {
font-size: 3rem; }
@media print, screen and (min-width: 48em) {
.home__jumbo-label-percent {
font-size: 4rem; } }
.home__jumbo-box {
width: 100%;
pointer-events: all; }
@media screen and (min-width: 75em) {
.home__jumbo-box {
width: 60rem;
max-width: 38vw; } }
@media screen and (min-width: 100em) {
.home__jumbo-box {
max-width: 30vw; } }
.home__jumbo-box .title-1 {
color: #ec1c24; }
.home__jumbo-link-text {
display: inline;
color: #ec1c24;
font-size: 4.2vw;
font-weight: 500;
text-decoration: underline;
position: absolute;
z-index: 9;
text-align: center;
max-width: 30vw; }
@media screen and (min-width: 34.25em) {
.home__jumbo-link-text {
font-size: 3.3vw;
max-width: 24vw; } }
@media print, screen and (min-width: 48em) {
.home__jumbo-link-text {
display: none; } }
.home__jumbo-link-text--okna {
top: 7vw;
left: 11vw; }
@media screen and (min-width: 34.25em) {
.home__jumbo-link-text--okna {
top: 8vw;
left: 13vw; } }
.home__jumbo-link-text--vchodove-dvere {
top: 74vw;
left: 3vw; }
@media screen and (min-width: 34.25em) {
.home__jumbo-link-text--vchodove-dvere {
top: 75vw;
left: 5vw; } }
.home__jumbo-link-text--prislusenstvi-oken {
top: 4vw;
left: 30vw; }
.home__jumbo-link-text--stinici-technika {
top: 3vw;
left: 60vw; }
@media screen and (min-width: 34.25em) {
.home__jumbo-link-text--stinici-technika {
top: 5vw; } }
.home__jumbo-link-text--balkonove-dvere {
top: 73vw;
left: 63vw; }
@media screen and (min-width: 34.25em) {
.home__jumbo-link-text--balkonove-dvere {
left: 65vw; } }
.home__jumbo-link-text--garazova-vrata {
top: 74vw;
left: 33vw; }
@media screen and (min-width: 34.25em) {
.home__jumbo-link-text--garazova-vrata {
left: 35vw; } }
.home__content {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.row + .home__content {
margin-top: 3rem; }
@media print, screen and (min-width: 48em) {
.home__content {
-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; } }
.home__content--sl {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.home__content h2 {
color: #ec1c24;
margin-bottom: 2rem; }
.home__content-box {
border: 1px solid #E9E6E6;
padding: 2.5rem;
width: 100%;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.home__content-box {
width: calc(50% - 1rem);
margin-bottom: 0;
padding: 4rem; } }
@media print, screen and (min-width: 48em) {
.home__content-box--full {
width: 100%; } }
.home__content-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left; }
@media print, screen and (min-width: 64em) {
.home__content-items {
-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; } }
.home__content-article {
text-align: left;
width: 100%;
margin-bottom: 2rem;
position: relative; }
@media print, screen and (min-width: 64em) {
.home__content-article {
width: calc(50% - 1rem);
margin-bottom: 0; } }
.home__content-article:hover .home__content-article-link::before {
width: 100%;
transition: all ease .2s; }
.home__content-article p {
font-size: 1.6rem;
color: #4B4A4A; }
.home__content-article-link {
display: inline;
font-size: 1.6rem;
color: #ec1c24;
position: relative; }
.home__content-article-link::before {
content: ' ';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: .1rem;
background: #ec1c24;
transition: all ease .2s; }
.home__btns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 3rem; }
.home__btns .btn + .btn {
margin-top: 2rem; }
.home__args-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
padding-top: 4rem; }
@media print, screen and (min-width: 48em) {
.home__args-item {
-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; } }
.home__args-number {
height: 5rem;
width: 5rem;
color: #F3F3F3;
position: relative;
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;
background: #000000;
border-radius: 50%;
font-size: 3.5rem;
font-weight: 800; }
.home__args-text {
text-align: left;
width: 100%;
margin-top: 1rem; }
@media print, screen and (min-width: 48em) {
.home__args-text {
width: calc(100% - 8rem);
margin-top: 0; } }
.home__args-text:hover .home__content-article-link::before {
width: 100%;
transition: all ease .2s; }
.home__args-text p {
font-size: 1.6rem;
color: #4B4A4A; }
.home__args-text a {
font-size: 1.6rem;
color: #4B4A4A;
text-decoration: underline;
font-style: italic; }
.home__args-text a:hover {
color: #ec1c24; }
.home__prods {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 6rem; }
@media print, screen and (min-width: 48em) {
.home__prods {
-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;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.home__prods-menu {
display: none !important;
margin-top: 2rem; }
.home__prods-menu--active {
display: block !important; }
.home__prods-menu .home__prods-item {
background: white;
margin-bottom: 0;
padding-top: 2rem;
padding-bottom: 2rem; }
.home__prods-menu .home__prods-img {
width: 15rem;
height: 10rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top right;
object-position: top right; }
@media screen and (min-width: 85.375em) {
.home__prods-menu {
display: none !important; } }
.home__prods-text {
max-width: 60%;
position: relative;
z-index: 9; }
@media print, screen and (min-width: 48em) {
.home__prods-text {
max-width: 60%; } }
.home__prods-text a:hover {
text-decoration: underline; }
.home__prods-text h3 {
margin-top: .5rem;
font-size: 1.6rem;
font-weight: 500;
color: #000000;
text-transform: lowercase; }
.home__prods-category {
line-height: 1.4;
font-weight: 800;
color: #ec1c24;
text-transform: uppercase;
font-style: normal;
display: block; }
.home__prods-subcategory {
margin-top: 1rem;
font-size: 1.4rem;
font-weight: 500;
color: #000000;
text-transform: lowercase;
display: block;
line-height: 1.1; }
@media print, screen and (min-width: 48em) {
.home__prods-subcategory {
font-size: 1.6rem; } }
.home__prods-img {
position: absolute;
top: 3rem;
right: 2rem;
z-index: 4;
width: 45%;
height: auto;
max-height: 80%;
-o-object-fit: contain;
object-fit: contain; }
.home__prods-img--open {
z-index: 5;
opacity: 0; }
.home__prods-item {
width: 100%;
background: #F3F3F3;
padding: 3.8rem 4rem;
position: relative;
margin-bottom: 4rem;
text-align: left;
min-height: 20rem;
transition: all ease .3s; }
@media print, screen and (min-width: 48em) {
.home__prods-item {
width: calc(50% - 1rem);
min-height: 30rem;
margin-bottom: 2rem; } }
@media print, screen and (min-width: 64em) {
.home__prods-item {
width: calc(33.333% - 1.5rem); } }
.home__prods-item:hover {
transition: all ease .3s; }
.home__prods-item:hover .home__prods-img--open {
opacity: 1; }
.home__inns {
margin-bottom: 4rem; }
.home__inns-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
margin-bottom: 4rem; }
.home__inns-img {
width: 6rem;
height: 6rem;
margin-right: 2rem; }
@media print, screen and (min-width: 48em) {
.home__inns-img {
width: 10rem;
height: 10rem; } }
.home__inns-text {
width: calc(100% - 8rem); }
@media print, screen and (min-width: 48em) {
.home__inns-text {
width: calc(100% - 12rem); } }
.home__inns-text p {
font-size: 1.6rem; }
.home__refs-title {
margin-bottom: 4rem; }
.home__refs-btn {
margin-top: 3rem; }
.home__sections--izomat .canvas--white {
position: relative;
padding-top: 4rem; }
.home__sections--izomat .canvas--white::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 90%;
max-width: 114rem;
background: #C4C4C4;
height: .1rem; }
@media print, screen and (min-width: 48em) {
.home__sections {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.home__sections .canvas--white {
position: relative;
padding-top: 10rem; }
.home__sections .canvas--white::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 90%;
max-width: 114rem;
background: #C4C4C4;
height: .1rem; }
.home__sections .canvas--white h2, .home__sections .canvas--white p {
display: block; }
.home__sections .canvas--white--noline {
position: relative;
padding-top: 0rem; }
.home__sections .canvas--white--noline::before {
display: none; }
.home__sections .canvas--white--noline h2, .home__sections .canvas--white--noline p {
display: block; }
.home__sections .canvas--white--noline-p {
position: relative; }
.home__sections .canvas--white--noline-p::before {
display: none; }
.home__sections .canvas--white--noline-p h2, .home__sections .canvas--white--noline-p p {
display: block; } }
@media print, screen and (min-width: 48em) {
.home__sections + .canvas--white {
padding-top: 0; } }
.home__sections .canvas--gray + .canvas--white {
position: relative; }
.home__sections .canvas--gray + .canvas--white::before {
display: none; }
.home__sections--new {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.home__sections--new .canvas--white h2, .home__sections--new .canvas--white p {
display: block; }
.home__sections--superlock .blog__gallery-overlay {
background: transparent;
position: relative;
height: auto;
bottom: auto;
right: auto;
margin-bottom: 1rem;
line-height: 1.4;
font-size: 1.6rem;
color: #000000; }
.home__sections--superlock .blog__gallery-overlay:before {
display: none; }
.home__sections--superlock .blog__gallery-overlay-text {
position: relative;
height: auto;
bottom: auto;
right: auto;
left: auto;
line-height: 1.4;
font-size: 1.6rem;
font-weight: 400;
color: #000000;
margin-top: 1rem; }
.home__sections--superlock .blog__gallery-item--full + .home__sections--superlock .blog__gallery-item--full {
margin-top: 4rem; }
.home__sections--superlock .canvas {
padding: 4rem 2rem;
z-index: 0; }
@media print, screen and (min-width: 48em) {
.home__sections--superlock .canvas {
padding: 6rem 0; } }
@media screen and (min-width: 75em) {
.home__sections--superlock .canvas {
padding: 6rem 0; } }
@media screen and (min-width: 85.375em) {
.home__sections--superlock .canvas {
padding: 8rem 0; } }
.home__sections--superlock .canvas--white + .canvas--white {
padding-top: 0; }
.home__show {
margin-bottom: 6rem;
position: relative;
padding-top: 4rem; }
@media print, screen and (min-width: 48em) {
.home__show {
margin-bottom: 8rem;
padding-top: 9rem; }
.home__show::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 90%;
max-width: 114rem;
background: #C4C4C4;
height: .1rem; } }
.home__show--new {
margin-top: 0;
padding-top: 0; }
.home__show--new::before {
display: none; }
.home__show .btn {
margin-top: 1rem; }
@media print, screen and (min-width: 48em) {
.home__show .btn {
margin-top: 4rem; } }
.home__show h2 {
margin-bottom: 4rem; }
.home__show-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.home__show-img {
display: none; }
@media print, screen and (min-width: 64em) {
.home__show-img {
width: 15rem;
height: auto;
display: block; } }
@media screen and (min-width: 75em) {
.home__show-img {
width: 25rem; } }
.home__show-text {
text-align: left;
margin-bottom: 3rem; }
@media print, screen and (min-width: 48em) {
.home__show-text {
padding-left: 3rem;
margin-bottom: 0; } }
.home__show-text h3 {
font-size: 1.8rem;
color: #4B4A4A; }
@media print, screen and (min-width: 48em) {
.home__show-text h3 {
font-size: 2rem; } }
.home__show-text p {
color: #4B4A4A;
font-size: 1.5rem;
line-height: 1.6; }
.home__show-text h3 + p {
margin-top: 0; }
.home__show-text a {
color: #ec1c24; }
.home__show-text a:hover {
text-decoration: underline; }
.home__refs {
display: none; }
@media print, screen and (min-width: 48em) {
.home__refs {
display: block; } }
.home__refs .canvas {
padding-top: 0; }
.home__new-row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home__new-row .common-img {
margin: 2rem 0; }
.home__new-btn {
margin-top: 3rem; }
.home__new-numbers-number {
color: #ec1c24;
font-weight: 700;
font-size: 4rem; }
.home__new-numbers-text {
color: #ec1c24;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.home__new-numbers-text {
margin-bottom: 0; } }
.home__new-numbers-text p {
color: #ec1c24;
font-weight: 600; }
.home__new-numbers-text a {
color: #ec1c24;
text-decoration: none; }
.home__new-numbers-text a:hover {
text-decoration: underline; }
@media print, screen and (min-width: 48em) {
.home__jumbo-intro--sl .home__jumbo-icon--okna {
top: 16.5vw;
right: 68vw; }
.home__jumbo-intro--sl .home__jumbo-icon--vchodove-dvere {
top: 28vw;
right: 69vw; }
.home__jumbo-intro--sl .home__jumbo-icon--balkonove-dvere {
top: 22vw;
right: 25vw; } }
@media screen and (min-width: 75em) {
.home__jumbo-intro--sl .home__jumbo-icon--okna {
top: 17.5vw;
right: 47vw; }
.home__jumbo-intro--sl .home__jumbo-icon--vchodove-dvere {
top: 25vw;
right: 49vw; }
.home__jumbo-intro--sl .home__jumbo-icon--balkonove-dvere {
top: 22vw;
right: 7vw; } }
@media print, screen and (min-width: 48em) {
.hero .row--wide {
min-height: 70rem; } }
.hero__box {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 8rem; }
@media print, screen and (min-width: 48em) {
.hero__box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
min-height: 70rem;
border: .1rem solid #BBBDBF;
padding: 2rem;
margin-top: 6rem; } }
@media print, screen and (min-width: 48em) {
.hero__box .btn {
margin-bottom: 14rem; } }
.hero .centrum__logo-img {
display: none; }
@media print, screen and (min-width: 64em) {
.hero .centrum__logo-img {
display: block;
position: absolute;
top: 9rem;
right: 6rem;
width: 25rem;
height: auto; } }
.btn {
background: #ec1c24;
color: white;
padding: 1.1rem 2.8rem;
border-radius: 3rem;
text-transform: uppercase;
font-weight: 600;
transition: all ease .3s;
letter-spacing: 0.1rem;
font-size: 1.4rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-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;
cursor: pointer;
border: none;
font-family: "Montserrat", sans-serif; }
@media print, screen and (min-width: 48em) {
.btn {
font-size: 1.5rem; } }
.btn:hover {
background: #4B4A4A;
transition: all ease .3s; }
.btn--white {
background: white;
border: 1px solid #ec1c24;
color: #ec1c24; }
.btn--white:hover {
background: #ec1c24;
color: white;
transition: all ease .3s; }
.btn--icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.btn--icon-img {
height: 1.6rem;
width: auto;
margin-right: 1rem; }
.btn--xl {
padding: 1rem 2rem;
border-radius: 8rem;
text-transform: none;
font-size: 1.6rem; }
@media print, screen and (min-width: 48em) {
.btn--xl {
padding: 2rem 4rem;
border-radius: 8rem;
font-size: 2.4rem; } }
.btn--xxl {
padding: 2rem;
width: 100%;
text-transform: none;
font-size: 1.6rem;
border-radius: 0 !important;
text-align: center; }
@media print, screen and (min-width: 48em) {
.btn--xxl {
padding: 4rem;
font-size: 2.4rem; } }
.btn__arrow {
width: 3rem;
height: auto;
margin-left: 1.5rem; }
@media print, screen and (min-width: 48em) {
.btn__arrow {
width: 5rem;
height: auto;
margin-left: 2rem; } }
.footer__line {
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 4rem;
padding-top: 4rem;
border-top: .1rem solid black; }
.footer__line-flex {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem; }
.footer__line-flex a {
margin-top: 0 !important; }
@media print, screen and (min-width: 48em) {
.footer__line-text .footer__info-img {
text-align: right; } }
.footer__logo {
width: 20rem;
height: auto;
margin-bottom: 2rem; }
.footer__title {
text-align: left;
font-size: 1.6rem;
text-transform: uppercase;
font-weight: 500;
letter-spacing: .1rem;
margin-bottom: 1rem; }
.footer__desktop {
display: none; }
@media print, screen and (min-width: 48em) {
.footer__desktop {
display: block; } }
.footer__mobile {
display: block; }
@media print, screen and (min-width: 48em) {
.footer__mobile {
display: none; } }
.footer__mobile .footer__list {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.footer__mobile .footer__list .footer__link {
margin-top: 1rem;
margin-right: 2rem; }
.footer__new {
text-align: left;
font-size: 1.6rem;
color: #4B4A4A;
font-weight: 600;
transition: all ease .3s;
margin-bottom: 4rem; }
.footer__new-contact {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 1rem;
color: #4B4A4A; }
.footer__new-contact:hover {
text-decoration: underline; }
.footer__new-contact-img {
width: 1.5rem;
height: auto;
margin-right: 1rem;
margin-bottom: .4rem; }
.footer__new-contact-light {
font-weight: 300;
margin-left: 1rem; }
.footer__box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 155rem;
margin: auto; }
@media print, screen and (min-width: 48em) {
.footer__box {
padding: 0 2rem; } }
@media print, screen and (min-width: 64em) {
.footer__box {
-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: center;
-ms-flex-align: center;
align-items: center; } }
.footer__list {
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: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.footer__link {
font-size: 1.6rem;
color: #4B4A4A;
font-weight: 400;
transition: all ease .3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
white-space: nowrap; }
.footer__link + .footer__link {
margin-top: 1rem; }
@media print, screen and (min-width: 64em) {
.footer__link {
font-size: 1.45rem; } }
@media screen and (min-width: 85.375em) {
.footer__link {
font-size: 1.6rem; } }
.footer__link:hover {
color: #ec1c24;
transition: all ease .3s; }
.footer__link-lock {
height: 1.8rem;
width: auto;
margin-bottom: .3rem;
margin-right: .6rem; }
.footer__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 3rem;
margin-bottom: 2rem; }
@media print, screen and (min-width: 64em) {
.footer__social {
margin-top: 1rem; } }
.footer__social-item img {
height: 2.5rem;
width: auto;
transition: all ease .3s; }
.footer__social-item img:hover {
opacity: .5;
transition: all ease .3s; }
.footer__social-item + .footer__social-item {
margin-left: 3rem; }
.footer__info {
max-width: 155rem;
margin: 2rem auto 0 auto;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media print, screen and (min-width: 48em) {
.footer__info {
padding: 0 2rem; } }
.footer__info-text {
color: #000000;
font-size: 1.4rem;
margin-top: 1rem; }
.footer__info-box {
width: 100%;
text-align: left; }
.footer__info-box h2 {
font-size: 1.8rem;
color: #4B4A4A; }
.footer__info-img {
margin-top: 2rem;
text-align: left; }
.footer__info-img img {
width: 13rem;
max-width: 100%;
height: auto;
opacity: 1;
transition: all ease .3s; }
.footer__info-img img:hover {
opacity: .5;
transition: all ease .3s; }
.products__half {
margin: 4rem auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media print, screen and (min-width: 48em) {
.products__half:nth-of-type(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.products__half-img {
width: 100%;
height: auto;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.products__half-img {
margin-bottom: 0; } }
.products__half-box {
margin-bottom: 6rem; }
.products__half .blog__text p {
margin-bottom: 1rem;
line-height: 1.4;
font-size: 1.6rem !important;
color: #4B4A4A !important; }
.products__half .blog__text li {
font-size: 1.6rem !important;
color: #4B4A4A !important; }
.products__half-logos {
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;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.products__half-logos-item {
margin-top: .5rem;
margin-right: 2rem; }
.products__half-logos-img {
width: 10rem;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center; }
.products__overview {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 6rem;
margin-bottom: -2rem; }
@media print, screen and (min-width: 48em) {
.products__overview {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 2rem; } }
.products__overview-text {
max-width: 60%;
position: relative;
z-index: 9; }
@media print, screen and (min-width: 48em) {
.products__overview-text {
max-width: 60%; } }
.products__overview-text h3 {
margin-top: .5rem;
font-size: 1.6rem;
font-weight: 500;
color: #000000;
text-transform: lowercase; }
.products__overview-img {
position: absolute;
top: 3rem;
right: 2rem;
z-index: 4;
width: 45%;
height: auto;
max-height: 80%;
-o-object-fit: contain;
object-fit: contain; }
.products__overview-img--open {
z-index: 5;
opacity: 0; }
.products__overview-item {
width: 100%;
background: #F3F3F3;
padding: 3.8rem 2rem;
position: relative;
margin-bottom: 2rem;
text-align: left;
min-height: 23rem;
transition: all ease .3s; }
@media print, screen and (min-width: 48em) {
.products__overview-item {
width: calc(50% - 2rem);
margin-right: 1rem;
margin-left: 1rem;
min-height: 30rem;
padding: 3.8rem 4rem; } }
@media screen and (min-width: 85.375em) {
.products__overview-item {
width: calc(33.333% - 2rem); } }
.products__overview-item:hover {
transition: all ease .3s; }
.products__overview-item:hover .products__overview-img--open {
opacity: 1; }
.products__overview--item .products__overview-text {
max-width: 50%; }
@media print, screen and (min-width: 48em) {
.products__overview--item .products__overview-text {
max-width: 50%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.products__overview--item .products__overview-text p {
color: #4B4A4A;
font-size: 1.6rem;
font-weight: 400; }
.products__overview--item .products__overview-text h3 {
color: #4B4A4A;
font-size: 1.4rem;
font-weight: 300;
line-height: 1.3; }
.products__overview-chars {
margin-top: 2rem; }
.products__overview-chars-value {
color: #4B4A4A;
font-size: 1.4rem;
font-weight: 500;
margin-top: -.2rem; }
.products__overview-chars-info {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-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; }
.products__overview-chars-info-img {
margin-left: .6rem;
height: 1.4rem;
width: 1.4rem; }
.products__overview-photo {
position: absolute;
top: 3rem;
right: 1rem;
z-index: 4;
width: 40%;
height: auto;
max-height: 80%;
-o-object-fit: contain;
object-fit: contain; }
.products__overview-photo--open {
z-index: 5;
opacity: 0; }
.products__nav {
text-transform: uppercase;
margin-bottom: 2rem;
letter-spacing: .05rem;
font-size: 1.6rem; }
.products__nav a {
color: #0a0a0a;
transition: all ease .3s; }
.products__nav a:hover {
color: #ec1c24;
transition: all ease .3s; }
.products__colors-title {
font-size: 1.6rem;
display: block;
width: 100%;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #4B4A4A;
margin-top: 1rem; }
.products__perex {
padding-top: .5rem;
color: #4B4A4A; }
@media print, screen and (min-width: 64em) {
.products__perex {
padding-right: 8rem; } }
.products__access h2 {
margin-bottom: 4rem; }
.products__access h3 {
margin-top: 1rem; }
.products__access-img {
width: 20rem;
max-width: 80%;
height: auto; }
.products__pros {
margin-top: 2rem; }
.products__pros-item {
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: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 1.2rem;
font-size: 1.4rem;
line-height: 1.4; }
@media print, screen and (min-width: 64em) {
.products__pros-item {
font-size: 1.6rem; } }
.products__pros-img {
height: 1.2rem;
width: 1.57rem;
margin-right: 1rem; }
.products__product {
text-align: left;
margin-top: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
@media print, screen and (min-width: 48em) {
.products__product {
margin-top: 5rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.products__product-btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.products__product-btns .btn + .btn {
margin-top: 2rem; }
@media print, screen and (min-width: 64em) {
.products__product-btns {
-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; }
.products__product-btns .btn + .btn {
margin-left: 2rem;
margin-top: 0; } }
.products__product-params {
margin-bottom: 4rem;
margin-top: 3rem; }
@media print, screen and (min-width: 48em) {
.products__product-params {
margin-top: 0;
margin-bottom: 4rem; } }
.products__product-params-item {
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;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 1.5rem 0;
border-top: 1px solid #e1dfdf;
font-weight: 400;
font-size: 1.6rem; }
.products__product-params-title {
width: 50%;
color: #4B4A4A;
font-weight: 400; }
.products__product-params-value {
width: 50%;
color: #4B4A4A;
font-weight: 400; }
.products__product-params-info {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #4B4A4A;
font-weight: 400; }
.products__product-params-info-img {
margin-left: .6rem;
height: 1.6rem;
width: 1.6rem; }
.products__product-params-info span {
color: #4B4A4A;
font-weight: 400; }
.products__product-params .title-4 {
margin-bottom: 1rem; }
.products__product-warranty {
margin-top: 3rem;
color: #4B4A4A;
padding-top: 1rem;
font-size: 1.6rem; }
.products__product-warranty-flex {
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%;
color: #4B4A4A;
font-weight: 400; }
.products__product-warranty-img {
margin: 0 .5rem 0 1rem;
height: 1.8rem;
width: 1.8rem; }
.products__product-downloads {
margin-top: 4rem; }
.products__product-downloads-box {
position: relative;
overflow: hidden;
max-height: 18rem; }
.products__product-downloads-margin {
margin-bottom: 6rem;
position: relative; }
.products__product-downloads-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 3rem; }
.products__product-downloads-menu-item {
width: 100%;
margin-bottom: 1.2rem;
text-align: left;
font-size: 1.4rem;
text-transform: uppercase;
color: #000000;
font-weight: 600;
letter-spacing: 0.1rem;
transition: all ease .3s; }
@media print, screen and (min-width: 48em) {
.products__product-downloads-menu-item {
width: 50%; } }
.products__product-downloads-menu-item:hover {
color: #ec1c24;
transition: all ease .3s; }
.products__product-downloads-anchor {
position: absolute;
top: -11rem;
left: 0;
height: 0;
width: 0; }
.products__product-downloads-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 10rem;
width: 100%;
background: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
z-index: 9;
cursor: pointer; }
.products__product-downloads-overlay .home__content-article-link {
position: absolute;
left: 0;
bottom: 1rem; }
.products__product-downloads-overlay:hover .home__content-article-link::before {
width: 100%; }
.products__product-downloads--show {
height: auto;
max-height: none;
margin-bottom: 1rem; }
.products__product-downloads--show .products__product-downloads-overlay {
display: none; }
.products__product-downloads-less {
cursor: pointer; }
.products__product-downloads-less:hover::before {
width: 100%;
transition: all ease .2s; }
.products__product-downloads-item {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: .5rem;
color: #4B4A4A;
font-size: 1.6rem; }
.products__product-downloads-item:hover {
color: #ec1c24; }
.products__product-downloads-img {
height: 2rem;
width: 1.5rem;
margin-right: 1rem; }
.products__product-downloads-img--yt {
width: 1.8rem;
height: 1.8rem;
margin-right: .8rem; }
.products__product-downloads-title {
padding-top: .2rem; }
.products__product-photo {
width: 100%;
background: #F3F3F3;
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: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 2rem; }
.products__product-photo-img {
width: 25rem;
height: auto; }
.products__product-gallery {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 1.5rem;
margin-left: -1.5rem; }
.products__product-gallery-item {
width: calc(50% - 1.5rem);
margin-left: 1.5rem;
margin-bottom: 1.5rem; }
@media print, screen and (min-width: 48em) {
.products__product-gallery-item {
width: calc(25% - 1.5rem); } }
.products__product-gallery-img {
width: 100%;
height: auto; }
.products__product-colors {
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: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 20rem;
overflow: hidden;
position: relative;
cursor: pointer; }
.products__product-colors .home__content-article-link {
position: absolute;
bottom: 0rem;
left: .2rem;
cursor: pointer; }
.products__product-colors:hover .home__content-article-link::before {
width: 100%;
transition: all ease .2s; }
.products__product-colors-title {
width: 100%; }
.products__product-colors-item {
width: 5rem;
height: 5rem;
margin-right: 1rem;
margin-bottom: 1rem;
border: 1px solid #F3F3F3; }
.products__product-colors-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 10rem;
width: 100%;
background: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0) 100%);
z-index: 9; }
.products__product-colors--show {
height: auto !important; }
.products__product-colors--show .products__product-colors-overlay {
display: none; }
.products__product-colors-less {
cursor: pointer; }
.products__product-colors-less:hover::before {
width: 100%;
transition: all ease .2s; }
.products__product-decors {
margin-top: 5rem;
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: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 20rem;
overflow: hidden;
position: relative;
cursor: pointer; }
.products__product-decors .home__content-article-link {
position: absolute;
bottom: 0rem;
left: .2rem;
cursor: pointer; }
.products__product-decors:hover .home__content-article-link::before {
width: 100%;
transition: all ease .2s; }
.products__product-decors-title {
width: 100%; }
.products__product-decors-item {
width: 5rem;
height: 5rem;
margin-right: 1rem;
margin-bottom: 1rem;
border: 1px solid #F3F3F3; }
.products__product-decors-img {
width: 100%;
height: auto; }
.products__product-decors-overlay {
position: absolute;
bottom: 0;
left: 0;
height: 10rem;
width: 100%;
background: linear-gradient(0deg, white 0%, white 30%, rgba(255, 255, 255, 0) 100%); }
.products__product-pros {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left; }
@media print, screen and (min-width: 48em) {
.products__product-pros {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.products__product-pros:before {
content: ' ';
position: absolute;
max-width: calc(100% - 2rem);
width: 114rem;
top: 0;
left: 0;
right: 0;
margin: auto;
height: 1.5px;
background: #e1dfdf; }
.products__product-pros-title {
margin-bottom: 4rem; }
.products__product-pros-item {
width: 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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 3rem; }
@media print, screen and (min-width: 64em) {
.products__product-pros-item {
width: 50%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 0; } }
.products__product-pros-photo {
width: 100%;
text-align: center; }
@media print, screen and (min-width: 48em) {
.products__product-pros-photo {
width: 35%; } }
.products__product-pros-img {
width: 100%;
height: auto;
max-width: 15rem;
margin-bottom: 2rem; }
@media print, screen and (min-width: 64em) {
.products__product-pros-img {
margin-bottom: 0; } }
.products__product-pros-text {
width: 100%; }
@media print, screen and (min-width: 48em) {
.products__product-pros-text {
width: 65%;
padding: 0 2rem; } }
.products__product-pros-text p {
color: #4B4A4A;
font-size: 1.6rem; }
.products__product-pros-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.products__product-pros-flex + .products__product-pros-flex {
margin-top: 3rem; }
.products__product-pros-number-box {
width: 2.5rem;
height: 2.5rem;
background: white;
font-size: 1.6rem;
color: #ec1c24;
border: 1px solid #ec1c24;
font-weight: 800;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 1rem;
border-radius: 50%;
padding-top: .2rem; }
.products__product-pros-wo {
text-align: left; }
.products__product-pros-wo-img {
width: 10rem;
height: 10rem;
border-radius: 50%;
border: 1px solid #FFC5C5;
margin-bottom: 1rem; }
.products__product-doors .products__product-gallery-item {
width: calc(50% - 1.5rem);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-bottom: 4rem; }
@media print, screen and (min-width: 48em) {
.products__product-doors .products__product-gallery-item {
width: calc(33% - 1.5rem); } }
@media print, screen and (min-width: 64em) {
.products__product-doors .products__product-gallery-item {
width: calc(20% - 1.5rem); } }
.products__product-doors .home__btns {
margin-top: 1rem; }
.products__product-doors-item {
margin-top: 2rem; }
.products__product-doors-item + .products__product-doors-item {
margin-top: 8rem; }
.products__product-doors-item .products__product-gallery-item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.products__product-doors-item .products__product-gallery-item .text {
width: 100%;
text-align: center;
font-size: 1.6rem;
margin-top: 1rem; }
.products__product-doors-item .products__product-gallery-item--bg {
width: 100%;
height: 20rem;
background-repeat: no-repeat;
background-size: contain;
background-position: center; }
.products__product-text {
margin-bottom: 4rem; }
.products__product-photo + .products__product-colors {
margin-top: 4rem; }
@media print, screen and (max-width: 768px) {
.superlock__snippet--new {
padding: 0 !important;
background-image: none !important; } }
.products-new__column {
margin-top: 4rem; }
@media print, screen and (min-width: 48em) {
.products-new__column {
margin-top: 0; } }
.products-new__snippet {
position: relative; }
.products-new__snippet .superlock__snippet-img {
width: 100%; }
@media print, screen and (min-width: 48em) {
.products-new__snippet .superlock__snippet-img {
display: none; } }
.products-new__snippet-img {
width: 100%;
height: auto; }
.products-new__breadcrumbs {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
text-align: left;
color: #000000;
font-size: 1.4rem;
letter-spacing: .1rem;
font-weight: 500;
text-transform: uppercase; }
.products-new__breadcrumbs-img {
width: 1.2rem;
height: auto;
margin: .5rem 1rem; }
.products-new__breadcrumbs a {
color: #000000;
text-decoration: underline; }
.products-new__breadcrumbs a:hover {
text-decoration: none; }
.products-new__img {
width: 100%;
height: auto;
margin-top: 4rem; }
@media print, screen and (min-width: 48em) {
.products-new__img {
margin-top: 0; } }
.products-new__btns {
margin-top: 4rem; }
.products-new__btns .btn {
margin-right: 2rem;
margin-top: 1rem; }
.products-new__anchors {
margin-top: 4rem;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.products-new__anchors-link {
font-weight: 500;
font-size: 1.8rem;
color: #ec1c24;
margin-right: 3rem;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 1rem; }
.products-new__anchors-link:hover .products-new__anchors-img {
-webkit-transform: rotate(90deg) translateX(0.5rem);
transform: rotate(90deg) translateX(0.5rem);
transition: all ease .3s; }
.products-new__anchors-img {
width: 2rem;
height: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-left: .5rem;
transition: all ease .3s; }
.products-new__params {
margin-top: 3rem;
margin-bottom: 1rem; }
.products-new__title {
margin-bottom: 2rem; }
.products-new__videos {
margin-top: 0; }
.products-new__videos + .products__product-downloads-box {
margin-top: 4rem; }
.products-new__downloads {
margin-top: 5rem;
margin-bottom: 2rem; }
.products-new__benefit {
text-align: left;
margin-top: 3rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.products-new__benefit:nth-last-of-type(even) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
@media screen and (min-width: 85.375em) {
.products-new__benefit:nth-last-of-type(even) {
-webkit-transform: translateX(12rem);
transform: translateX(12rem); } }
.products-new__benefit-box {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.products-new__benefit-img {
position: relative;
width: 100%; }
@media print, screen and (min-width: 48em) {
.products-new__benefit-img {
width: 35%; } }
.products-new__benefit-img img {
width: 100%;
height: auto;
max-width: 15rem;
margin-bottom: -.8rem; }
@media print, screen and (min-width: 48em) {
.products-new__benefit-img img {
max-width: none; } }
.products-new__benefit-img::before {
content: '';
position: absolute;
bottom: -7rem;
left: 3rem;
width: .1rem;
height: 8rem;
background: #ec1c24; }
@media print, screen and (min-width: 48em) {
.products-new__benefit-img::before {
top: 5.2rem;
bottom: auto;
left: auto;
right: -4rem;
width: 30%;
height: .2rem; } }
.products-new__benefit-text {
position: relative;
width: 100%;
padding-left: 6rem;
padding-top: 4rem; }
@media print, screen and (min-width: 48em) {
.products-new__benefit-text {
width: 65%; } }
.products-new__benefit + .products-new__benefit {
margin-top: 3rem; }
@media print, screen and (min-width: 48em) {
.products-new__benefit + .products-new__benefit {
margin-top: 0; } }
.products-new__gallery {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 3rem; }
.products-new__gallery-item {
width: 50%;
padding-top: 1rem;
padding-right: 1rem; }
@media print, screen and (min-width: 48em) {
.products-new__gallery-item {
width: 25%; } }
.products-new__gallery-img {
width: 100%;
height: auto;
margin-bottom: -.8rem; }
.products-new__colors .products__product-decors-item {
width: 15rem; }
.products-new__colors .products__product-colors {
height: 35rem; }
.products-new__colors .products__product-decors-img {
height: 4.8rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.products-new__colors .products__product-colors {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 3rem; }
.products-new__colors-title {
font-size: 2.2rem; }
.products-new__colors-flex {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2rem; }
.products-new__colors-item {
width: 16rem;
text-align: center;
margin-bottom: 2rem;
cursor: initial; }
.products-new__colors-item .text {
padding-right: 1rem; }
.products-new__article {
margin-bottom: 6rem; }
.products-new__article-img {
width: 100%;
height: auto;
margin-bottom: 1rem; }
.products-new__article .products__product-downloads {
margin-top: 2rem; }
.products-new__article .products__product-downloads-title {
color: black; }
@media print, screen and (min-width: 48em) {
.products-new__article .products__product-downloads-title {
font-size: 1.8rem; } }
.page__btn {
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; }
.page__btn a {
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; }
.page__btn .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 1.5rem; }
.page__btn-img {
position: relative; }
.page__btn-img--1 {
position: relative;
width: 8rem;
height: auto;
z-index: 1; }
@media print, screen and (min-width: 48em) {
.page__btn-img--1 {
width: 18rem; } }
.page__btn-img--2 {
position: absolute;
top: 0;
left: 0;
width: 8rem;
height: auto;
opacity: 0;
transition: all ease .2s;
z-index: 3; }
@media print, screen and (min-width: 48em) {
.page__btn-img--2 {
width: 18rem; } }
.page__btn-text {
margin-left: 3rem;
padding-right: 2rem;
color: #ec1c24;
font-family: 'Kalam', cursive;
font-weight: 700;
font-size: 2rem;
max-width: 30rem;
line-height: 1.4; }
@media print, screen and (min-width: 48em) {
.page__btn-text {
font-size: 2.6rem;
max-width: 42rem; } }
.uni__img {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.uni__img img {
max-width: 30vw;
width: 100%;
margin-bottom: 3rem; }
@media print, screen and (min-width: 48em) {
.uni__img img {
max-width: 20rem;
margin-bottom: 0; } }
.uni__text {
text-align: left; }
.uni__btns {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 3rem; }
.uni__btns .btn + .btn {
margin-top: 2rem; }
.page__carousel {
position: relative;
margin-top: 3rem;
z-index: 1;
overflow: hidden;
padding-bottom: 3rem; }
.page__carousel::before {
content: '';
position: absolute;
top: 0;
left: -2rem;
width: 2rem;
height: 100%;
background: linear-gradient(90deg, white 10%, rgba(255, 255, 255, 0) 100%);
z-index: 2;
pointer-events: none; }
@media screen and (min-width: 85.375em) {
.page__carousel::before {
left: 0;
width: 6rem; } }
@media screen and (min-width: 100em) {
.page__carousel::before {
width: 30rem; } }
.page__carousel::after {
content: '';
position: absolute;
top: 0;
right: -2rem;
width: 2rem;
height: 100%;
background: linear-gradient(-90deg, white 10%, rgba(255, 255, 255, 0) 100%);
z-index: 2;
pointer-events: none; }
@media screen and (min-width: 85.375em) {
.page__carousel::after {
right: 0;
width: 10rem; } }
@media screen and (min-width: 100em) {
.page__carousel::after {
width: 30rem; } }
.page__carousel .swiper-nav {
width: 100%;
margin-left: 0;
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-top: 3rem;
position: relative;
z-index: 999;
margin-top: 4rem; }
.page__carousel .swiper-nav .disabled {
opacity: .2; }
@media screen and (min-width: 85.375em) {
.page__carousel .swiper-nav {
margin-left: -6rem;
width: calc(100% + 12rem); } }
.page__carousel .swiper-container {
overflow: initial !important;
position: relative; }
.page__carousel .swiper-button-next:after, .page__carousel .swiper-button-prev:after {
display: none; }
.page__carousel .swiper-scrollbar {
height: .2rem !important;
left: 6rem !important;
width: 100% !important;
bottom: .3rem !important;
width: calc(100% - 12rem) !important; }
@media print, screen and (min-width: 48em) {
.page__carousel .swiper-scrollbar {
height: .3rem !important; } }
@media screen and (min-width: 85.375em) {
.page__carousel .swiper-scrollbar {
left: 0 !important;
width: 100% !important; } }
.page__carousel .swiper-scrollbar-drag {
background: #4B4A4A; }
.page__carousel--sm {
position: relative; }
.page__carousel--sm .swiper-container {
overflow: hidden !important; }
.page__carousel--sm .swiper-button-next:after, .page__carousel--sm .swiper-button-prev:after {
display: none; }
.page__carousel--sm .swiper-nav {
width: 100%;
margin-left: 0;
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: 2rem;
margin-top: 1rem; }
.page__carousel--sm .swiper-nav .disabled {
opacity: .2; }
.page__carousel--sm .swiper-scrollbar {
height: .2rem !important;
margin-top: -2.1rem;
left: 8rem !important;
bottom: 2.3rem !important;
width: calc(100% - 16rem) !important; }
@media print, screen and (min-width: 48em) {
.page__carousel--sm .swiper-scrollbar {
height: .3rem !important; } }
.page__carousel-arrow {
width: 3rem;
height: auto;
margin-bottom: -.3rem;
cursor: pointer; }
@media print, screen and (min-width: 48em) {
.page__carousel-arrow {
margin-bottom: -.4rem;
width: 4rem; } }
.page__carousel-text {
margin-top: 2rem; }
.page__carousel-margin {
margin-top: 4rem;
padding-left: 2rem;
padding-right: 2rem; }
@media print, screen and (min-width: 48em) {
.page__carousel-margin {
padding-left: 0;
padding-right: 0;
margin-top: 8rem; } }
.page__carousel-margin + .page__carousel {
padding-left: 2rem;
padding-right: 2rem; }
@media print, screen and (min-width: 48em) {
.page__carousel-margin + .page__carousel {
padding-left: 0;
padding-right: 0; } }
.page__carousel-img {
width: 100%;
height: auto; }
.why__img {
text-align: left; }
.why__img .title-2 {
line-height: 1.3;
margin-bottom: 2rem !important; }
.why__img-img {
width: 100%;
height: auto;
margin-top: 4rem; }
.why__img-img--sm {
margin-top: 6rem; }
@media print, screen and (min-width: 48em) {
.why__img + .why__img .why__img-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }
.why__gallery {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.why__gallery-img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.why__gallery-img--1 {
width: 100%;
height: auto; }
@media print, screen and (min-width: 48em) {
.why__gallery-img--1 {
width: 30%;
height: 100%;
margin-right: 1.8rem; } }
.why__gallery-img--2 {
width: 100%;
height: auto; }
@media print, screen and (min-width: 48em) {
.why__gallery-img--2 {
width: calc(70% - 1.8rem); } }
.refs__filter {
margin-top: 6rem;
margin-bottom: 4rem; }
.refs__filter-box {
position: relative;
display: block; }
.refs__filter-img {
width: 100%;
height: calc(45rem - .7rem);
background-position: center;
background-size: cover; }
.refs__filter-title {
position: absolute;
bottom: 5rem;
left: 5rem;
z-index: 1;
color: white;
font-size: 2rem; }
.refs__filter-type {
position: absolute;
bottom: 8rem;
left: 5rem;
z-index: 1;
color: white;
font-size: 1.8rem; }
.refs__filter-item {
position: relative; }
.refs__filter-item:before {
content: '';
position: absolute;
height: .1rem;
width: 0;
bottom: .2rem;
left: 0;
background: #ec1c24;
transition: all ease .3s; }
.refs__filter .filter {
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: wrap;
flex-wrap: wrap;
margin-top: .8rem;
margin-bottom: 2rem; }
.refs__filter .filter li {
margin-right: 3rem;
margin-bottom: 1rem; }
.refs__filter .filter a {
color: #4B4A4A;
text-transform: uppercase;
font-size: 1.6rem;
font-weight: 500;
transition: all linear .3s; }
.refs__filter .filter a:hover {
color: #ec1c24;
transition: all linear .3s; }
.refs__filter .filter .selected .refs__filter-item:before {
width: 100%;
transition: all ease .3s; }
.refs__item {
position: relative;
margin-bottom: 1rem; }
.refs__item--wide {
width: 100%; }
@media print, screen and (min-width: 48em) {
.refs__item--wide {
width: calc(66.666% - 6rem);
margin-right: 1rem; } }
.refs__item--default {
width: 100%; }
@media print, screen and (min-width: 48em) {
.refs__item--default {
width: calc(33.333% - 6rem);
margin-right: 1rem; } }
.refs__overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(8deg, black 0%, rgba(9, 9, 121, 0) 50%); }
.refs__overlay:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
transition: all ease .5s; }
.refs__overlay:hover:before {
background: rgba(0, 0, 0, 0.3);
transition: all ease .5s; }
.refs__overlay-text {
position: absolute;
font-size: 1.6rem;
bottom: 3rem;
left: 3rem;
text-align: left;
color: white;
font-weight: 500;
max-width: calc(100% - 6rem);
line-height: 1.15; }
.refs__overlay-text div + div {
margin-top: .5rem; }
.refs__overlay--refs {
top: unset;
bottom: 0;
background: linear-gradient(8deg, black 0%, rgba(9, 9, 121, 0) 60%); }
.refs__overlay--refs .refs__overlay-text {
left: 2.5rem;
bottom: 2.5rem; }
.filtr {
margin-bottom: 1.1rem;
min-height: 50rem;
transition-duration: 0.3s; }
.filtr {
transition-property: height, width; }
.filtr {
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform; }
.service__bg {
position: relative;
padding: 14rem 2rem;
background-size: cover;
background-position: top; }
@media print, screen and (min-width: 48em) {
.service__bg {
padding: 16rem 0; } }
@media screen and (min-width: 75em) {
.service__bg {
padding: 22rem 0; } }
.service__bg:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(45deg, #675656 0%, rgba(103, 86, 86, 0.9) 40%, rgba(103, 86, 86, 0.3) 100%);
transition: all ease .5s;
z-index: 0; }
.service__bg-text {
position: relative;
z-index: 9;
padding: 0 2rem; }
@media print, screen and (min-width: 48em) {
.service__bg-text {
padding: 0; } }
.service__bg-text h1, .service__bg-text h2, .service__bg-text p {
color: white; }
.service__progress {
z-index: 9;
position: relative;
padding: 0 2rem; }
@media print, screen and (min-width: 64em) {
.service__progress {
padding: 0; } }
.service__progress-box {
background: #F3F3F3;
padding: 4rem 2rem;
border-radius: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -8rem; }
@media print, screen and (min-width: 64em) {
.service__progress-box {
padding: 6rem 2rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -10rem; } }
.service__progress-item {
width: 100%;
font-weight: 600;
padding: 0 2rem;
text-align: center; }
@media print, screen and (min-width: 64em) {
.service__progress-item {
width: calc(25% - 5rem);
text-align: left; } }
.service__progress-img {
width: 2rem;
margin: 0 1rem;
height: auto;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
@media print, screen and (min-width: 64em) {
.service__progress-img {
width: 3rem;
-webkit-transform: rotate(0);
transform: rotate(0); } }
.service__contact {
width: 100%;
max-width: 45rem;
margin: auto; }
.service__contact .title-2 {
display: block;
width: 100%;
margin-bottom: 3rem; }
@media print, screen and (min-width: 64em) {
.service__contact {
max-width: 90rem;
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: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
right: 0;
position: relative;
margin: auto; } }
.service__contact-box {
background: #ec1c24;
background: 1px solid #ec1c24;
padding: 3rem 1rem;
border-radius: 3rem;
width: 100%;
color: white; }
.service__contact-box h3 {
color: white; }
.service__contact-box--nm {
margin-bottom: 0; }
.service__contact-box--new {
color: #4B4A4A;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.service__contact-box--new h3, .service__contact-box--new p {
color: #4B4A4A;
font-weight: 500; }
@media print, screen and (min-width: 64em) {
.service__contact-box--new {
width: 100% !important;
margin-top: 0 !important; } }
.service__contact-box--new .service__contact-number {
margin-bottom: 0 !important;
margin-left: 1rem !important; }
@media print, screen and (min-width: 64em) {
.service__contact-box {
width: calc(50% - 1.5rem); } }
.service__contact-box--white {
margin-top: 3rem;
background: #F3F3F3;
border: 1px solid #B3B3B3;
color: #4B4A4A;
min-height: 26rem; }
.service__contact-box--white .service__contact-number {
color: #ec1c24;
max-width: 30rem;
margin: auto;
text-align: center;
margin-bottom: 2rem; }
.service__contact-box--white .service__contact-number-img {
margin-right: 0; }
.service__contact-box--inquiry {
min-height: 18rem;
padding: 2rem 1rem; }
.service__contact-box--inquiry .service__contact-number {
font-size: 2.3rem;
margin-bottom: .3rem;
line-height: 1.3; }
.service__contact-box--inquiry p {
margin-bottom: 1rem; }
.service__contact-box--inquiry .btn {
padding: .8rem 3rem; }
.service__contact-box--red {
min-height: 22.5rem;
margin-top: 3rem;
padding: 4rem 1rem; }
.service__contact-time {
color: white; }
.service__contact-phone {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 3rem 0; }
.service__contact-phone:hover .service__contact-number {
color: #4B4A4A;
transition: all ease .3s; }
.service__contact-number {
color: white;
font-size: 2.2rem;
font-weight: 800;
transition: all ease .3s; }
@media print, screen and (min-width: 48em) {
.service__contact-number {
font-size: 2.8rem; } }
.service__contact-number-img {
height: 4rem;
width: 4.13rem;
margin-right: 2rem; }
.service__contact-number-img--map {
width: 13.5rem;
height: 7.7rem; }
.service__contact-btns {
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%;
margin-top: 3rem; }
.service__contact-btns .btn + .btn {
margin-top: 2rem; }
@media print, screen and (min-width: 64em) {
.service__contact-btns {
margin-top: 0;
width: calc(50% - 1.5rem); } }
.service__services h2 {
text-align: center;
margin-bottom: 3rem; }
.service__services-item {
text-align: left;
margin-bottom: 2rem; }
@media print, screen and (min-width: 64em) {
.service__services-item {
margin-bottom: 0; } }
.about__inns-top {
margin-top: -4rem; }
@media print, screen and (min-width: 48em) {
.about__inns-top {
margin-top: -6rem; } }
@media print, screen and (min-width: 64em) {
.about__inns-top {
margin-top: -10rem; } }
.about__inns-bottom {
margin-bottom: -6rem; }
@media print, screen and (min-width: 48em) {
.about__inns-bottom {
margin-bottom: -10rem; } }
.about__inns-bottom .home__inns-img {
width: 5rem;
height: 5rem;
margin-right: 3rem;
margin-top: 1rem; }
@media print, screen and (min-width: 48em) {
.about__inns-bottom .home__inns-img {
width: 7rem;
height: 7rem; } }
.about__tradition {
margin-top: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media print, screen and (min-width: 48em) {
.about__tradition {
margin-top: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.about__tradition-text {
width: 100%;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.about__tradition-text {
width: 40%;
padding-right: 3rem;
margin-bottom: 0; } }
.about__tradition-img {
width: 100%;
height: auto; }
@media print, screen and (min-width: 48em) {
.about__tradition-img {
width: 60%; } }
.about__tradition-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: .2rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
@media print, screen and (min-width: 48em) {
.about__tradition-gallery {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.about__tradition-gallery--1 {
width: 100%;
height: auto;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.about__tradition-gallery--1 {
width: calc(60% - 2rem);
margin-right: 2rem;
margin-bottom: 0; } }
.about__tradition-gallery--2 {
width: 100%;
height: auto; }
@media print, screen and (min-width: 48em) {
.about__tradition-gallery--2 {
width: 40%; } }
.about__tradition-gallery .products__product-colors {
height: 30rem; }
.about__tradition-gallery .products__product-colors-overlay {
height: 15rem; }
.about__tradition-gallery .home__content-article-link {
left: 1.5rem; }
.about__tradition-gallery .products__product-colors--show {
height: auto; }
.about__tradition-gallery .products__product-colors-less {
left: 0; }
.about__timeline {
padding: 0 4rem;
height: 60rem;
position: relative; }
@media print, screen and (min-width: 64em) {
.about__timeline {
height: 50rem; } }
.about__timeline:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
border-top: 1px dotted #ec1c24;
margin: auto; }
.about__timeline-item {
height: 25rem;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 100%; }
@media print, screen and (min-width: 64em) {
.about__timeline-item {
height: 20rem; } }
@media screen and (min-width: 75em) {
.about__timeline-item {
width: 200%; } }
.about__timeline-year {
color: #ec1c24;
font-weight: 600;
text-align: left;
font-size: 1.8rem; }
.about__timeline-img {
height: 4.6rem;
width: auto !important;
position: absolute;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
top: 31.5rem;
left: 3.5rem;
bottom: 0;
margin: auto; }
@media print, screen and (min-width: 64em) {
.about__timeline-img {
top: 26.5rem; } }
.about__timeline-text {
text-align: left;
font-size: 1.5rem;
max-width: 100%; }
.about__timeline-box {
width: 100%; }
@media print, screen and (min-width: 64em) {
.about__timeline-box {
width: calc(100% - 20rem);
padding-right: 2rem;
max-width: 100%; } }
.about__timeline-photo {
display: none; }
@media print, screen and (min-width: 64em) {
.about__timeline-photo {
display: block;
margin-top: 3rem;
margin-left: 1rem;
width: 18rem;
height: 100%; } }
.about__timeline-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.about__timeline-flex--text .about__timeline-box {
width: 100%; }
.about__timeline .owl-item {
padding: 0 2rem; }
.about__timeline .owl-item:nth-child(even) {
height: 60rem; }
@media print, screen and (min-width: 64em) {
.about__timeline .owl-item:nth-child(even) {
height: 50rem; } }
.about__timeline .owl-item:nth-child(even) .about__timeline-item {
padding-top: 35rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media print, screen and (min-width: 64em) {
.about__timeline .owl-item:nth-child(even) .about__timeline-item {
padding-top: 30rem; } }
.about__timeline .owl-item:nth-child(even) .about__timeline-img {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
top: 3rem; }
.about__timeline .owl-item:nth-child(even) .about__timeline-flex {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.about__timeline .owl-nav {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
pointer-events: none; }
.about__timeline .owl-nav .disabled {
opacity: .4; }
.about__timeline .owl-prev {
left: 1rem;
height: 100%;
position: absolute;
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;
pointer-events: all; }
.about__timeline .owl-prev img {
width: 3rem;
height: auto; }
.about__timeline .owl-next {
right: 1rem;
height: 100%;
position: absolute;
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;
pointer-events: all; }
.about__timeline .owl-next img {
width: 3rem;
height: auto; }
.about__people {
margin-top: 6rem;
margin-bottom: 3rem; }
.about__people-item {
margin-bottom: 4rem; }
.about__people-img {
width: 15rem;
height: 15rem;
border-radius: 50%; }
.about__people-position {
margin-top: -.2rem;
margin-bottom: .8rem; }
.about__people-text p {
font-size: 1.6rem; }
@-moz-document url-prefix() {
.about__timeline-img {
top: 23.2rem; } }
.contacts {
margin-top: 6rem; }
.contacts a {
color: inherit;
text-decoration: underline; }
.contacts a:hover {
text-decoration: none; }
.contacts-text {
font-size: 1.8rem; }
.contacts-text--margin {
margin-bottom: 1.5rem; }
.contacts__map {
height: 30rem;
width: 100%; }
.contacts__card:first-of-type .contacts__card-name {
margin-top: 0; }
.contacts__card-name {
text-align: center;
margin-bottom: 2.5rem;
margin-top: 3rem; }
.contacts__card-item {
margin-bottom: 4rem;
text-align: left; }
.contacts__card-title {
color: #4B4A4A;
font-size: 1.8rem;
font-weight: 600; }
.contacts__card-text {
font-size: 1.6rem;
color: #000000; }
.contacts .map__holder {
margin-top: 3rem; }
@media print, screen and (min-width: 48em) {
.contacts .map__holder {
margin-top: 0; } }
.contacts__eu {
width: 100%;
max-width: 120rem;
margin: auto;
text-align: left;
padding: 0 3rem 3rem 3rem; }
@media screen and (min-width: 100em) {
.contacts__eu {
padding: 3rem;
position: absolute;
top: 12rem;
right: 6rem;
width: 34rem;
border: 1px solid #E3E3E3;
background: white;
box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.25); } }
.contacts__eu-text {
font-size: 1.4rem;
color: #4b4a4a; }
.contacts__eu-img {
width: 100%;
height: auto;
display: block;
margin-top: 2rem;
max-width: 25rem; }
/*
Shrink item space - mění počet položek na řádku pomocí jejich šířky a nechává mezi nimi mezery
- výchozí je 1 položka (tj. width: 100%)
- druhý stupeň jsou 2 položky
- třetí a poslední jsou 3 vedle sebe
*/
/**
* Swiper 3.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: December 13, 2016
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-container--menu-inc {
margin-top: 5.5rem; }
.swiper-container-no-flexbox .swiper-slide {
float: left; }
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-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;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box; }
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0); }
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
position: relative; }
.swiper-slide-active, .swiper-slide-duplicate-active {
z-index: 2; }
.swiper-play {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100px;
height: 100px;
cursor: pointer; }
.swiper-play.active .swiper-play__item {
stroke-dashoffset: 0;
transition: stroke-dashoffset 1s; }
.swiper-play.active .swiper-play__item--l2 {
transition: stroke-dashoffset .5s;
transition-delay: .5s; }
.swiper-play__item {
fill: transparent;
stroke: #FFF; }
.swiper-play__item--l {
stroke-dasharray: 73;
stroke-dashoffset: 73; }
.swiper-play__item--l2 {
stroke-dasharray: 18;
stroke-dashoffset: 18; }
.swiper-play__item--r {
stroke-dasharray: 270;
stroke-dashoffset: 270; }
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto; }
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform; }
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x; }
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 60px;
height: 60px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
display: none; }
@media (min-width: 34.375em) {
.swiper-button-prev,
.swiper-button-next {
display: block; } }
.swiper-button-prev svg {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto; }
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%234B4A4A'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-grey,
.swiper-container-rtl .swiper-button-next.swiper-button-grey {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iNjBweCIgdmlld0JveD0iMCAwIDI0IDYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjMuNiIgaGVpZ2h0PSI2MCIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCTwvY2xpcFBhdGg+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB3aWR0aD0iMjMuNiIgaGVpZ2h0PSI2MCIvPg0KCQk8L2RlZnM+DQoJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNF8iPg0KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQk8L2NsaXBQYXRoPg0KCQk8ZyBvcGFjaXR5PSIwLjYiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQkJPGc+DQoJCQkJPGRlZnM+DQoJCQkJCTxyZWN0IGlkPSJTVkdJRF81XyIgeD0iLTEiIHk9Ii05IiB3aWR0aD0iMzIuNiIgaGVpZ2h0PSI3OCIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfNV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJPHBvbHlsaW5lIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0FGQjZDMiIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjIyLjgsMC42IDEuMiwzMCAyMi44LDU5LjQiLz4NCgkJCTwvZz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg=="); }
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto; }
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%234B4A4A'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-grey,
.swiper-container-rtl .swiper-button-prev.swiper-button-grey {
background-image: url("data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjI0cHgiIGhlaWdodD0iNjBweCIgdmlld0JveD0iMCAwIDI0IDYwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCA2MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZGVmcz4NCgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMjMuNiIgaGVpZ2h0PSI2MCIvPg0KCTwvZGVmcz4NCgk8Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj4NCgkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfMV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCTwvY2xpcFBhdGg+DQoJPGcgY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSI+DQoJCTxkZWZzPg0KCQkJPHJlY3QgaWQ9IlNWR0lEXzNfIiB3aWR0aD0iMjMuNiIgaGVpZ2h0PSI2MCIvPg0KCQk8L2RlZnM+DQoJCTxjbGlwUGF0aCBpZD0iU1ZHSURfNF8iPg0KCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfM18iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQk8L2NsaXBQYXRoPg0KCQk8ZyBvcGFjaXR5PSIwLjYiIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiPg0KCQkJPGc+DQoJCQkJPGRlZnM+DQoJCQkJCTxyZWN0IGlkPSJTVkdJRF81XyIgeD0iLTgiIHk9Ii05IiB3aWR0aD0iMzIuNiIgaGVpZ2h0PSI3OCIvPg0KCQkJCTwvZGVmcz4NCgkJCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4NCgkJCQkJPHVzZSB4bGluazpocmVmPSIjU1ZHSURfNV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPg0KCQkJCTwvY2xpcFBhdGg+DQoJCQkJPHBvbHlsaW5lIGNsaXAtcGF0aD0idXJsKCNTVkdJRF82XykiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0FGQjZDMiIgc3Ryb2tlLXdpZHRoPSIyIiBwb2ludHM9IjAuOCwwLjYgMjIuMywzMCAwLjgsNTkuNCAJCQkJIi8+DQoJCQk8L2c+DQoJCTwvZz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4="); }
/* Pagination Styles */
.swiper-pagination-wraper {
position: absolute;
left: 50%;
top: 1rem; }
.swiper-pagination-wraper--landing-page {
top: initial;
bottom: 1rem;
z-index: 2; }
.swiper-pagination {
text-align: center;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%; }
/* Bullets */
.swiper-pagination-bullet {
width: 10px;
height: 10px;
display: inline-block;
border-radius: 100%;
border: 1px solid #afb6c2;
margin: 0 .4rem; }
.swiper-pagination-bullet--transparent {
background: transparent; }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff; }
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff; }
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff; }
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000; }
.swiper-pagination-red .swiper-pagination-bullet-active {
border-color: #e20600;
background: transparent; }
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px; }
/* Progress */
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5); }
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff; }
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000; }
/* 3D Container */
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px; }
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-right {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-top {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */ }
.swiper-container-3d .swiper-slide-shadow-bottom {
/* Safari 4+, Chrome */
/* Chrome 10+, Safari 5.1+, iOS 5+ */
/* Firefox 3.6-15 */
/* Opera 11.10-12.00 */
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 16+, IE10, Opera 12.50+ */ }
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px; }
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
overflow: visible; }
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
/* Cube */
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0; }
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-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 > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
/* Preloader */
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite; }
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat; }
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
/* customize */
.swiper-modal {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: fixed;
background: #F3F3F3;
z-index: 10000;
display: none; }
.swiper-container {
width: 100%;
margin-left: auto;
margin-right: auto; }
.swiper-container--abs {
position: absolute;
top: 0;
left: 0;
min-height: 50rem;
z-index: -1; }
.swiper-slide {
background-size: contain;
background-position: center; }
.swiper-slide--size-l {
height: 75vh;
min-height: 50rem; }
.gallery-top {
height: 80%;
width: 100%; }
.gallery-top .swiper-slide {
background-size: contain;
background-repeat: no-repeat; }
@media (min-width: 75em) {
.gallery-top .swiper-slide {
background-size: contain; } }
.gallery-thumbs {
height: 20%;
box-sizing: border-box;
padding: 10px 0; }
.gallery-thumbs .swiper-slide {
width: 25%;
max-width: 250px;
height: 100%;
opacity: 0.4;
cursor: pointer;
background-size: cover; }
.gallery-thumbs .swiper-slide-active {
opacity: 1; }
.remodal.remodal--swiper {
margin-bottom: 0;
background: none; }
.fluid__iframe--swiper {
height: 100%;
padding: 0; }
@-webkit-keyframes swiper-pulse {
0% {
fill: #666; }
50% {
fill: white; }
100% {
fill: #666; } }
@keyframes swiper-pulse {
0% {
fill: #666; }
50% {
fill: white; }
100% {
fill: #666; } }
.swiper-close {
width: 6rem;
height: 6rem;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
z-index: 10001;
fill: white;
background: #ec1c24;
padding: 1.5rem;
transition: all ease .3s; }
.swiper-close:hover {
fill: #4B4A4A;
transition: all ease .3s; }
.swiper-slide-comment {
position: absolute;
bottom: 0;
background: rgba(243, 243, 243, 0.8);
color: #4B4A4A;
font-weight: 500;
width: 100%;
padding: 10px;
text-align: center; }
.swiper-overlay {
position: absolute;
width: 100%;
height: 100%;
transition: background-color .5s linear; }
.swiper-overlay:hover {
background-color: rgba(0, 0, 0, 0.6); }
.jsOpenGallery {
cursor: pointer; }
.blog {
text-align: left; }
.blog__snippet {
margin-top: 6rem; }
.blog__snippet-item {
margin: 2rem 0;
background: #ec1c24;
border-radius: 4rem;
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: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden; }
.blog__snippet-text {
width: 100%;
padding: 3rem;
text-align: left; }
@media print, screen and (min-width: 48em) {
.blog__snippet-text {
width: 40%;
padding: 5rem; } }
.blog__snippet-text .text {
margin-bottom: 2rem; }
.blog__snippet-text .text h2, .blog__snippet-text .text h3, .blog__snippet-text .text h4, .blog__snippet-text .text p, .blog__snippet-text .text li {
color: white; }
.blog__snippet-text .text p {
font-size: 1.6rem; }
.blog__snippet-img {
width: 100%;
height: auto; }
@media print, screen and (min-width: 48em) {
.blog__snippet-img {
width: 60%; } }
.blog__item {
position: relative;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
margin-bottom: 4rem; }
.blog__item-img {
width: 100%;
height: auto;
margin-bottom: 1.5rem; }
.blog__item h2 {
max-width: 100%; }
.blog__item p {
margin-top: .5rem;
max-width: 100%; }
.blog__item-tags {
font-size: 1.4rem;
text-transform: uppercase;
color: #4B4A4A;
margin-bottom: .5rem;
max-width: 100%; }
.blog__item-tags-item {
margin-right: 1rem; }
.blog__item:hover h2 {
text-decoration: underline; }
.blog__bg {
position: relative;
padding: 8rem 2rem 8rem 2rem;
background-size: cover;
background-position: top;
min-height: 40rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 6rem; }
@media print, screen and (min-width: 48em) {
.blog__bg {
padding: 8rem 0 8rem 0; } }
@media screen and (min-width: 75em) {
.blog__bg {
padding: 14rem 0 14rem 0; } }
.blog__bg:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: linear-gradient(45deg, #675656 0%, rgba(103, 86, 86, 0.9) 40%, rgba(103, 86, 86, 0.3) 100%);
transition: all ease .5s;
z-index: 0; }
.blog__bg-text {
position: relative;
z-index: 9;
padding: 0 2rem; }
@media print, screen and (min-width: 48em) {
.blog__bg-text {
padding: 0; } }
.blog__bg-text h1, .blog__bg-text h2, .blog__bg-text p {
color: white; }
.blog__numbered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
position: relative; }
@media print, screen and (min-width: 48em) {
.blog__numbered {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.blog__numbered-number {
width: 6rem;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.blog__numbered-number {
margin-bottom: 0; } }
.blog__numbered-text {
width: 100%; }
@media print, screen and (min-width: 48em) {
.blog__numbered-text {
width: calc(100% - 6rem); } }
.blog__numbered-box {
height: 3.8rem;
width: 3.8rem;
background: #4B4A4A;
color: white;
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;
border-radius: 50%;
font-size: 2rem;
font-weight: 800;
position: relative; }
.blog__numbered-box span {
position: relative; }
.blog__numbered-box span:after {
content: ".";
position: absolute;
right: -.6rem; }
.blog__text {
text-align: left;
font-size: 1.6rem;
margin-top: 1rem;
color: #000000; }
.blog__text h2 {
font-size: 2.2rem;
color: #4B4A4A;
line-height: 1.3;
margin-bottom: .8rem; }
.blog__text h2.title-2 {
font-size: 2.2rem;
font-weight: 300 !important; }
@media print, screen and (min-width: 48em) {
.blog__text h2.title-2 {
font-size: 2.6rem; } }
@media screen and (min-width: 85.375em) {
.blog__text h2.title-2 {
font-size: 3.2rem; } }
.blog__text h3 {
font-size: 1.8rem;
color: #4B4A4A;
line-height: 1.3;
margin-bottom: .8rem; }
.blog__text p {
margin-bottom: 1rem;
line-height: 1.4;
font-size: 1.6rem;
color: #000000; }
.blog__text a {
color: #ec1c24;
text-decoration: underline;
font-size: 1.6rem; }
.blog__text a:hover {
text-decoration: none; }
.blog__text ul {
padding: 0 2rem 2rem 2rem;
list-style-type: square;
font-size: 1.6rem;
color: #000000; }
.blog__text ol {
padding: 0 2rem 2rem 4rem;
list-style-type: decimal;
font-size: 1.6rem;
color: #000000; }
.blog__text li {
margin-bottom: .5rem; }
.blog__text iframe {
width: 100%;
height: 38rem; }
.blog__pros {
margin-top: 3rem;
border: 1px solid #e1dfdf;
padding: 6rem 2rem; }
.blog__pros .title-4 {
margin-bottom: 3rem; }
.blog__pros-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media print, screen and (min-width: 48em) {
.blog__pros-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.blog__pros-item {
width: 100%;
margin-bottom: 5rem; }
@media print, screen and (min-width: 48em) {
.blog__pros-item {
width: 50%; } }
@media print, screen and (min-width: 64em) {
.blog__pros-item {
width: 25%;
margin-bottom: 0; } }
.blog__pros-img {
width: 12rem;
height: auto;
max-width: 100%;
margin-bottom: 1rem; }
.blog__pros-title {
font-size: 1.6rem;
font-weight: 500;
text-transform: uppercase;
color: #4B4A4A;
margin-bottom: 1.5rem; }
.blog__pros-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 1.5rem; }
.blog__pros-icon + .blog__pros-icon {
margin-top: 1.5rem; }
.blog__pros-icon-img {
height: 1.8rem;
width: 1.8rem;
margin-top: .3rem; }
.blog__pros-icon-text {
text-align: left;
padding-left: 1rem;
font-weight: 400;
font-size: 1.5rem;
line-height: 1.4; }
.blog__tabs {
margin-top: 3rem;
border: 1px solid #e1dfdf;
padding: 6rem 2rem;
position: relative;
overflow: hidden; }
.blog__tabs-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left; }
@media print, screen and (min-width: 48em) {
.blog__tabs-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.blog__tabs .title-4 {
margin-bottom: 3rem; }
.blog__tabs .btn-group {
display: none; }
@media print, screen and (min-width: 64em) {
.blog__tabs .btn-group {
width: 25%;
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: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 2rem; } }
.blog__tabs .carousel-tabs {
width: 100%;
position: relative; }
@media print, screen and (min-width: 64em) {
.blog__tabs .carousel-tabs {
width: 75%; } }
.blog__tabs .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media print, screen and (min-width: 64em) {
.blog__tabs .owl-item {
padding: 0 2rem; } }
.blog__tabs .btn {
background: transparent;
color: #000000;
padding: 0;
border-radius: unset;
text-transform: none;
font-size: 1.7rem;
font-weight: 500;
display: inline;
text-decoration: underline;
margin-bottom: .3rem;
position: relative;
z-index: 9;
transition: all ease .3s;
text-align: left;
line-height: 1.2;
margin-bottom: 1.5rem; }
.blog__tabs .btn:hover {
color: #4B4A4A;
transition: all ease .3s;
text-decoration: none; }
.blog__tabs .owl-stage-outer {
overflow: hidden; }
.blog__tabs .item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media print, screen and (min-width: 48em) {
.blog__tabs .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
.blog__tabs .owl-nav {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
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;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.blog__tabs .owl-nav button {
height: 3rem;
width: 3rem;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
background: #F3F3F3;
border: 1px solid #e1dfdf;
border-radius: 50%;
color: #000000;
font-size: 2.2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
transition: all ease .3s;
z-index: 9; }
.blog__tabs .owl-nav button:hover {
background: #e1dfdf;
transition: all ease .3s; }
@media print, screen and (min-width: 48em) {
.blog__tabs .owl-nav {
left: 50%;
width: calc(50% - 1rem); } }
.blog__tabs .owl-dots {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media print, screen and (min-width: 48em) {
.blog__tabs .owl-dots {
left: 50%;
width: calc(50% - 1rem); } }
.blog__tabs .owl-dot {
padding: .4rem;
position: relative;
display: inline-block;
background: #F3F3F3;
border: 1px solid #e1dfdf;
border-radius: 50%;
margin: 1rem .5rem;
cursor: pointer; }
.blog__tabs .owl-dot span {
display: none; }
.blog__tabs .owl-dot.active {
background: #000000;
border: 1px solid #000000; }
.blog__tabs-img {
width: 100%;
height: auto;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.blog__tabs-img {
width: calc(50% - 2rem);
margin-right: 2rem;
margin-bottom: 0; } }
.blog__tabs-title {
font-size: 1.7rem;
color: #4B4A4A;
font-weight: 600; }
.blog__tabs-text {
padding-bottom: 4rem; }
.blog__gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 2rem; }
@media print, screen and (min-width: 48em) {
.blog__gallery {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.blog__gallery-img {
width: 100%;
height: 20rem;
-o-object-fit: cover;
object-fit: cover; }
@media print, screen and (min-width: 48em) {
.blog__gallery-img {
width: 100%;
height: auto; } }
.blog__gallery-overlay {
position: absolute;
bottom: 0;
right: 0;
height: 20rem;
max-height: 100%;
width: 100%;
background: linear-gradient(6deg, rgba(0, 0, 0, 0.8) 0%, rgba(9, 9, 121, 0) 50%); }
.blog__gallery-overlay:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0);
transition: all ease .5s; }
.blog__gallery-overlay:hover:before {
background: rgba(0, 0, 0, 0.3);
transition: all ease .5s; }
.blog__gallery-overlay-text {
position: absolute;
font-size: 1.5rem;
bottom: 1.5rem;
left: 1.5rem;
text-align: left;
color: white;
font-weight: 500;
max-width: calc(100% - 3rem);
line-height: 1.3; }
.blog__gallery-item {
width: 100%;
height: auto;
margin-bottom: 1rem;
position: relative;
-o-object-fit: cover;
object-fit: cover; }
@media print, screen and (min-width: 48em) {
.blog__gallery-item {
width: calc(50% - 1rem);
margin-right: 1rem; } }
@media print, screen and (min-width: 64em) {
.blog__gallery-item {
width: calc(25% - 1rem);
margin-right: 1rem; } }
.blog__gallery-item--full {
margin-bottom: -1rem; }
@media print, screen and (min-width: 48em) {
.blog__gallery-item--full {
width: 100%;
margin-right: 0;
max-width: 74rem; } }
@media print, screen and (min-width: 64em) {
.blog__gallery-item--full {
width: 100%;
margin-right: 0; } }
@media print, screen and (min-width: 64em) {
.blog__gallery-item--full--numbered {
padding-left: 6rem; }
.blog__gallery-item--full--numbered.jsOpenGallery:before {
width: calc(100% - 6rem); }
.blog__gallery-item--full--numbered .blog__gallery-overlay {
width: calc(100% - 6rem); } }
.blog__gallery-item--full + .blog__gallery-item--full {
margin-top: 3rem; }
.blog__gallery-item--wide {
max-width: none; }
.blog__gallery--half {
width: 74rem;
max-width: 100%;
margin: auto; }
.blog__gallery--half .blog__gallery-item {
width: 100%; }
@media print, screen and (min-width: 48em) {
.blog__gallery--half .blog__gallery-item {
width: calc(50% - 1rem);
margin-right: 1rem; } }
@media print, screen and (min-width: 64em) {
.blog__gallery--half--numbered {
padding-left: 6rem; } }
.blog__gallery--sl .blog__gallery-overlay {
background: transparent;
position: relative;
height: auto;
bottom: auto;
right: auto;
margin-bottom: 1rem;
line-height: 1.4;
font-size: 1.6rem;
color: #000000; }
.blog__gallery--sl .blog__gallery-overlay:before {
display: none; }
.blog__gallery--sl .blog__gallery-overlay-text {
position: relative;
height: auto;
bottom: auto;
right: auto;
left: auto;
line-height: 1.4;
font-size: 1.6rem;
font-weight: 400;
color: #000000;
margin-top: 1rem; }
.blog__gallery--sl .blog__gallery-overlay-text a {
color: #ec1c24; }
.blog__gallery--sl .blog__gallery-overlay-text a:hover {
text-decoration: underline; }
.blog__gallery--sl .blog__gallery-item--full + .blog__gallery-item--full {
margin-top: 3rem; }
.blog__gallery--sl .blog__gallery-img {
width: 100%;
height: auto; }
.blog__big {
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-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media print, screen and (min-width: 48em) {
.blog__big {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.blog__big-icon {
width: 35%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.blog__big-icon-img {
width: 100%;
height: auto;
margin-bottom: -50%;
position: relative;
z-index: 2; }
.blog__big-text {
width: 100%;
padding-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.blog__big-text {
padding-left: 4rem;
width: 65%;
padding-bottom: 3rem; } }
.blog__big-img {
width: 100%;
height: auto; }
.blog__normal-text {
text-align: left; }
.blog__normal-text .blog__text p {
text-align: left; }
.blog__numbers {
margin-top: 3rem; }
.blog__numbers .title-4 {
margin-bottom: 1.5rem; }
.blog__numbers .common-text {
width: calc(100% - 6rem); }
.blog__numbers-item {
text-align: left;
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; }
.blog__numbers-number {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 4rem;
width: 4rem;
border: 1px solid #000000;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 600;
font-size: 2rem;
color: #4B4A4A; }
.blog__quote {
margin-top: -2rem; }
.blog__quote-item {
background: linear-gradient(148.43deg, #FBFBFB 13.3%, #F7F7F7 29.03%, #F3F3F3 68.13%, #E8E5E5 90.71%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-webkit-transform: rotate(-1.59deg);
transform: rotate(-1.59deg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
@media print, screen and (min-width: 48em) {
.blog__quote-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end; } }
.blog__quote-text {
padding: 3rem 2rem;
text-align: left;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media print, screen and (min-width: 48em) {
.blog__quote-text {
width: 70%; } }
.blog__quote-quote {
font-family: 'Caveat', cursive;
color: #4B4A4A;
font-size: 2.5rem;
line-height: 1.2; }
.blog__quote-name {
font-size: 1.6rem;
font-weight: 600;
color: #4B4A4A;
margin-top: 1rem; }
.blog__quote-img {
margin-top: 1rem;
width: 100%;
height: auto;
max-width: 20rem;
margin: auto; }
@media print, screen and (min-width: 48em) {
.blog__quote-img {
width: 30%;
margin: unset; } }
@media screen and (min-width: 85.375em) {
.blog__badge .title-2 {
font-size: 3rem; } }
.blog__badge .title-4 {
margin-bottom: 2rem; }
.blog__badge-text {
text-align: left; }
.blog__badge-badges {
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: rotate(-5.48deg);
transform: rotate(-5.48deg); }
@media screen and (min-width: 75em) {
.blog__badge-badges {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; } }
.blog__badge-badges-item {
height: 12rem;
width: 12rem;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: linear-gradient(180deg, #FFFFFF 0%, #E1DFDF 100%);
box-shadow: 0px 4.45714px 4.45714px rgba(0, 0, 0, 0.25);
padding: 1.5rem;
font-family: 'Caveat', cursive;
color: #4B4A4A;
font-size: 2.2rem;
line-height: 1;
margin: 4rem 1rem 0 1rem; }
@media print, screen and (min-width: 48em) {
.blog__badge-badges-item {
font-size: 2.8rem;
height: 16rem;
width: 16rem;
margin: 4rem 2rem 0 2rem; } }
@media screen and (min-width: 75em) {
.blog__badge-badges-item {
margin: 0; } }
.blog__badge-badges-red {
color: #ec1c24;
font-size: 3rem;
display: block; }
@media print, screen and (min-width: 48em) {
.blog__badge-badges-red {
font-size: 3.8rem; } }
.blog__badge-hr {
width: 100%;
height: .1rem;
background: #BBBBBB;
margin: 6rem 0; }
.blog__badge-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left; }
.blog__badge-links-item {
margin: .3rem 0;
font-size: 1.6rem;
color: #ec1c24;
text-decoration: underline; }
.blog__badge-links-item:hover {
color: #4B4A4A;
text-decoration: none; }
.blog__refs {
margin-top: 4rem; }
.blog__refs-title {
margin-top: 4rem; }
.blog--badge .blog__numbered {
display: none; }
.blog--refs .blog__numbered {
display: none; }
.blog__product .blog__gallery {
width: 100%;
margin-top: 2rem; }
@media print, screen and (min-width: 48em) {
.blog__product .blog__gallery-item {
width: calc(33% - 1rem); } }
@media print, screen and (min-width: 64em) {
.blog__product .blog__gallery-item {
width: calc(25% - 1rem); } }
@media screen and (min-width: 85.375em) {
.blog__product .blog__gallery-item {
width: calc(20% - 1rem); } }
.blog__product .blog__gallery-item--full {
width: 100%; }
@media print, screen and (min-width: 48em) {
.blog__product .blog__gallery-item--full {
width: calc(50% - 1rem);
margin-right: 1rem; } }
.blog__third {
margin-bottom: -2rem; }
.row + .blog__third {
margin-top: 4rem; }
.blog__third .column + .column, .blog__third .columns + .column, .blog__third .column + .columns, .blog__third .columns + .columns {
margin-top: 5rem; }
@media print, screen and (min-width: 48em) {
.blog__third .column + .column, .blog__third .columns + .column, .blog__third .column + .columns, .blog__third .columns + .columns {
margin-top: 0; } }
.blog__third-icon {
width: 8.5rem;
height: auto;
margin: 0 0 1rem 0; }
.blog__third .blog__text a {
text-decoration: none;
position: relative;
padding-right: 1rem; }
.blog__third .blog__text a:after {
content: ' »'; }
.blog__third .blog__text a:hover {
text-decoration: underline; }
.blog__third--nocrop-img {
border: 1px solid #E7E7E7;
transition: all ease .2s; }
.blog__third--nocrop:hover .blog__third--nocrop-img {
border: 1px solid #ec1c24;
transition: all ease .2s; }
.blog__third--narrow {
max-width: 79rem; }
.blog__third--narrow .blog__third--nocrop-img {
border: none !important; }
.blog__third--narrow h2 {
font-size: 4rem;
margin-bottom: -.2rem; }
.blog__third--narrow strong {
color: #4B4A4A; }
.blog__third--icon-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.blog__third-tile {
border: 1px solid #E7E7E7;
transition: all ease .2s;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 3rem;
height: 100%; }
@media print, screen and (min-width: 48em) {
.blog__third-tile {
margin-bottom: 0;
padding: 2rem 6rem; } }
.blog__third-tile .blog__third--nocrop-img {
border: none !important;
width: 100%;
height: auto; }
.blog__third-tile h3 {
color: #4B4A4A;
margin-top: 1rem; }
.blog__third-tile-link {
color: #ec1c24;
margin-top: .5rem; }
.blog__third-tile:hover {
border: 1px solid #ec1c24;
transition: all ease .2s; }
.blog__third-tile:hover .blog__third--nocrop-img {
border: none !important; }
.blog__third-tile:hover .blog__third-tile-link {
text-decoration: underline; }
.blog__bordered {
margin-top: -3rem; }
.blog__bordered-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.blog__bordered-box img {
width: 100%;
height: auto; }
@media print, screen and (min-width: 48em) {
.blog__bordered-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 0 2rem; }
.blog__bordered-box .blog__text {
width: 50%;
height: auto;
margin-top: 0; }
.blog__bordered-box img {
width: 50%;
height: auto; } }
.blog__chars-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: -2rem; }
@media print, screen and (min-width: 48em) {
.blog__chars-flex {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; } }
.blog__chars-img {
height: 6rem;
width: auto; }
@media print, screen and (min-width: 48em) {
.blog__chars-box {
min-height: 5.5rem; } }
.blog__chars-item {
width: 100%;
padding: 0 2rem;
margin-bottom: 4rem; }
@media print, screen and (min-width: 48em) {
.blog__chars-item {
width: 50%;
margin-bottom: 2rem; } }
@media print, screen and (min-width: 64em) {
.blog__chars-item {
width: 33%; } }
@media screen and (min-width: 75em) {
.blog__chars-item {
width: 20%; } }
.blog__chars-text {
font-size: 1.6rem;
line-height: 1.3;
color: #4B4A4A;
font-weight: 500; }
.blog__contact {
margin-top: 2rem;
max-width: 40rem; }
.blog--center .title-2 {
text-align: center; }
.blog--center .blog__text {
text-align: center; }
.blog--center .blog__text p {
text-align: center; }
.text__blog--quote {
font-weight: 300;
font-size: 1.8rem;
position: relative;
margin-top: 4rem; }
@media print, screen and (min-width: 48em) {
.text__blog--quote {
font-size: 2.6rem; } }
.text__blog--quote::before {
content: ' ';
position: absolute;
background-image: url("../img/uvozovky.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 10rem;
height: 10rem;
top: -2rem;
left: -2rem; }
.form__files {
width: 100%;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.form__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left; }
.form__row .actionLink {
color: #ec1c24 !important;
font-size: 1.4rem; }
.form__row .jFileName {
font-size: 1.4rem; }
.form__row .jFileContentFile {
font-size: 1.6rem;
margin: 1rem 2rem 1rem 0; }
.form__row .jFileBt {
font-size: 1.6rem;
margin: 1rem 2rem 1rem 0; }
@media print, screen and (min-width: 48em) {
.form__row {
-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;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.form__row-half {
width: calc(100%); }
@media print, screen and (min-width: 48em) {
.form__row-half {
width: calc(50% - 1rem); } }
.form__row-full {
width: 100%; }
.form__row--sm .form__text {
font-size: 1.3rem;
padding-left: 1rem; }
.form__text {
font-size: 1.6rem;
margin-bottom: .2rem; }
.form__input {
width: 100%;
border: 1px solid #E1DFDF;
padding: 1rem;
margin-bottom: 2rem;
font-family: "Montserrat", sans-serif; }
.form__select {
width: 100%;
border: 1px solid #E1DFDF;
padding: 1rem;
margin-bottom: 3rem;
font-family: "Montserrat", sans-serif; }
.form__file {
margin-bottom: 3rem;
font-family: "Montserrat", sans-serif; }
.form__gdpr {
margin-top: 4rem;
text-align: left; }
.form__gdpr p {
font-size: 1.2rem; }
.form__gdpr a {
color: #ec1c24; }
.form__gdpr a:hover {
text-decoration: underline; }
.form__gdpr--hidden {
display: none; }
.form__contact {
margin: 4rem auto; }
.form__validation-text {
width: 100%;
background: #ec1c24;
padding: .8rem 1.6rem;
color: white;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 2rem;
border-radius: .3rem; }
.form--submitted {
text-align: center;
font-size: 1.8rem;
font-weight: 600;
background: #3ac569;
color: white;
padding: 1rem;
border-radius: .3rem; }
.form__service {
margin-top: 6rem; }
.form__service-subtitle {
margin-top: 6rem;
margin-bottom: 2rem; }
.form__bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 4rem; }
.form__bullets-item {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
text-align: left;
margin-bottom: 1rem; }
.form__bullets-item .products__pros-img {
margin-top: .5rem; }
.form__bullets-item .products__pros-text {
font-size: 1.6rem; }
.form__bullets--margin {
margin-top: 4rem; }
.form__call {
margin-top: 8rem; }
.form__call .service__contact-box {
margin: 3rem auto 0 auto; }
@media print, screen and (min-width: 48em) {
.form--new .form__row-half {
width: 70%;
padding-right: 2rem; }
.form--new .form__row-half + .form__row-half {
width: 30%;
padding-right: 0; } }
.form--new-more {
color: #ec1c24;
text-decoration: underline;
cursor: pointer; }
.form--new-more:hover {
text-decoration: none; }
.form--new-more--hidden {
display: none; }
.form--new-gdpr {
font-size: 1.3rem;
margin-top: 4rem;
margin-bottom: -1rem; }
#nabidkaForm {
margin-top: 4rem; }
.form-group {
display: block;
margin-bottom: 3rem; }
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer; }
.form-group label {
position: relative;
cursor: pointer;
font-size: 1.6rem; }
.form-group label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #E1DFDF;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px; }
.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 1px;
left: 7px;
width: 6px;
height: 14px;
border: solid #ec1c24;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.superlock__item {
background: white;
width: 100%;
display: block;
padding: 3rem;
box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0);
transition: all ease .2s; }
.superlock__item-img {
width: 20rem;
height: 20rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
max-width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
transition: all ease .2s; }
.superlock__item-title {
text-align: center;
font-weight: 300;
font-size: 2rem;
color: #4B4A4A;
max-width: 22rem;
margin: auto;
margin-top: 1rem; }
.superlock__item:hover {
box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.05);
transition: all ease .2s; }
.superlock__item:hover .superlock__item-img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
transition: all ease .2s; }
.superlock__carousel {
position: relative;
padding-bottom: 4rem; }
.superlock__carousel-item {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.superlock__carousel-img {
width: 100%;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.superlock__carousel-img {
width: 60%;
margin-bottom: 0; } }
.superlock__carousel-text {
width: 100%;
text-align: left; }
@media print, screen and (min-width: 48em) {
.superlock__carousel-text {
width: 40%;
padding-left: 3rem; } }
.superlock__carousel .owl-dots {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: -1rem;
right: 0;
margin: auto;
width: 100%;
height: 1.2rem; }
@media print, screen and (min-width: 48em) {
.superlock__carousel .owl-dots {
width: 35%; } }
.superlock__carousel .owl-dot {
width: 1.2rem;
height: 1.2rem;
background: transparent;
margin: .5rem;
border: 2px solid #ec1c24 !important;
border-radius: 50%;
transition: all ease .2s; }
.superlock__carousel .owl-dot.active {
background: #ec1c24;
transition: all ease .2s; }
.superlock__carousel .owl-nav {
position: absolute;
bottom: 0;
right: 0;
margin: auto;
width: 100%;
height: 5rem; }
@media print, screen and (min-width: 48em) {
.superlock__carousel .owl-nav {
width: 35%; } }
.superlock__carousel .page__gallery-arrow {
width: 3rem;
height: auto; }
.superlock__bullets {
color: #000000;
font-size: 1.8rem;
font-weight: 400; }
.superlock__bullets p {
color: #000000;
font-size: 1.8rem; }
.superlock__bullets h3 {
font-size: 1.8rem;
line-height: 1.4;
font-weight: 600;
color: #4B4A4A; }
.superlock__bullets p + ul {
margin-top: 2rem; }
.superlock__bullets ul {
padding: 0 2rem 2rem 4rem;
list-style-type: none;
margin-top: 1rem;
text-align: left;
color: #4B4A4A;
font-size: 1.6rem; }
.superlock__bullets li {
position: relative;
margin-bottom: 1.5rem; }
.superlock__bullets li:before {
content: '';
width: 3rem;
height: .2rem;
position: absolute;
top: 1rem;
left: -4.5rem;
margin: auto;
background: #ec1c24; }
.superlock__bullets--acrylcolor ul {
margin-top: 2rem;
padding: 0 2rem 2rem 6rem; }
.superlock__bullets--acrylcolor li::before {
content: '';
width: 4rem;
height: 4rem;
position: absolute;
top: 0;
left: -6rem;
margin: auto;
background: transparent;
background-image: url("../img/izoTick.svg");
background-size: contain;
background-position: center; }
.superlock__box {
position: relative;
text-align: left; }
.superlock__box-img {
width: 100%;
height: auto;
max-width: 20rem;
margin: auto; }
@media print, screen and (min-width: 48em) {
.superlock__box-img {
display: block;
max-width: none; } }
.superlock__box-sticky {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media print, screen and (min-width: 48em) {
.superlock__box-sticky {
position: -webkit-sticky;
position: sticky;
top: 10rem; } }
.superlock__box-sticky .btn {
margin-top: 3rem;
max-width: 30rem;
line-height: 1.3; }
.superlock__box-sticky-btn {
display: none; }
@media print, screen and (min-width: 48em) {
.superlock__box-sticky-btn {
display: block; } }
.superlock__numbers {
margin-top: 5rem; }
.superlock__numbers-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 4rem; }
@media print, screen and (min-width: 48em) {
.superlock__numbers-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; } }
.superlock__numbers-photo {
width: 25%; }
@media print, screen and (min-width: 48em) {
.superlock__numbers-photo {
width: 15%; } }
.superlock__numbers-img {
width: 100%;
height: auto; }
.superlock__numbers-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
width: 75%; }
@media print, screen and (min-width: 48em) {
.superlock__numbers-flex {
width: 85%;
-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; } }
.superlock__numbers-number {
height: 3rem;
width: 3rem;
color: white;
position: relative;
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;
background: #ec1c24;
border-radius: 50%;
font-size: 1.6rem;
font-weight: 800; }
@media print, screen and (min-width: 48em) {
.superlock__numbers-number {
height: 4rem;
width: 4rem;
font-size: 2rem; } }
.superlock__numbers-number--above {
background: #828282; }
.superlock__numbers-text {
text-align: left;
width: calc(100% - 4rem);
margin-top: .4rem;
padding-left: 1rem; }
@media print, screen and (min-width: 48em) {
.superlock__numbers-text {
width: calc(100% - 6rem);
margin-top: 0;
padding-left: 0; } }
.superlock__numbers-text p {
font-size: 1.4rem;
color: #4B4A4A; }
@media print, screen and (min-width: 48em) {
.superlock__numbers-text p {
font-size: 1.6rem; } }
.superlock__numbers-text a {
font-size: 1.6rem;
color: #4B4A4A;
text-decoration: underline;
font-style: italic; }
.superlock__numbers-text a:hover {
color: #ec1c24; }
.superlock__standard {
display: none; }
@media print, screen and (min-width: 48em) {
.superlock__standard {
display: block; } }
.superlock__standard--above .superlock__numbers-number {
background: #828282; }
.superlock__standard + .superlock__standard {
margin-top: 7rem;
padding-top: 6rem;
border-top: 1px solid #828282; }
.superlock__standard-link {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 40rem;
color: #ec1c24;
font-weight: 600; }
.superlock__standard-link:hover {
text-decoration: underline; }
.superlock__standard-logo {
width: 7rem;
height: auto;
margin-right: 2rem; }
.superlock__carousel {
margin-top: 4rem;
margin-bottom: 4rem; }
@media print, screen and (min-width: 48em) {
.superlock__carousel {
display: none; } }
.superlock__carousel .owl-prev {
font-size: 5rem !important;
color: #000000 !important;
position: absolute;
top: 0;
bottom: 0;
left: -2rem;
margin: auto; }
.superlock__carousel .owl-next {
font-size: 5rem !important;
color: #000000 !important;
position: absolute;
top: 0;
bottom: 0;
right: -2rem;
margin: auto; }
.superlock__carousel-btn {
font-size: 1.2rem;
padding: .8rem 1.8rem;
max-width: 80%;
margin-left: 10%; }
@media print, screen and (min-width: 48em) {
.superlock__carousel-btn {
display: none; } }
.superlock__snippet {
border: 1px solid #FFC5C5;
border-radius: 3rem;
margin-top: 6rem;
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: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2rem 3rem; }
@media print, screen and (min-width: 48em) {
.superlock__snippet {
padding: 2rem; } }
.superlock__snippet-img {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
@media print, screen and (min-width: 48em) {
.superlock__snippet-img {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.superlock__snippet-logo {
width: 8rem;
height: auto;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.superlock__snippet-logo {
width: 60%;
margin-bottom: 0; } }
.superlock__snippet-text {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left; }
@media print, screen and (min-width: 48em) {
.superlock__snippet-text {
width: 70%;
padding-left: 1rem; } }
.superlock__snippet-text h2 {
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.superlock__snippet-text h2 {
margin-bottom: 1rem; } }
.superlock__snippet-text .btn {
padding: 1rem 3rem; }
.superlock__snippet--new {
padding: 0 3rem;
position: relative;
overflow: hidden;
min-height: 16rem; }
@media print, screen and (min-width: 48em) {
.superlock__snippet--new {
padding: 0 2rem; } }
.superlock__snippet--new .superlock__snippet-text {
padding: 2rem; }
.superlock__snippet--new .superlock__snippet-logo {
width: 100%;
margin-bottom: 0;
margin-top: 1rem; }
.superlock__snippet--new-logo {
position: absolute;
top: 0;
bottom: 0;
right: 2rem;
margin: auto;
height: 100% !important;
width: auto !important;
z-index: -2;
opacity: .7; }
@media print, screen and (min-width: 48em) {
.superlock__snippet--new-logo {
opacity: 1; } }
.superlock__snippet--new .title-4 {
max-width: 25rem; }
.jumbo {
position: relative;
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: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-top: 6rem;
height: auto; }
@media print, screen and (min-width: 64em) {
.jumbo {
height: 70rem;
min-height: 55rem;
max-height: 90vh; } }
.jumbo--video {
height: auto;
min-height: initial;
max-height: initial; }
.jumbo__icons {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0;
max-width: 100%; }
@media print, screen and (min-width: 48em) {
.jumbo__icons {
margin-top: 6rem; } }
.jumbo__icons-item {
width: 100rem;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
margin: 1rem 2rem; }
@media print, screen and (min-width: 64em) {
.jumbo__icons-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 25rem; } }
.jumbo__icons-img {
width: 7rem;
height: 4rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center right;
object-position: center right;
margin-right: 2rem; }
@media print, screen and (min-width: 48em) {
.jumbo__icons-img {
width: 10rem;
height: 7rem; } }
.jumbo__icons-text {
color: white;
font-weight: 600;
line-height: 1.2;
width: 20rem; }
@media print, screen and (min-width: 48em) {
.jumbo__icons-text {
font-size: 2rem;
width: auto; } }
.jumbo__video {
position: relative;
width: 100%;
height: auto; }
.jumbo__video::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #7A5C52;
opacity: .6; }
.jumbo__video-video {
width: 100%;
height: auto;
margin-bottom: -.7rem;
min-height: 50vh;
max-height: 80vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.jumbo__video-text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem; }
.jumbo__video-text h1 {
text-align: center;
color: white;
max-width: 78rem;
margin-bottom: 2rem; }
.jumbo__video-text h2 {
color: white; }
.jumbo__snippets {
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: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%; }
.jumbo__snippets-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transform: scale(1);
transform: scale(1);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
aspect-ratio: 3 / 2;
transition: all ease .5s; }
.jumbo__snippets-item {
position: relative;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
width: 100%;
margin-top: 1rem;
min-height: 20rem;
overflow: hidden;
aspect-ratio: 3 / 2; }
@media print, screen and (min-width: 48em) {
.jumbo__snippets-item {
width: calc(50% - .7rem); } }
.jumbo__snippets-item:hover .jumbo__snippets-bg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all ease .5s; }
.jumbo__snippets-item:hover .title-4 {
text-decoration: underline; }
.jumbo__snippets-box {
position: relative;
padding-bottom: 30%;
width: 40%;
overflow: hidden; }
.jumbo__snippets-title {
position: relative;
width: 100%;
padding: 2rem;
z-index: 2; }
.jumbo__snippets-title::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1; }
.jumbo__snippets-title .title-4 {
position: relative;
font-size: 1.5rem;
max-width: 80%;
color: white;
z-index: 2; }
@media screen and (min-width: 75em) {
.jumbo__snippets-title .title-4 {
font-size: 1.8rem; } }
.jumbo__snippets-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-transform: scale(1);
transform: scale(1);
transition: all ease .5s; }
@media print, screen and (min-width: 48em) {
.jumbo__snippets--3 .jumbo__snippets-item {
width: calc(33.333% - .7rem); } }
@media print, screen and (min-width: 48em) {
.jumbo__snippets--4 .jumbo__snippets-item {
width: calc(25% - .7rem); } }
.jumbo--acrylcolor {
overflow: hidden;
position: relative;
margin-top: 6rem; }
.jumbo--acrylcolor .jumbo--izomat {
margin-top: 0;
padding-top: 0; }
.jumbo--acrylcolor-bg {
position: relative;
width: 100%;
height: 30rem;
background-size: cover;
background-position: center; }
@media print, screen and (min-width: 48em) {
.jumbo--acrylcolor-bg {
position: absolute;
top: 0;
right: 0;
width: 45%;
height: 100%;
z-index: 999; } }
.jumbo--acrylcolor .home__izomat-box {
background: #ec1c24;
min-height: 25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
position: relative;
top: 0; }
@media print, screen and (min-width: 48em) {
.jumbo--acrylcolor .home__izomat-box {
width: 60%;
min-height: 40rem; } }
.jumbo--acrylcolor .jumbo__full-item {
min-height: 20rem;
padding: 0;
margin-bottom: -2rem;
z-index: 2; }
.jumbo--acrylcolor .jumbo__full-item h1 {
padding-right: 6rem; }
@media screen and (min-width: 75em) {
.jumbo--acrylcolor .jumbo__full-item h1 {
padding-right: 4rem; } }
@media print, screen and (min-width: 48em) {
.jumbo--acrylcolor .jumbo__full-item {
min-height: 40rem;
padding: 2rem 0;
margin-bottom: 0; } }
.jumbo--izomat .jumbo__arrow {
right: 1rem; }
@media print, screen and (min-width: 48em) {
.jumbo--izomat .jumbo__arrow {
right: 10%; } }
.jumbo__full {
width: 100%;
height: 100%; }
.jumbo__full-item {
display: block;
text-align: left;
min-height: 40rem;
margin-bottom: 1rem;
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 6rem 0;
height: 100%; }
.jumbo__full-item h1 {
padding-left: 2rem; }
@media print, screen and (min-width: 64em) {
.jumbo__full-item h1 {
padding-left: 4rem; } }
.jumbo__full-item h2 {
max-width: 70rem;
line-height: 1.3;
margin-left: 2rem;
margin-top: .5rem !important; }
@media print, screen and (min-width: 64em) {
.jumbo__full-item h2 {
margin-left: 4rem; } }
.jumbo__big {
width: 100%;
height: 100%; }
@media print, screen and (min-width: 64em) {
.jumbo__big {
width: calc(60% - 1rem); } }
.jumbo__big-item {
display: block;
text-align: left;
height: 30rem;
margin-bottom: 1rem;
position: relative;
overflow: hidden; }
@media print, screen and (min-width: 64em) {
.jumbo__big-item {
height: 100%; } }
.jumbo__big-item h1 {
padding-top: 6rem;
padding-left: 2.5rem;
color: white; }
@media print, screen and (min-width: 64em) {
.jumbo__big-item h1 {
padding-left: 4.5rem; } }
.jumbo__big-item h2 {
max-width: 65rem;
line-height: 1.3;
margin-left: 2rem;
color: white; }
@media print, screen and (min-width: 64em) {
.jumbo__big-item h2 {
margin-left: 4rem; } }
.jumbo__big-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: -2;
transition: all ease .3s; }
.jumbo__big-item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
z-index: -1;
transition: all ease .3s; }
.jumbo__big-item:hover .jumbo__bg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
transition: all ease .3s; }
.jumbo__big-item:hover::before {
content: '';
background: rgba(0, 0, 0, 0.2);
transition: all ease .3s; }
.jumbo__small {
width: 100%;
height: 100%; }
@media print, screen and (min-width: 64em) {
.jumbo__small {
width: calc(40% - 1rem); } }
.jumbo__small-item {
display: block;
text-align: left;
margin-bottom: 1rem;
position: relative;
overflow: hidden;
height: 25rem; }
@media print, screen and (min-width: 64em) {
.jumbo__small-item {
height: 50%; } }
.jumbo__small-item h2 {
padding-top: 2.5rem;
max-width: 35rem;
line-height: 1.3;
margin-left: 2rem; }
@media print, screen and (min-width: 64em) {
.jumbo__small-item h2 {
margin-left: 4rem; } }
.jumbo__small-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
z-index: -1;
transition: all ease .3s; }
.jumbo__small-item::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
z-index: -1;
transition: all ease .3s; }
.jumbo__small-item:hover .jumbo__bg {
-webkit-transform: scale(1.05);
transform: scale(1.05);
transition: all ease .3s; }
.jumbo__small-item:hover::before {
content: '';
background: rgba(0, 0, 0, 0.2);
transition: all ease .3s; }
.jumbo__small-label {
width: 30%;
height: auto;
max-width: 6rem;
margin-top: 1rem;
margin-left: 2rem; }
@media print, screen and (min-width: 64em) {
.jumbo__small-label {
margin-left: 4rem; } }
@media print, screen and (min-width: 64em) {
.jumbo__small--4 .jumbo__small-item {
height: 33.333%; } }
.jumbo__highlight {
font-weight: 700;
color: white; }
.jumbo__arrow {
position: absolute;
bottom: -2rem;
right: 10%;
width: 6rem;
height: auto;
z-index: 9; }
@media print, screen and (min-width: 64em) {
.jumbo__arrow {
bottom: -4rem;
width: 8rem; } }
.jumbo__arrow #dot {
fill: #ec1c24;
transition: all ease .2s; }
.jumbo__arrow #arrow {
fill: white;
transition: all ease .2s; }
.jumbo__arrow:hover #dot {
fill: #4B4A4A;
transition: all ease .2s; }
.jumbo__arrow:hover #arrow {
-webkit-transform: translateY(10%);
transform: translateY(10%);
transition: all ease .2s; }
.jumbo__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: -2;
transition: all ease .3s; }
.jumbo__superlock {
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: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2rem; }
@media print, screen and (min-width: 48em) {
.jumbo__superlock {
padding: 4rem; } }
.jumbo__superlock-img {
width: 10rem;
height: auto;
margin-right: 4rem; }
.jumbo__superlock-text {
color: white;
font-size: 2rem;
font-weight: 700;
max-width: 55rem; }
@media print, screen and (min-width: 48em) {
.jumbo__superlock-text {
font-size: 3rem; } }
@media print, screen and (min-width: 64em) {
.jumbo__superlock-text {
font-size: 3.4rem; } }
[class^="orejime-"] {
margin: 0;
padding: 0;
border: 0;
font-family: inherit;
font-size: inherit;
color: inherit;
vertical-align: baseline;
cursor: default;
float: none;
width: auto;
text-align: left;
font-weight: normal; }
.orejime-Main,
.orejime-Modal {
font-size: 1em;
line-height: 1.5; }
.orejime-Button {
border: 0;
color: #fff;
border-radius: 4px;
padding: 1rem 2rem;
font-size: 1.2rem;
margin-right: 2rem;
text-transform: uppercase;
cursor: pointer;
margin-top: 1.5rem; }
@media print, screen and (min-width: 48em) {
.orejime-Button {
margin-top: 0;
font-size: 1.4rem;
padding: 1.5rem 3rem; } }
.orejime-Button[disabled] {
opacity: 1; }
.orejime-Button--save,
.orejime-Button--accept {
border: 0.1rem solid #ec1c24;
background: #ec1c24;
color: #fff; }
.orejime-Button--decline {
background: transparent;
padding: 0;
color: #ec1c24; }
.orejime-Button--info {
background: transparent;
border: 0.1rem solid #ec1c24;
color: #ec1c24; }
.orejime-Notice {
background: white;
position: fixed;
z-index: 9999;
width: 100%;
bottom: 0;
box-shadow: 0px 0px 50px 10px rgba(0, 0, 0, 0.1); }
.orejime-Notice--mandatory {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
max-width: none; }
.orejime-Notice--hidden {
display: none !important; }
.orejime-Notice-body {
padding: 2rem 2rem;
width: 100%;
max-width: 80rem;
margin: auto; }
@media print, screen and (min-width: 48em) {
.orejime-Notice-body {
padding: 4rem 2rem; } }
.orejime-Notice-logo {
width: 20rem;
height: auto;
margin-bottom: 4rem;
max-height: 8rem;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left center;
object-position: left center; }
.orejime-Notice-title,
.orejime-Notice-description {
color: #4B4A4A;
margin-bottom: 1.5rem;
font-size: 1.4rem; }
@media print, screen and (min-width: 48em) {
.orejime-Notice-title,
.orejime-Notice-description {
font-size: 1.6rem; } }
.orejime-Notice-title {
font-weight: bold;
font-size: 1.2em;
line-height: 1.3; }
.orejime-Notice-purposes {
color: #4B4A4A; }
.orejime-Notice-changes {
color: #4B4A4A;
margin-bottom: 0.5em;
font-weight: bold; }
.orejime-Notice-privacyPolicyLink {
text-decoration: underline;
cursor: pointer; }
.orejime-Notice-privacyPolicyLink, .orejime-Notice-privacyPolicyLink:hover {
color: inherit; }
.orejime-Notice-privacyPolicyLink:hover, .orejime-Notice-privacyPolicyLink:focus {
text-decoration: none; }
.orejime-Notice-actions {
display: block; }
.orejime-Notice-actionItem {
display: inline-block; }
.orejime-Notice-learnMoreButton {
display: inline-block; }
.orejimeHtml-WithModalOpen {
height: 100%; }
.orejimeHtml-WithModalOpen body {
position: fixed;
overflow: hidden;
height: 100%;
width: 100%; }
.orejime-ModalOverlay,
.orejime-NoticeOverlay {
z-index: 9999;
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.orejime-ModalWrapper {
z-index: 1001;
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
width: 640px;
max-width: 100%;
max-height: 100%;
overflow: auto; }
.orejime-Modal {
background: white;
color: #4B4A4A;
border-radius: 4px;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
max-height: 70rem;
overflow: auto; }
.orejime-Modal-description {
font-size: 1.4rem; }
.orejime-Modal-header {
padding: 3rem 3rem 0 3rem; }
.orejime-Modal-title {
margin: 0;
font-size: 2rem;
display: block;
font-weight: bold;
padding-right: 20px;
margin-bottom: .5rem; }
@media print, screen and (min-width: 48em) {
.orejime-Modal-title {
font-size: 2.8rem; } }
.orejime-Modal-closeButton {
border: none;
background: none;
color: inherit;
position: absolute;
top: 1em;
right: 1em; }
.orejime-CloseIcon {
stroke: currentColor;
width: 12px;
cursor: pointer; }
.orejime-Modal-body {
padding: 3rem;
padding-bottom: 16rem; }
@media print, screen and (min-width: 48em) {
.orejime-Modal-body {
padding-bottom: 12rem; } }
.orejime-Modal-footer {
padding: 2rem 3rem;
border-top: 1px solid #555;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: white; }
.orejime-Modal-privacyPolicyLink,
.orejime-Modal-poweredByLink {
cursor: pointer;
text-decoration: underline;
color: inherit; }
.orejime-Modal-privacyPolicyLink:hover, .orejime-Modal-privacyPolicyLink:focus, .orejime-Modal-privacyPolicyLink:active,
.orejime-Modal-poweredByLink:hover,
.orejime-Modal-poweredByLink:focus,
.orejime-Modal-poweredByLink:active {
color: inherit; }
.orejime-Modal-privacyPolicyLink:hover, .orejime-Modal-privacyPolicyLink:focus,
.orejime-Modal-poweredByLink:hover,
.orejime-Modal-poweredByLink:focus {
text-decoration: none; }
.orejime-Modal-poweredByLink {
position: absolute;
right: 1em;
color: #aaa;
font-size: 0.8em;
padding: 6px 0; }
.orejime-Modal-poweredByLink:hover, .orejime-Modal-poweredByLink:focus, .orejime-Modal-poweredByLink:active {
color: #aaa; }
.orejime-AppList {
display: block;
padding: 0;
margin: 0; }
.orejime-AppList-item {
display: block;
position: relative;
line-height: 1.25;
vertical-align: middle;
padding-left: 8rem;
min-height: 40px;
margin-top: 2rem; }
.orejime-AppList-item:first-child {
margin-top: 0; }
.orejime-CategorizedAppList {
list-style: none; }
.orejime-CategorizedAppList-item {
margin-bottom: 4rem; }
.orejime-CategorizedAppList-title {
font-size: 1.6rem;
font-weight: bold; }
@media print, screen and (min-width: 48em) {
.orejime-CategorizedAppList-title {
font-size: 1.8rem; } }
.orejime-CategorizedAppList-description {
font-size: 1.2rem; }
@media print, screen and (min-width: 48em) {
.orejime-CategorizedAppList-description {
font-size: 1.4rem; } }
.orejime-CategorizedAppList-apps {
margin-top: 1.5rem;
margin-left: 0; }
.orejime-AppItem-title {
font-weight: 600;
cursor: pointer;
font-size: 1.4rem; }
@media print, screen and (min-width: 48em) {
.orejime-AppItem-title {
font-size: 1.6rem; } }
.orejime-AppItem-description {
font-size: 1.4rem; }
.orejime-AppItem-purposes {
font-size: 1.2rem;
color: #aaa; }
@media print, screen and (min-width: 48em) {
.orejime-AppItem-purposes {
font-size: 1.4rem; } }
.orejime-AppItem-optOut,
.orejime-AppItem-required {
padding-left: 0.2em;
font-size: 0.8em;
color: #aaa; }
.orejime-AppItem-input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 50px;
height: 30px; }
.orejime-AppItem-switch {
position: absolute;
left: 0;
display: inline-block;
width: 50px;
height: 30px; }
.orejime-AppItem-slider {
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.19);
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #aaa;
transition: .4s;
width: 50px;
display: inline-block;
border-radius: 30px;
border: 2px solid transparent; }
.orejime-AppItem-slider:before {
position: absolute;
content: "";
height: 20px;
width: 20px;
left: 3px;
bottom: 3px;
background-color: white;
transition: .4s;
border-radius: 50%;
border: 1px solid #555; }
.orejime-AppItem-switchLabel {
position: absolute;
width: 50px;
top: 34px;
overflow: ellipsis;
font-size: 1.2rem;
text-align: center;
margin-top: .3rem; }
.orejime-AppItem-switch--disabled .orejime-AppItem-slider {
cursor: default;
opacity: 0.5; }
.orejime-AppItem-switch--disabled .orejime-AppItem-switchLabel {
color: #aaa; }
.orejime-AppItem-input:focus + .orejime-AppItem-label .orejime-AppItem-slider {
border-color: #fff;
outline-offset: 2px; }
.orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider {
background-color: #ec1c24; }
.orejime-AppItem-input:checked + .orejime-AppItem-label .orejime-AppItem-slider:before {
-webkit-transform: translateX(20px);
transform: translateX(20px); }
.orejime-AppToggles {
margin-bottom: 1em;
display: block; }
.orejime-AppToggles-item {
display: inline; }
.orejime-AppToggles-enableAll {
border: 0.1rem solid #ec1c24;
background: #ec1c24;
color: #fff; }
.orejime-Notice-purposes {
text-transform: lowercase; }
#orejime {
pointer-events: none; }
.orejime-Notice-body, .orejime-ModalPortal {
pointer-events: all; }
.cookies--small .orejime-Notice-logoContainer {
display: none; }
.cookies--big .orejime-Main {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.cookies--big .orejime-Notice {
position: relative;
width: 80rem;
max-width: 95%;
margin: auto;
z-index: 2; }
.cookies--big .orejime-Notice::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
z-index: -1; }
.cookies--big .orejime-Notice-body {
position: relative;
z-index: 9;
background: white;
border-radius: .4rem;
padding: 2rem 4rem; }
@media print, screen and (min-width: 48em) {
.cookies--big .orejime-Notice-body {
padding: 4rem 6rem; } }
.news__item {
display: block;
position: relative;
min-height: 35rem;
width: 100%;
overflow: hidden;
cursor: pointer; }
.news__item:hover .news__bg {
-webkit-transform: scale(1.1);
transform: scale(1.1);
transition: all ease .3s; }
.news__item:hover .news__text h3 {
color: #ec1c24;
transition: all ease .3s; }
.news__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover;
background-position: center;
-webkit-transform: scale(1);
transform: scale(1);
transition: all ease .3s; }
.news__bg::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #7A5C52;
opacity: .6;
z-index: 2; }
.news__text {
position: relative;
z-index: 999;
color: white;
padding: 3rem 4rem;
text-align: left; }
.news__text h3 {
color: white;
transition: all ease .3s; }
.news__arrow {
width: 5rem;
height: auto; }
.news__reveal .text {
margin-top: 2rem; }
.news__gallery {
width: 100%;
margin-top: 4rem;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.news__gallery-item {
width: 100%;
margin-bottom: 2rem; }
@media print, screen and (min-width: 48em) {
.news__gallery-item {
width: calc(50% - 2rem); } }
.news__gallery-img {
width: 100%;
height: auto; }
.news__gallery-desc {
font-size: 1.4rem;
margin-bottom: 1rem; }
#news .owl-nav {
margin-top: 2rem;
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: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#news .owl-next {
margin-left: 2rem; }
#news .disabled {
opacity: .2;
transition: all ease .3s; }
@media print, screen and (min-width: 769px) {
.snippet {
position: fixed;
right: 0;
top: 15vh;
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 90vw;
z-index: 9;
transition: all ease .3s; }
.snippet__name {
position: relative;
background: #F1F1F1;
width: 5rem;
min-height: 34rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
z-index: 998;
-webkit-transform: translateX(100vw);
transform: translateX(100vw);
transition: all ease .5s; }
.snippet__name-text {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
white-space: nowrap;
line-height: 1;
position: absolute;
width: 30rem;
text-transform: uppercase;
font-weight: 600;
font-size: 18px; }
.snippet__open {
width: 2rem;
height: auto;
position: absolute;
top: 2rem;
right: 1.6rem; }
.snippet__close {
width: 1.6rem;
height: auto;
position: absolute;
top: 2rem;
right: 1.6rem;
cursor: pointer;
z-index: 999; }
.snippet__box {
position: relative;
padding: 3rem;
max-width: 90vw;
border-left: .5rem solid #F1F1F1;
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.snippet__box-text p {
margin-bottom: .5rem;
font-size: 18px;
line-height: 1.4; }
.snippet__box-text .green-btn {
font-size: 18px;
line-height: 1;
margin-top: .3rem; }
.snippet__box-img {
width: 100%;
height: auto; }
.snippet--hide {
-webkit-transform: translateX(100%);
transform: translateX(100%);
right: 5rem;
transition: all ease .3s; }
.snippet--hide .snippet__name {
-webkit-transform: translateX(0%);
transform: translateX(0%);
transition: all ease .5s; } }
@media print, screen and (max-width: 768px) {
.snippet {
position: fixed;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 100vw;
z-index: 999;
transition: all ease .3s; } }
@media print, screen and (max-width: 768px) and (min-width: 48em) {
.snippet {
right: 5rem; } }
@media print, screen and (max-width: 768px) {
.snippet__name {
position: relative;
background: white;
height: 5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30rem;
max-width: 100vw;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
z-index: 998;
transition: all ease .5s; }
.snippet__name-text {
white-space: nowrap;
line-height: 1;
position: absolute;
width: 30rem;
max-width: 100vw;
text-transform: uppercase;
font-weight: 600;
font-size: 1.6rem;
padding: 1rem 2rem; }
.snippet__open {
width: 1.5rem;
height: auto;
position: absolute;
top: 1.8rem;
right: 1.8rem;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
-webkit-transform: all ease .3s;
transform: all ease .3s; }
.snippet__close {
width: 1.6rem;
height: auto;
position: absolute;
top: -3.5rem;
right: 1.6rem;
cursor: pointer;
z-index: 999; }
.snippet__box {
position: relative;
padding: 2rem;
max-width: 100vw;
border-left: .5rem solid white;
background: white;
color: black;
box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25); }
.snippet__box-text p {
margin-bottom: .5rem;
font-size: 1.6rem;
line-height: 1.4; }
.snippet__box-text h2, .snippet__box-text h3 {
margin-bottom: 1rem; }
.snippet__box-text .green-btn {
font-size: 18px;
line-height: 1;
margin-top: .3rem; }
.snippet__box-img {
width: 100%;
height: auto;
margin: 1rem 0; }
.snippet--hide {
-webkit-transform: translateY(calc(100% - 5rem));
transform: translateY(calc(100% - 5rem));
transition: all ease .3s; }
.snippet--hide .snippet__open {
opacity: 1;
-webkit-transform: all ease .3s;
transform: all ease .3s; }
.snippet--hide .snippet__close {
opacity: 0;
pointer-events: none;
-webkit-transform: all ease .3s;
transform: all ease .3s; }
.snippet--hide .snippet__name {
-webkit-transform: translateY(0rem);
transform: translateY(0rem);
transition: all ease .5s; } }
.cat__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.cat__btn {
display: block;
width: 100%;
padding: 2rem;
background: #4B4A4A;
color: white;
margin-top: 1rem;
text-align: center;
transition: all ease .3s; }
.cat__btn:hover {
background: #ec1c24;
transition: all ease .3s; }
.cat__benefits {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.cat__benefits-item {
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: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding-right: 2rem;
text-align: center;
margin-bottom: 4rem; }
@media print, screen and (min-width: 48em) {
.cat__benefits-item {
width: 25%;
margin-bottom: 2rem; } }
@media print, screen and (min-width: 64em) {
.cat__benefits-item {
width: 20%; } }
.cat__benefits-item--link {
cursor: pointer;
color: #ec1c24; }
.cat__benefits-item--link .cat__benefits-img {
margin-bottom: -.7rem; }
.cat__benefits-item--link:hover {
text-decoration: underline; }
.cat__benefits-item--link:hover .cat__benefits-img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
transition: all ease .3s; }
.cat__benefits-box {
border-radius: 50%;
overflow: hidden;
margin-bottom: 1rem; }
.cat__benefits-img {
width: 10rem;
height: 10rem;
border-radius: 50%;
margin-bottom: 1rem;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transform: scale(1);
transform: scale(1);
transition: all ease .3s; }
@media print, screen and (min-width: 48em) {
.cat__benefits-img {
width: 15rem;
height: 15rem; } }
.cat__benefits-title {
font-weight: 600;
color: #ec1c24;
font-size: 1.8rem;
line-height: 1.2;
margin-top: 1rem;
margin-bottom: 1rem; }
.cat__benefits-text p {
font-size: 1.6rem; }
.cat__comp {
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: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.cat__comp-title {
font-size: 2rem;
margin-bottom: 1rem; }
@media print, screen and (min-width: 48em) {
.cat__comp-title {
font-size: 2.4rem; } }
.cat__comp-item {
width: 100%;
margin-bottom: 4rem;
position: relative;
color: inherit; }
@media print, screen and (min-width: 48em) {
.cat__comp-item {
width: 25%;
padding-right: 3rem;
margin-bottom: 0; } }
.cat__comp-item:hover .btn {
background: #4B4A4A; }
.cat__comp-item:hover .cat__comp-title {
text-decoration: underline; }
.cat__comp-item--no:hover .btn {
background: #ec1c24; }
.cat__comp-item--no:hover .cat__comp-title {
text-decoration: none; }
.cat__comp-img {
width: calc(100% - 6rem);
height: auto;
position: absolute;
top: 0;
left: 0; }
.cat__comp-text {
margin-bottom: 2.5rem;
font-size: 1.6rem;
color: #4B4A4A; }
.cat__comp-box {
padding-left: 3rem;
height: calc(100% - 12rem); }
@media screen and (min-width: 75em) {
.cat__comp-box {
height: calc(100% - 16rem); } }
.cat__comp-shadow {
position: relative;
background-color: white;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
padding: 3rem;
margin-top: 12rem;
z-index: 9;
height: 100%; }
@media screen and (min-width: 75em) {
.cat__comp-shadow {
margin-top: 16rem; } }
.cat__comp-char {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 1rem; }
.cat__comp-char-img {
width: 2.5rem;
height: auto;
margin-right: 2rem; }
.cat__comp-char-text {
font-size: 1.4rem; }
@media print, screen and (min-width: 48em) {
.cat__comp--1 .cat__comp-item, .cat__comp--2 .cat__comp-item {
width: 40%; } }
@media print, screen and (min-width: 48em) {
.cat__comp--3 .cat__comp-item {
width: 33.333%; } }
.cat__prod-item {
position: relative; }
.cat__prod-item + .cat__prod-item {
margin-top: 8rem; }
@media print, screen and (min-width: 48em) {
.cat__prod-item + .cat__prod-item {
margin-top: 12rem; } }
@media print, screen and (min-width: 64em) {
.cat__prod-item--9DRytK {
margin-top: 26rem !important; } }
@media print, screen and (min-width: 48em) {
.cat__prod-item:nth-of-type(even) .cat__prod-bg {
padding-left: 10rem;
width: 100%; }
.cat__prod-item:nth-of-type(even) .cat__prod-box {
right: auto;
left: 0; } }
.cat__prod-bg {
width: calc(100% + 3rem);
margin-left: -1.5rem;
height: auto;
margin-bottom: -3rem; }
@media print, screen and (min-width: 48em) {
.cat__prod-bg {
width: calc(100% - 10rem);
margin-left: 0;
margin-bottom: 0; } }
.cat__prod-box {
position: relative;
z-index: 2;
background-color: white;
box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.25);
padding: 3rem;
max-width: 45rem; }
@media print, screen and (min-width: 48em) {
.cat__prod-box {
position: absolute;
bottom: 0;
right: 0;
padding: 5rem 4rem;
margin-bottom: -5rem; } }
.cat__prod-link {
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: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 2rem 0; }
.cat__prod-link:hover .title-5 {
text-decoration: underline; }
.cat__prod-link:hover .cat__prod-btn {
text-decoration: underline; }
.cat__prod-btn {
margin-top: 1rem;
color: #ec1c24;
font-size: 1.6rem; }
.cat__prod-place {
width: 10rem; }
@media print, screen and (min-width: 48em) {
.cat__prod-place {
width: 18rem; } }
.cat__prod-img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center; }
.cat__prod-text {
padding-left: 2rem;
width: 100%; }
@media print, screen and (min-width: 48em) {
.cat__prod-text {
width: calc(100% - 18rem); } }
.cat__prod-text p {
font-size: 1.6rem; }
.cat__prod-title {
color: #ec1c24;
font-weight: 700;
margin-bottom: 2rem; }
.home__sections .canvas--white .hidden {
display: none; }
.page__mezi-img {
width: 100%;
height: auto;
margin-top: 3rem; }
@media print, screen and (min-width: 48em) {
.page__mezi-img {
margin-top: 0; } }
.page__mezi .text {
text-align: left; }
.page__mezi .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media print, screen and (min-width: 48em) {
.page__mezi:nth-of-type(odd) .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; } }