@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400&display=swap");
.container {
margin: auto;
padding: 0 1rem;
max-width: 71.25rem;
width: 100%; }
.row {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-flow: row wrap;
-webkit-flex-flow: row wrap;
flex-flow: row wrap; } .first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1; }
.last {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
-webkit-order: 12;
order: 12; }
.align-top {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: start;
align-items: start; }
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center; }
.align-bottom {
-webkit-box-align: end;
-ms-flex-align: end;
-webkit-align-items: end;
align-items: end; }
.col-xs-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xs-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xs-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xs-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xs-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xs-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xs-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xs-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xs-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xs-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xs-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xs-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; }
@media (min-width: 576px) {
.col-sm-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-sm-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-sm-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-sm-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; } }
@media (min-width: 768px) {
.col-md-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-md-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-md-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-md-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; } }
@media (min-width: 992px) {
.col-lg-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-lg-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-lg-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-lg-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; } }
@media (min-width: 1200px) {
.col-xl-1 {
-ms-flex-preferred-size: 8.33333%;
-webkit-flex-basis: 8.33333%;
flex-basis: 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-ms-flex-preferred-size: 16.66667%;
-webkit-flex-basis: 16.66667%;
flex-basis: 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
flex-basis: 25%;
max-width: 25%; }
.col-xl-4 {
-ms-flex-preferred-size: 33.33333%;
-webkit-flex-basis: 33.33333%;
flex-basis: 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-ms-flex-preferred-size: 41.66667%;
-webkit-flex-basis: 41.66667%;
flex-basis: 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
flex-basis: 50%;
max-width: 50%; }
.col-xl-7 {
-ms-flex-preferred-size: 58.33333%;
-webkit-flex-basis: 58.33333%;
flex-basis: 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-ms-flex-preferred-size: 66.66667%;
-webkit-flex-basis: 66.66667%;
flex-basis: 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-ms-flex-preferred-size: 75%;
-webkit-flex-basis: 75%;
flex-basis: 75%;
max-width: 75%; }
.col-xl-10 {
-ms-flex-preferred-size: 83.33333%;
-webkit-flex-basis: 83.33333%;
flex-basis: 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-ms-flex-preferred-size: 91.66667%;
-webkit-flex-basis: 91.66667%;
flex-basis: 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
flex-basis: 100%;
max-width: 100%; } }
@supports (display: grid) {
.row {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: auto; }
.row > [class*="col-"] { max-width: 100%; }
.col-xs-1 {
grid-column-start: span 1;
grid-column-end: span 1; }
.col-xs-2 {
grid-column-start: span 2;
grid-column-end: span 2; }
.col-xs-3 {
grid-column-start: span 3;
grid-column-end: span 3; }
.col-xs-4 {
grid-column-start: span 4;
grid-column-end: span 4; }
.col-xs-5 {
grid-column-start: span 5;
grid-column-end: span 5; }
.col-xs-6 {
grid-column-start: span 6;
grid-column-end: span 6; }
.col-xs-7 {
grid-column-start: span 7;
grid-column-end: span 7; }
.col-xs-8 {
grid-column-start: span 8;
grid-column-end: span 8; }
.col-xs-9 {
grid-column-start: span 9;
grid-column-end: span 9; }
.col-xs-10 {
grid-column-start: span 10;
grid-column-end: span 10; }
.col-xs-11 {
grid-column-start: span 11;
grid-column-end: span 11; }
.col-xs-12 {
grid-column-start: span 12;
grid-column-end: span 12; }
@media (min-width: 576px) {
.col-sm-1 {
grid-column-start: span 1;
grid-column-end: span 1; }
.col-sm-2 {
grid-column-start: span 2;
grid-column-end: span 2; }
.col-sm-3 {
grid-column-start: span 3;
grid-column-end: span 3; }
.col-sm-4 {
grid-column-start: span 4;
grid-column-end: span 4; }
.col-sm-5 {
grid-column-start: span 5;
grid-column-end: span 5; }
.col-sm-6 {
grid-column-start: span 6;
grid-column-end: span 6; }
.col-sm-7 {
grid-column-start: span 7;
grid-column-end: span 7; }
.col-sm-8 {
grid-column-start: span 8;
grid-column-end: span 8; }
.col-sm-9 {
grid-column-start: span 9;
grid-column-end: span 9; }
.col-sm-10 {
grid-column-start: span 10;
grid-column-end: span 10; }
.col-sm-11 {
grid-column-start: span 11;
grid-column-end: span 11; }
.col-sm-12 {
grid-column-start: span 12;
grid-column-end: span 12; } }
@media (min-width: 768px) {
.col-md-1 {
grid-column-start: span 1;
grid-column-end: span 1; }
.col-md-2 {
grid-column-start: span 2;
grid-column-end: span 2; }
.col-md-3 {
grid-column-start: span 3;
grid-column-end: span 3; }
.col-md-4 {
grid-column-start: span 4;
grid-column-end: span 4; }
.col-md-5 {
grid-column-start: span 5;
grid-column-end: span 5; }
.col-md-6 {
grid-column-start: span 6;
grid-column-end: span 6; }
.col-md-7 {
grid-column-start: span 7;
grid-column-end: span 7; }
.col-md-8 {
grid-column-start: span 8;
grid-column-end: span 8; }
.col-md-9 {
grid-column-start: span 9;
grid-column-end: span 9; }
.col-md-10 {
grid-column-start: span 10;
grid-column-end: span 10; }
.col-md-11 {
grid-column-start: span 11;
grid-column-end: span 11; }
.col-md-12 {
grid-column-start: span 12;
grid-column-end: span 12; } }
@media (min-width: 992px) {
.col-lg-1 {
grid-column-start: span 1;
grid-column-end: span 1; }
.col-lg-2 {
grid-column-start: span 2;
grid-column-end: span 2; }
.col-lg-3 {
grid-column-start: span 3;
grid-column-end: span 3; }
.col-lg-4 {
grid-column-start: span 4;
grid-column-end: span 4; }
.col-lg-5 {
grid-column-start: span 5;
grid-column-end: span 5; }
.col-lg-6 {
grid-column-start: span 6;
grid-column-end: span 6; }
.col-lg-7 {
grid-column-start: span 7;
grid-column-end: span 7; }
.col-lg-8 {
grid-column-start: span 8;
grid-column-end: span 8; }
.col-lg-9 {
grid-column-start: span 9;
grid-column-end: span 9; }
.col-lg-10 {
grid-column-start: span 10;
grid-column-end: span 10; }
.col-lg-11 {
grid-column-start: span 11;
grid-column-end: span 11; }
.col-lg-12 {
grid-column-start: span 12;
grid-column-end: span 12; } }
@media (min-width: 1200px) {
.col-xl-1 {
grid-column-start: span 1;
grid-column-end: span 1; }
.col-xl-2 {
grid-column-start: span 2;
grid-column-end: span 2; }
.col-xl-3 {
grid-column-start: span 3;
grid-column-end: span 3; }
.col-xl-4 {
grid-column-start: span 4;
grid-column-end: span 4; }
.col-xl-5 {
grid-column-start: span 5;
grid-column-end: span 5; }
.col-xl-6 {
grid-column-start: span 6;
grid-column-end: span 6; }
.col-xl-7 {
grid-column-start: span 7;
grid-column-end: span 7; }
.col-xl-8 {
grid-column-start: span 8;
grid-column-end: span 8; }
.col-xl-9 {
grid-column-start: span 9;
grid-column-end: span 9; }
.col-xl-10 {
grid-column-start: span 10;
grid-column-end: span 10; }
.col-xl-11 {
grid-column-start: span 11;
grid-column-end: span 11; }
.col-xl-12 {
grid-column-start: span 12;
grid-column-end: span 12; } } } * {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
main {
display: block; }
h1 {
font-size: 2em;
margin: .67em 0; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible; }
pre {
font-family: monospace, monospace;
font-size: 1em; }
a {
background-color: transparent; }
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; }
b, strong {
font-weight: bolder; }
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em; }
small {
font-size: 80%; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
img {
border-style: none; }
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button, input {
overflow: visible; }
button, select {
text-transform: none; }
[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button; }
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0; }
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: ButtonText dotted 1px; }
fieldset {
padding: .35em .75em .625em; }
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
[type=checkbox], [type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto; }
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type=search]::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
details {
display: block; }
summary {
display: list-item; }
[hidden], template {
display: none; }
.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center; }
.wp-caption.alignnone {
margin: 5px 20px 20px 0; }
.wp-caption.alignleft {
margin: 5px 20px 20px 0; }
.wp-caption.alignright {
margin: 5px 0 20px 20px; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px; }
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.has-text-align-center {
text-align: center; }
.wp-block-columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (max-width: 568px) {
.wp-block-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
:root {
--color-black: #000;
--color-white: #000;
--color-gray: #000;
--color-title: #000; }
.wow {
visibility: hidden; }
html, body {
font-family: 'Noto Sans', sans-serif;
color: #170947;
font-size: 14px;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent; } @media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) and (stroke-color: transparent) {
select {
-webkit-appearance: none; } } }
select {
-webkit-appearance: none; }
strong {
font-weight: 700; }
.transition {
-webkit-transition: .4s ease-in-out;
-o-transition: .4s ease-in-out;
transition: .4s ease-in-out; }
h1 {
font-size: 2rem;
font-weight: 700; }
@media (max-width: 568px) {
h1 {
font-size: 23px; } }
h2 {
font-size: 2rem;
font-weight: 400; }
@media (max-width: 568px) {
h2 {
font-size: 25px; } }
@media (max-width: 568px) {
h2 {
font-size: 23px; } }
h3 {
font-size: 1.28571rem;
font-weight: 400; }
h4 {
font-size: 1.14286rem;
font-weight: 400; }
h5 {
font-size: 1.07143rem; }
h6 {
font-size: 1rem; }
p {
font-size: 1rem;
line-height: 21px; }
div.wpcf7-validation-errors {
background-color: #fcf8e3;
border-color: #faf2cc;
color: #8a6d3b;
padding: 10px 10px;
font-size: 13px; }
span.wpcf7-not-valid-tip {
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
padding: 10px 10px;
font-size: 13px; }
div.wpcf7-response-output {
clear: both;
color: #856404;
background-color: #fff3cd !important;
border: none !important;
padding: 10px 10px !important;
font-size: 13px; }
div.wpcf7-mail-sent-ng {
clear: both;
background-color: #f2dede;
border-color: #ebcccc;
color: #a94442;
padding: 10px 10px;
font-size: 13px; }
div.wpcf7-mail-sent-ok {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
clear: both; }
a:active {
text-decoration: none;
outline: none; }
a:focus {
text-decoration: none;
outline: none; }
a:hover {
text-decoration: none;
outline: none; }
:focus {
outline: none; }
:hover {
outline: none; }
:active {
outline: none; }
button:focus {
outline: none; }
img {
max-width: 100%;
height: auto; }
@media screen and (min-width: 576px) {
.container {
max-width: 1415px; } }
@media screen and (min-width: 1700px) {
.container-fluid {
max-width: 2000px;
margin: 0 auto; } }
@-webkit-keyframes leftToRightWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(-80px);
transform: translateX(-80px); }
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px); }
75% {
-webkit-transform: translateX(5px);
transform: translateX(5px); }
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
@keyframes leftToRightWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(-80px);
transform: translateX(-80px); }
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px); }
75% {
-webkit-transform: translateX(5px);
transform: translateX(5px); }
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
.animated.leftToRightWithBounce {
-webkit-animation-name: leftToRightWithBounce;
animation-name: leftToRightWithBounce;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s; -webkit-animation-direction: alternate;
animation-direction: alternate; -webkit-animation-timing-function: linear;
animation-timing-function: linear; -webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards; -webkit-animation-delay: 300ms;
animation-delay: 300ms; }
@-webkit-keyframes rightToLeftWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(80px);
transform: translateX(80px); }
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px); }
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px); }
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
@keyframes rightToLeftWithBounce {
0% {
opacity: 0;
-webkit-transform: translateX(80px);
transform: translateX(80px); }
50% {
-webkit-transform: translateX(0px);
transform: translateX(0px); }
75% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px); }
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px); } }
.animated.rightToLeftWithBounce {
-webkit-animation-name: rightToLeftWithBounce;
animation-name: rightToLeftWithBounce;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s; -webkit-animation-direction: alternate;
animation-direction: alternate; -webkit-animation-timing-function: linear;
animation-timing-function: linear; -webkit-animation-fill-mode: backwards;
animation-fill-mode: backwards; -webkit-animation-delay: 300ms;
animation-delay: 300ms; }
@media print {
* { -webkit-print-color-adjust: economy;
-webkit-print-color-adjust: exact !important; -webkit-print-color-adjust: inherit;
-webkit-print-color-adjust: initial;
-webkit-print-color-adjust: unset; } }
.header_nav.header-fixed {
background-color: #fff; }
.header_nav.header-fixed .scroll_hidden {
max-height: 0px; }
.header_nav.header-fixed .header__navigation {
padding: 5px 0px; }
.header_nav {
background-color: #fff;
padding: 0px 15px 0px 35px;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 100;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 1370px) {
.header_nav {
padding: 0px 0px 0px 0px; } }
.header_nav .grid {
display: grid;
grid-template-columns: 160px 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
position: relative; }
@media (max-width: 1450px) {
.header_nav .grid {
gap: 15px; } }
@media (max-width: 1100px) {
.header_nav .grid {
padding-right: 50px; } }
@media (max-width: 568px) {
.header_nav .grid {
grid-template-columns: 100px 1fr; } }
.header_nav .header__navigation {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
padding: 10px 0px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 1450px) {
.header_nav .header__navigation {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; } }
@media (max-width: 450px) {
.header_nav .header__navigation {
gap: 15px;
padding: 5px 0px; } }
@media (max-width: 380px) {
.header_nav .header__navigation {
gap: 5px; } }
@media (max-width: 1100px) {
.header_nav .header__navigation .navigation {
display: none; } }
.header_nav .search {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 20px;
padding-right: 20px; }
@media (max-width: 730px) {
.header_nav .search {
display: none; } }
.header_nav .search input[type="search"] {
background-color: #efefef;
padding: 10px 15px;
border-radius: 45px;
border: none;
outline: none;
height: 54px;
width: 402px;
padding-right: 50px; }
@media (max-width: 1450px) {
.header_nav .search input[type="search"] {
width: 370px; } }
@media (max-width: 1380px) {
.header_nav .search input[type="search"] {
width: 300px; } }
@media (max-width: 1330px) {
.header_nav .search input[type="search"] {
width: 250px; } }
@media (max-width: 1270px) {
.header_nav .search input[type="search"] {
width: 200px; } }
.header_nav .search button {
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/ikona-szukaj@2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
width: 46px;
height: 46px;
background-color: #173bf5;
border: none;
outline: none;
border-radius: 50%;
margin-left: -50px;
cursor: pointer; }
.header_nav .login_user {
display: grid;
grid-template-columns: 27px 1fr;
padding-right: 20px;
width: 100px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 1450px) {
.header_nav .login_user {
padding-right: 0px; } }
@media (max-width: 750px) {
.header_nav .login_user {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: initial; } }
@media (max-width: 750px) {
.header_nav .login_user .icon {
display: none; } }
.header_nav .login_user .detail {
padding-left: 5px; }
@media (max-width: 750px) {
.header_nav .login_user .detail {
display: none; } }
.header_nav .login_user .detail p {
margin-bottom: 0px;
margin-top: 0px; }
.header_nav .login_user .detail a {
font-size: 10px;
color: #173bf5;
font-weight: 700;
text-decoration: none; }
.header_nav .login_mobile {
display: none; }
@media (max-width: 750px) {
.header_nav .login_mobile {
display: block; } }
.header_nav .login_mobile a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.header_nav .login_mobile img {
max-width: 30px; }
@media (max-width: 450px) {
.header_nav .login_mobile img {
max-width: 25px; } }
.header_nav .scroll_hidden {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
overflow: hidden;
max-height: 60px; }
.header_nav .cat_woo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 100%;
overflow-x: auto;
gap: 15px;
border-top: 1px solid #e8e8e8;
padding-top: 10px;
margin-top: 10px;
padding-left: 40px; }
@media (max-width: 1370px) {
.header_nav .cat_woo {
padding-left: 0px;
gap: 10px; } }
@media (max-width: 568px) {
.header_nav .cat_woo {
margin-top: 5px;
padding-top: 5px; } }
.header_nav .cat_woo a.bolder p {
font-weight: 700;
color: #173bf5; }
.header_nav .cat_woo a {
text-decoration: none;
color: #170947;
text-decoration: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 2px;
white-space: nowrap; }
@media (max-width: 1370px) {
.header_nav .cat_woo a p {
font-size: 12px; } }
@media (max-width: 568px) {
.header_nav .cat_woo a p {
margin-top: 5px;
margin-bottom: 5px;
font-size: 11px; } }
.header_nav .cat_woo a img {
max-width: 25px; }
@media (max-width: 568px) {
.header_nav .cat_woo a img {
max-width: 20px; } }
.header__logo img {
max-width: 160px; }
@media (max-width: 568px) {
.header__logo img {
max-width: 100px; } }
@media (max-width: 768px) {
.navigation {
display: none; } }
.navigation .nav-menu > li {
padding-bottom: 10px;
padding-top: 10px; }
.navigation .nav-menu li.menu-item-has-children {
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/strzalka-1@2.png);
background-repeat: no-repeat;
background-size: 9px;
background-position: center bottom; }
.navigation ul {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
margin-top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 15px; }
@media (max-width: 1500px) {
.navigation ul {
gap: 10px; } }
@media (max-width: 1270px) {
.navigation ul {
gap: 5px; } }
.navigation ul li {
display: inline-block; }
.navigation ul li:nth-last-child(1) a:before {
display: none; }
.navigation ul li > a {
color: #170947;
text-decoration: none;
font-weight: 400;
display: block;
padding: 0px 12px;
font-size: 14px;
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
transition: color 0.4s;
position: relative; }
@media (max-width: 1450px) {
.navigation ul li > a {
padding: 0 8px; } }
@media (max-width: 1400px) {
.navigation ul li > a {
padding: 0 5px;
font-size: 12px; } }
.navigation ul li > a:hover {
color: #173bf5; }
.navigation ul li > a:before {
content: "";
display: block;
position: absolute;
top: 0px;
right: -5px;
height: 20px;
width: 1px;
background-color: #e4e4e4; }
@media (max-width: 1270px) {
.navigation ul li > a:before {
right: -2px;
height: 15px; } }
.navigation ul li:hover > .mega_menu_wrapper {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1); }
.navigation ul li .mega_menu_wrapper {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
position: absolute;
top: 95%;
left: 0px;
width: 100%;
background-color: #fff;
z-index: 1;
border-radius: 5px;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 63px 30px 63px;
-webkit-box-shadow: 0px 0px 35px -5px rgba(66, 68, 90, 0.8);
box-shadow: 0px 0px 35px -5px rgba(66, 68, 90, 0.8);
border-radius: 30px;
min-height: 440px;
height: 100%; }
@media (max-width: 1490px) {
.navigation ul li .mega_menu_wrapper {
padding: 15px 15px; } }
.navigation ul li .mega_menu_wrapper h2 {
margin-top: 0px;
margin-bottom: 0px; }
.navigation ul li .mega_menu_wrapper hr {
margin-top: 10px;
margin-bottom: 30px; }
.navigation ul li .lvl_2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding-left: 0px;
position: relative;
min-height: 440px;
height: 100%; }
.navigation ul li .lvl_2:before {
content: '';
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: calc( 100% - 130px);
background-repeat: no-repeat;
background-size: contain;
-webkit-box-shadow: 20px 0px 24px -26px rgba(66, 68, 90, 0.4);
box-shadow: 20px 0px 24px -26px rgba(66, 68, 90, 0.4); }
@media (max-width: 1490px) {
.navigation ul li .lvl_2:before {
width: 250px; } }
.navigation ul li .lvl_2 li:hover .grid_menu_hover {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
opacity: 1; }
.navigation ul li .lvl_2 li > a {
color: #170947;
display: block;
font-size: 14px;
padding: 10px 15px;
padding-left: 0px; }
.navigation ul li .lvl_2 li > a:before {
display: none; }
.navigation ul li .lvl_2 > li {
margin-bottom: 0px; }
.navigation ul li .lvl_2 > li > a {
font-weight: 700;
padding: 5px 0px; }
@media (max-width: 1490px) {
.navigation ul li .lvl_2 > li > a {
padding: 8px 0px; } }
.navigation ul li .grid_menu_hover {
position: absolute;
top: 0px;
left: 300px;
opacity: 0;
width: calc(100% - 300px);
height: calc(100% - 90px);
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
z-index: 10;
display: grid;
grid-template-columns: 1fr 224px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
overflow-y: auto; }
@media (max-width: 1490px) {
.navigation ul li .grid_menu_hover {
left: 250px;
width: calc(100% - 250px); } }
.navigation ul li .grid_menu_hover .title_cat {
font-weight: 700;
font-size: 16px;
margin-bottom: 12px; }
.navigation ul li .grid_menu_hover .title_cat:hover {
color: #173bf5; }
.navigation ul li .grid_menu_hover .grid_menu {
display: grid;
grid-template-columns: 1fr 1fr; }
.navigation ul li ul.lvl_2 > li {
max-width: 300px; }
@media (max-width: 1490px) {
.navigation ul li ul.lvl_2 > li {
max-width: 250px; } }
.navigation ul li ul.lvl_3 {
padding-left: 30px; }
.navigation ul li ul.lvl_4 {
padding-left: 0px;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
margin-bottom: 40px; }
.navigation ul li ul.lvl_4 li {
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/strzalka-6@2.png);
background-repeat: no-repeat;
background-size: 6px;
padding-left: 15px;
background-position: left 5px;
margin-bottom: 3px; }
.navigation ul li ul.lvl_4 li a {
display: inline-block;
color: #170947;
text-decoration: none;
font-size: 14px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
transition: color 0.4s;
padding: 0px; }
@media (max-width: 1300px) {
.navigation ul li ul.lvl_4 li a {
font-size: 12px; } }
.navigation ul li ul.lvl_4 li a:hover {
color: #173bf5; }
.navigation .grid_sidebar {
border: 1px solid #e8e8e8;
border-radius: 30px;
padding: 15px 18px; }
.navigation .grid_sidebar .sidebar_title {
text-align: center;
font-weight: 700;
color: #170947;
margin-top: 0px;
margin-bottom: 0px; }
.navigation .grid_sidebar .product_list {
text-align: center; }
.navigation .grid_sidebar .product_list .product_mega_menu {
display: block;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 10px;
color: #000;
text-decoration: none;
margin-bottom: 15px; }
.navigation .grid_sidebar .product_list .product_mega_menu:nth-last-child(1) {
border-bottom: none; }
.navigation .grid_sidebar .product_list .product_mega_menu img {
max-height: 80px;
display: block;
margin: 0 auto;
-o-object-fit: contain;
object-fit: contain; }
.navigation .grid_sidebar .product_list .product_mega_menu p {
font-size: 11px;
margin-top: 10px;
margin-bottom: 0px; }
.search_mobile_btn {
display: none; }
@media (max-width: 730px) {
.search_mobile_btn {
display: block; } }
.search_mobile_btn a {
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/ikona-szukaj@2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
width: 46px;
height: 46px;
background-color: #173bf5;
border: none;
outline: none;
border-radius: 50%;
display: block; }
@media (max-width: 568px) {
.search_mobile_btn a {
width: 35px;
height: 35px; } }
@media (max-width: 450px) {
.search_mobile_btn a {
width: 30px;
height: 30px;
background-size: 20px; } }
.search_mobile {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 99;
background-color: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px); }
.search_mobile form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 400px;
margin-left: auto;
margin-right: auto;
position: relative; }
@media (max-width: 450px) {
.search_mobile form {
width: 100%; } }
.search_mobile input[type="search"] {
background-color: #efefef;
padding: 10px 15px;
border-radius: 45px;
border: none;
outline: none;
height: 65px;
width: 100%;
padding-right: 50px; }
.search_mobile button[type="submit"] {
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/ikona-szukaj@2.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 30px;
width: 46px;
height: 46px;
background-color: #173bf5;
border: none;
outline: none;
border-radius: 50%;
margin-left: -50px;
cursor: pointer; }
.search_mobile .close {
position: absolute;
top: -50px;
right: 0px;
z-index: 100;
color: #fff;
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/close_search.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
border-radius: 0px;
border: none;
background-color: transparent; }
.search_mobile.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1; }
body.mobile__menu--open {
overflow: hidden; }
body.mobile__menu--open .header_nav .scroll_hidden {
max-height: 0px;
overflow: hidden; }
.mobile__menu--open .drawer-overlay {
display: block; }
body.mobile__menu--open .mobile__nav {
right: 0; }
.drawer-overlay {
position: fixed;
z-index: 85;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2); }
.mobile__nav {
position: fixed;
z-index: 90;
top: 0;
overflow: hidden;
width: 100%;
height: 100%;
color: #222;
background-color: #173bf5;
right: -100%;
-webkit-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
padding-top: 120px; }
@media (max-width: 740px) {
.mobile__nav {
padding-top: 100px; } }
@media (max-width: 450px) {
.mobile__nav {
padding-top: 80px; } }
.mobile__nav > ul > li {
border-top: 1px solid #FFF; }
.mobile__nav ul {
list-style-type: none;
padding-left: 0px; }
.mobile__nav ul li {
position: relative;
padding-left: 50px; }
@media (max-width: 740px) {
.mobile__nav ul li {
padding-left: 30px; } }
.mobile__nav ul li a {
color: #FFF;
display: inline-block;
padding: 15px 15px;
text-decoration: none;
font-size: 23px;
position: relative; }
@media (max-width: 740px) {
.mobile__nav ul li a {
font-size: 20px; } }
.mobile__nav ul li a span {
position: absolute;
width: 100%;
height: 100%;
text-align: right;
padding-right: 0px;
font-size: 17px;
left: 0px;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.mobile__nav ul li a span:before {
content: ':'; }
.mobile__nav ul li ul {
padding-left: 15px;
padding-top: 0px;
padding-bottom: 10px; }
.mobile__nav ul li ul li {
padding-left: 0px; }
.mobile__nav ul li ul li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 20px;
padding: 10px 15px; }
@media (max-width: 740px) {
.mobile__nav ul li ul li a {
font-size: 17px;
padding: 5px 15px; } }
.mobile__nav ul li ul li a img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
max-width: 25px; }
.mobile__nav ul li.open a span:before {
content: ':'; }
.hamburger {
position: fixed;
width: 35px;
height: 35px;
cursor: pointer;
z-index: 1000;
right: 10px;
top: 18px;
display: none; }
@media (max-width: 1100px) {
.hamburger {
display: block; } }
@media (max-width: 568px) {
.hamburger {
top: 18px; } }
@media (max-width: 450px) {
.hamburger {
top: 8px; } }
.hamburger__bar, .hamburger__bar:after, .hamburger__bar:before {
position: absolute;
display: block;
width: 25px;
height: 4px;
content: '';
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
pointer-events: none;
background-color: #173bf5; }
.hamburger__bar:after {
opacity: 0; }
.hamburger .hamburger__bar {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%; }
.hamburger .hamburger__bar, .hamburger .hamburger__bar:after, .hamburger .hamburger__bar:before {
-webkit-transition: top 0.2s 0.2s,left 0.1s,background-color 0.2s 0.1s,-webkit-transform 0.2s;
transition: top 0.2s 0.2s,left 0.1s,background-color 0.2s 0.1s,-webkit-transform 0.2s;
-o-transition: top 0.2s 0.2s,left 0.1s,transform 0.2s,background-color 0.2s 0.1s;
transition: top 0.2s 0.2s,left 0.1s,transform 0.2s,background-color 0.2s 0.1s;
transition: top 0.2s 0.2s,left 0.1s,transform 0.2s,background-color 0.2s 0.1s,-webkit-transform 0.2s; }
.hamburger .hamburger__bar:after, .hamburger .hamburger__bar:before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0); }
.hamburger .hamburger__bar:before {
top: 10.66667px; }
.hamburger .hamburger__bar:after {
top: -10.66667px; }
.hamburger.is-active .hamburger__bar {
background-color: transparent; }
.hamburger.is-active .hamburger__bar:after, .hamburger.is-active .hamburger__bar:before {
top: 3px;
-webkit-transition: background-color 0.2s,top 0.2s,left 0.2s,-webkit-transform 0.2s 0.15s;
transition: background-color 0.2s,top 0.2s,left 0.2s,-webkit-transform 0.2s 0.15s;
-o-transition: background-color 0.2s,top 0.2s,left 0.2s,transform 0.2s 0.15s;
transition: background-color 0.2s,top 0.2s,left 0.2s,transform 0.2s 0.15s;
transition: background-color 0.2s,top 0.2s,left 0.2s,transform 0.2s 0.15s,-webkit-transform 0.2s 0.15s; }
.hamburger.is-active .hamburger__bar:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.hamburger.is-active .hamburger__bar:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1; }
footer {
background-color: #f9f9f9;
padding: 70px 0px 50px 0px; }
@media (max-width: 630px) {
footer {
padding: 30px 0px 30px 0px; } }
footer .container {
max-width: 1285px; }
@media (max-width: 1370px) {
footer .container {
max-width: 100%; } }
footer .logo_footer {
margin-top: 20px; }
@media (max-width: 568px) {
footer .logo_footer {
margin-top: 0px; } }
footer .logo_footer img {
max-width: 205px; }
footer .repeater {
margin-top: 40px;
padding-left: 20px; }
@media (max-width: 630px) {
footer .repeater {
padding-left: 0px; } }
footer .repeater .single {
display: grid;
grid-template-columns: 40px 1fr;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px; }
@media (max-width: 568px) {
footer .repeater .single {
margin-bottom: 10px; } }
footer .repeater .single .icon img {
max-width: 30px; }
footer .repeater .single .desc a {
color: #173bf5; }
footer .repeater .single .desc p {
margin-top: 0px;
margin-bottom: 0px; }
footer h3 {
font-weight: 400; }
footer a {
display: inline-block;
color: #170947;
text-decoration: none;
font-size: 14px; }
footer .container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; }
@media (max-width: 1250px) {
footer .container {
gap: 30px; } }
@media (max-width: 1200px) {
footer .container {
grid-template-columns: 1fr 1fr; } }
@media (max-width: 630px) {
footer .container {
grid-template-columns: 1fr;
gap: 15px; } }
footer .col {
padding-left: 50px; }
@media (max-width: 1250px) {
footer .col {
padding-left: 0px; } }
footer .col:nth-child(1) {
padding-left: 0px; }
footer .col:nth-child(4) {
padding-left: 80px; }
@media (max-width: 1250px) {
footer .col:nth-child(4) {
padding-left: 0px; } }
footer .col ul {
padding-left: 0px;
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px; }
footer .col ul li {
background-image: url(//stage.zaplicense.eu/wp-content/themes/Webgo%20v2/img/strzalka-6@2.png);
background-repeat: no-repeat;
background-size: 6px;
padding-left: 10px;
background-position: left 5px;
margin-bottom: 3px; }
footer .col ul li a {
display: inline-block;
color: #170947;
text-decoration: none;
font-size: 14px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-transition: color 0.4s;
-o-transition: color 0.4s;
transition: color 0.4s; }
footer .col ul li a:hover {
color: #173bf5; }
.copyright {
margin-top: 30px; }
.copyright p {
font-size: 14px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 5px; }
.copyright img {
width: 32px;
height: 32px;
margin-top: 5px; }