@charset "UTF-8";


@font-face {
font-family: 'icomoon';
src:  url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.eot?q1737x);
src:  url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.eot?q1737x#iefix) format('embedded-opentype'),
url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.ttf?q1737x) format('truetype'),
url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.woff?q1737x) format('woff'),
url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.svg?q1737x#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-info:before {
content: "\e91b";
}
.icon-leisure:before {
content: "\e91c";
}
.icon-links:before {
content: "\e91d";
}
.icon-map:before {
content: "\e91e";
}
.icon-pin:before {
content: "\e91f";
}
.icon-price:before {
content: "\e920";
}
.icon-jazykove_kurzy:before {
content: "\e913";
}
.icon-prace_v_zahranici:before {
content: "\e914";
}
.icon-studium_v_zahranici:before {
content: "\e915";
}
.icon-summer_school:before {
content: "\e916";
}
.icon-work_and_travel_USA:before {
content: "\e917";
}
.icon-arrow:before {
content: "\e900";
}
.icon-condition:before {
content: "\e901";
}
.icon-experiences:before {
content: "\e902";
}
.icon-facebook:before {
content: "\e903";
}
.icon-friendship:before {
content: "\e904";
}
.icon-GBP:before {
content: "\e905";
}
.icon-instagram:before {
content: "\e906";
}
.icon-menu_burger:before {
content: "\e907";
}
.icon-menu_close:before {
content: "\e908";
}
.icon-phone_line:before {
content: "\e909";
}
.icon-phone_solid:before {
content: "\e90a";
}
.icon-quotation_marks_1:before {
content: "\e90b";
}
.icon-quotation_marks_2:before {
content: "\e90c";
}
.icon-search:before {
content: "\e90d";
}
.icon-speaking:before {
content: "\e90e";
}
.icon-user:before {
content: "\e90f";
}
.icon-whatsapp:before {
content: "\e910";
}
.icon-youtube:before {
content: "\e911";
}
.icon-keyboard_arrow_left:before {
content: "\e918";
}
.icon-navigate_next:before {
content: "\e919";
}
.icon-keyboard_arrow_up:before {
content: "\e91a";
}
.icon-angle-down:before {
content: "\e912";
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, menu {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-family: inherit;
vertical-align: baseline;
}  html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
} figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role=button] {
cursor: pointer;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1210px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.3333333333%;
}
.col-xs-2 {
width: 16.6666666667%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-4 {
width: 33.3333333333%;
}
.col-xs-5 {
width: 41.6666666667%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-7 {
width: 58.3333333333%;
}
.col-xs-8 {
width: 66.6666666667%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-10 {
width: 83.3333333333%;
}
.col-xs-11 {
width: 91.6666666667%;
}
.col-xs-12 {
width: 100%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.3333333333%;
}
.col-xs-pull-2 {
right: 16.6666666667%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-4 {
right: 33.3333333333%;
}
.col-xs-pull-5 {
right: 41.6666666667%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-7 {
right: 58.3333333333%;
}
.col-xs-pull-8 {
right: 66.6666666667%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-10 {
right: 83.3333333333%;
}
.col-xs-pull-11 {
right: 91.6666666667%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.3333333333%;
}
.col-xs-push-2 {
left: 16.6666666667%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-4 {
left: 33.3333333333%;
}
.col-xs-push-5 {
left: 41.6666666667%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-7 {
left: 58.3333333333%;
}
.col-xs-push-8 {
left: 66.6666666667%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-10 {
left: 83.3333333333%;
}
.col-xs-push-11 {
left: 91.6666666667%;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-xs-offset-1 {
margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
margin-left: 100%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.3333333333%;
}
.col-sm-2 {
width: 16.6666666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.3333333333%;
}
.col-sm-5 {
width: 41.6666666667%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.3333333333%;
}
.col-sm-8 {
width: 66.6666666667%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.3333333333%;
}
.col-sm-11 {
width: 91.6666666667%;
}
.col-sm-12 {
width: 100%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.3333333333%;
}
.col-sm-pull-2 {
right: 16.6666666667%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-4 {
right: 33.3333333333%;
}
.col-sm-pull-5 {
right: 41.6666666667%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-7 {
right: 58.3333333333%;
}
.col-sm-pull-8 {
right: 66.6666666667%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-10 {
right: 83.3333333333%;
}
.col-sm-pull-11 {
right: 91.6666666667%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.3333333333%;
}
.col-sm-push-2 {
left: 16.6666666667%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-4 {
left: 33.3333333333%;
}
.col-sm-push-5 {
left: 41.6666666667%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-7 {
left: 58.3333333333%;
}
.col-sm-push-8 {
left: 66.6666666667%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-10 {
left: 83.3333333333%;
}
.col-sm-push-11 {
left: 91.6666666667%;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.col-sm-offset-1 {
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.3333333333%;
}
.col-md-2 {
width: 16.6666666667%;
}
.col-md-3 {
width: 25%;
}
.col-md-4 {
width: 33.3333333333%;
}
.col-md-5 {
width: 41.6666666667%;
}
.col-md-6 {
width: 50%;
}
.col-md-7 {
width: 58.3333333333%;
}
.col-md-8 {
width: 66.6666666667%;
}
.col-md-9 {
width: 75%;
}
.col-md-10 {
width: 83.3333333333%;
}
.col-md-11 {
width: 91.6666666667%;
}
.col-md-12 {
width: 100%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.3333333333%;
}
.col-md-pull-2 {
right: 16.6666666667%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-4 {
right: 33.3333333333%;
}
.col-md-pull-5 {
right: 41.6666666667%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-7 {
right: 58.3333333333%;
}
.col-md-pull-8 {
right: 66.6666666667%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-10 {
right: 83.3333333333%;
}
.col-md-pull-11 {
right: 91.6666666667%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.3333333333%;
}
.col-md-push-2 {
left: 16.6666666667%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-4 {
left: 33.3333333333%;
}
.col-md-push-5 {
left: 41.6666666667%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-7 {
left: 58.3333333333%;
}
.col-md-push-8 {
left: 66.6666666667%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-10 {
left: 83.3333333333%;
}
.col-md-push-11 {
left: 91.6666666667%;
}
.col-md-push-12 {
left: 100%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-md-offset-1 {
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
margin-left: 100%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.3333333333%;
}
.col-lg-2 {
width: 16.6666666667%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-4 {
width: 33.3333333333%;
}
.col-lg-5 {
width: 41.6666666667%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-7 {
width: 58.3333333333%;
}
.col-lg-8 {
width: 66.6666666667%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-10 {
width: 83.3333333333%;
}
.col-lg-11 {
width: 91.6666666667%;
}
.col-lg-12 {
width: 100%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.3333333333%;
}
.col-lg-pull-2 {
right: 16.6666666667%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-4 {
right: 33.3333333333%;
}
.col-lg-pull-5 {
right: 41.6666666667%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-7 {
right: 58.3333333333%;
}
.col-lg-pull-8 {
right: 66.6666666667%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-10 {
right: 83.3333333333%;
}
.col-lg-pull-11 {
right: 91.6666666667%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.3333333333%;
}
.col-lg-push-2 {
left: 16.6666666667%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-4 {
left: 33.3333333333%;
}
.col-lg-push-5 {
left: 41.6666666667%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-7 {
left: 58.3333333333%;
}
.col-lg-push-8 {
left: 66.6666666667%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-10 {
left: 83.3333333333%;
}
.col-lg-push-11 {
left: 91.6666666667%;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
.col-lg-offset-1 {
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
margin-left: 100%;
}
}
@font-face {
font-family: "icomoon";
src: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.eot);
src: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/icomoon.eot#iefix) format("embedded-opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.ttf) format("truetype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.woff) format("woff"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/icomoon/fonts/icomoon.svg#icomoon) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BwMitga-Black";
src: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Black.eot?#iefix) format("embedded-opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Black.otf) format("opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Black.woff) format("woff"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Black.ttf) format("truetype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Black.svg#BwMitga-Black) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BwMitga-Bold";
src: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Bold.eot?#iefix) format("embedded-opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Bold.otf) format("opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Bold.woff) format("woff"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Bold.ttf) format("truetype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Bold.svg#BwMitga-Bold) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BwMitga-Light";
src: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Light.eot?#iefix) format("embedded-opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Light.otf) format("opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Light.woff) format("woff"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Light.ttf) format("truetype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Light.svg#BwMitga-Light) format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "BwMitga-Regular";
src: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Regular.eot?#iefix) format("embedded-opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Regular.otf) format("opentype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Regular.woff) format("woff"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Regular.ttf) format("truetype"), url(//enjoyusa.pl/wp-content/themes/czechus_redesign/fonts/BwMitga-Regular.svg#BwMitga-Regular) format("svg");
font-weight: normal;
font-style: normal;
}   .button,
.btn {
display: inline-block;
padding: 6px 12px;
font-size: 18px !important;
font-size: 1.8rem !important;
font-family: "Josefin Sans", sans-serif;
border-radius: 4px;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.button:focus,
.btn:focus {
outline: none;
}
.button--orange {
border: 1px solid #1676cc;
background-color: #1676cc;
color: #fff;
}
.button--orange:hover {
background-color: #fff;
color: #1676cc;
}
.button--blue {
border: 1px solid #3d5b96;
color: #3d5b96;
}
.button--blue:hover {
background-color: #3d5b96;
color: #fff !important;
}
.button--green {
border: 1px solid #3ad26a !important;
color: #3ad26a !important;
}
.button--green:hover {
background-color: #3ad26a !important;
color: #fff !important;
text-decoration: none;
}
.button--orange-full,
.btn-orange-schuzka {
width: 100%;
border: 1px solid #1676cc;
background-color: #1676cc;
color: #fff !important;
}
.button--orange-full:hover,
.btn-orange-schuzka:hover {
background-color: transparent;
color: #1676cc !important;
}
.button--red {
width: 100%;
border: 1px solid #ed0c00;
background-color: #ed0c00;
color: #fff;
}
.button--red:hover {
background-color: transparent;
color: #ed0c00;
}
.button--red-full {
width: 100%;
border: 1px solid #ed0c00;
background-color: #ed0c00;
color: #fff;
}
.button--red-full:hover {
background-color: transparent;
color: #ed0c00;
}
.button--auto,
.btn-orange-schuzka {
width: auto;
display: inline-block;
padding: 11px 24px;
margin-left: 4px;
}
.button--inline {
width: auto;
display: inline-block;
padding: 11px 24px;
}
.button--di {
width: auto;
display: inline-block;
}
.button--bigger {
padding: 12px 18px;
font-size: 18px !important;
font-size: 1.8rem !important;
}
.button--ico-left span {
display: inline-block;
padding-right: 4px;
}
.buttons-group {
display: inline-block;
width: auto;
}
.buttons-group .button {
margin: 0 4px;
}
.buttons--line {
padding: 20px 0 20px 0;
margin: 20px 0 0 0;
border-top: 1px solid #c5c3d7;
text-align: center;
}
.buttons--center {
text-align: center;
}
.buttons--top {
margin: 15px 0 0 0;
margin: 1.5rem 0 0 0;
}
.input {
position: relative;
}
.input:before, .input:after {
content: " ";
display: table;
}
.input:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.input {
width: 100%;
}
}
.input--inline {
display: inline-block;
width: 200px;
margin: 0 5px;
}
@media only screen and (max-width: 768px) {
.input--inline {
width: 100%;
margin: 10px 0 0 0;
}
}
.input--top {
margin-top: 12px;
}
.input__text {
font-size: 14px;
font-size: 1.4rem;
width: 100%;
height: 45px;
padding: 15px 10px;
border: 1px solid #d8d8e1;
border-radius: 4px;
}
.input__text:focus {
outline: none;
}
.input__text--message {
width: 100%;
height: 159px;
resize: none;
}
.input__label {
font-size: 14px;
font-size: 1.4rem;
position: absolute;
pointer-events: none;
left: 10px;
top: 50%;
transform: translate(0, -50%);
color: #323233;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.register {
text-align: center;
background-color: #f2f9ed;
padding: 45px 0;
margin: 30px 0;
}
.register--productpage {
margin: 90px 0 0 0;
}
.register__inner {
vertical-align: middle;
}
.register strong {
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
padding-right: 15px;
}
@media only screen and (max-width: 768px) {
.register .button {
margin: 15px 0 0 0;
}
}
.youtube {
position: relative;
margin: 1em 0;
height: 0;
}
.youtube__video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.archive {
margin: 20px 0;
}
.archive__content {
background-color: #ed0c00;
color: #fff;
padding: 15px;
}
.scroll-up {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
border: none;
background: rgba(0, 0, 0, 0.3);
width: 45px;
height: 45px;
border-radius: 8px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.scroll-up span {
line-height: 0 !important;
}
.scroll-up:focus {
outline: none;
}
.calendly-container {
margin: 30px 0;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.instagram:before, .instagram:after {
content: " ";
display: table;
}
.instagram:after {
clear: both;
}
.instagram__title {
font-size: 30px;
font-size: 3rem;
text-align: center;
}
.instagram__box {
margin-top: 20px;
margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
.instagram__box {
margin-top: 0;
}
}
.select {
margin: 45px 0 0 0;
margin: 4.5rem 0 0 0;
text-align: center;
}
.select__wrapper {
display: inline-block;
width: 300px;
}
.dl-menuwrapper {
width: 100%;
max-width: 300px;
float: left;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
}
.dl-menuwrapper:first-child {
margin-right: 100px;
}
.dl-menuwrapper ul {
background: #aaa;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dl-menuwrapper li {
position: relative;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 15px 20px;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #fff;
outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
background: rgba(255, 248, 213, 0.1);
}
.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
background: rgba(0, 0, 0, 0.1);
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: "icomoon";
speak: none;
-webkit-font-smoothing: antialiased;
content: "";
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
color: rgba(212, 204, 198, 0.3);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
right: 10px;
color: rgba(0, 0, 0, 0.15);
}
.dl-menuwrapper .dl-menu {
margin: 5px 0 0 0;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .dl-menuwrapper li .dl-submenu {
display: none;
} .dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
} .dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;
} .dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease;
animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut2 {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut3 {
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes MenuAnimOut4 {
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes MenuAnimOut5 {
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease;
animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease;
animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease;
animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease;
animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease;
animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
} .no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: "";
}  .demo-1 .dl-menuwrapper button {
background: #c62860;
}
.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
background: #9e1847;
} .demo-2 .dl-menuwrapper button {
background: #e86814;
}
.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
background: #D35400;
} .demo-3 .dl-menuwrapper button {
background: #08cbc4;
}
.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
background: #00b4ae;
} .demo-4 .dl-menuwrapper button {
background: #90b912;
}
.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
background: #79a002;
} .demo-5 .dl-menuwrapper button {
background: #744783;
}
.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
background: #643771;
}
.dl-menu {
max-height: 0;
height: auto;
text-align: left;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.dl-menu:before, .dl-menu:after {
content: " ";
display: table;
}
.dl-menu:after {
clear: both;
}
.dl-menu.dl-menuopen {
max-height: 5000px;
margin-top: 14px;
}
.dl-menuwrapper {
width: 100%;
max-width: 768px;
text-align: right;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#dl-menu {
display: none;
}
#dl-menu a {
text-decoration: none !important;
}
@media only screen and (max-width: 768px) {
#dl-menu {
display: block;
}
}
#dl-menu li a {
background-color: #495e97;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#dl-menu li.dl-back a {
background-color: #000f4b;
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
color: #fff;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
background-color: #495e97;
}
.dl-menuwrapper {
padding: 0 !important;
}
.rbacfgallery {
width: 100%;
padding: 20px 0;
}
.rbacfgallery .swipebox {
cursor: pointer;
}
.rbacfgallery::after {
content: "";
display: table;
clear: both;
}
.rbacfgallery__wrapper {
margin-left: -5px;
margin-right: -5px;
}
.rbacfgallery__page {
display: none;
}
.rbacfgallery__page.active {
display: block;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 520px) {
.rbacfgallery__page.active {
display: block;
}
}
.rbacfgallery__page::after {
content: "";
display: table;
clear: both;
}
.rbacfgallery__item {
cursor: pointer;
float: left;
width: 25%;
}
.rbacfgallery__item--mobile {
display: none;
width: 100%;
float: none;
}
@media screen and (max-width: 520px) {
.rbacfgallery__item {
float: left;
width: 100% !important;
}
}
.rbacfgallery__img {
display: block;
padding: 10px 5px 0 5px;
text-decoration: none;
box-shadow: none !important;
}
.rbacfgallery__img:hover {
text-decoration: none;
box-shadow: none !important;
}
.rbacfgallery__img img {
max-width: 100%;
height: auto;
}
.rbacfgallery__img:hover img {
text-decoration: none;
}
.rbacfgallery__pagination {
padding: 10px 0 0 0;
}
.rbacfgallery__pagination ul {
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
}
.rbacfgallery__pagination ul::after {
content: "";
display: table;
clear: both;
}
.rbacfgallery__pagination ul li {
display: inline-block;
float: left;
margin-right: 5px;
}
.rbacfgallery__pagination ul li a {
display: inline-block;
padding: 2px 6px;
text-decoration: none;
box-shadow: none !important;
font-size: 14px;
border: 1px solid #cdcdcd;
color: black;
}
.rbacfgallery__pagination ul li a.active {
border: 1px solid black;
}
.rbacfgallery__title {
display: block;
width: 100%;
text-align: left;
color: black;
font-size: 13px;
}
.gallery__placeholder {
position: relative;
display: block;
}
.gallery__placeholder:before {
content: "";
display: inline-block;
padding-bottom: 65%;
}
.gallery__placeholder__inner {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: 50% 50%;
}
.rbacfgallery__slick {
display: none !important;
padding: 0 40px;
}
.rbacfgallery__slick .slick-arrow {
position: absolute;
z-index: 100;
width: 40px;
height: 40px;
border: 1px solid #cdcdcd;
background: transparent;
border-radius: 0;
top: 50%;
margin-top: -20px;
padding: 0;
color: #cdcdcd;
}
.rbacfgallery__slick .slick-arrow:focus {
outline: none;
}
.rbacfgallery__slick .icon-keyboard_arrow_left {
left: -10px;
}
.rbacfgallery__slick .icon-navigate_next {
right: -10px;
}
@media screen and (max-width: 520px) {
.rbacfgallery__wrapper {
display: none;
}
.rbacfgallery__pagination {
display: none;
}
.rbacfgallery__item--mobile {
display: block;
}
.rbacfgallery__slick {
display: block !important;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} html.swipebox-html.swipebox-touch {
overflow: hidden !important;
}
#swipebox-overlay img {
border: none !important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999 !important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
cursor: pointer;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide .swipebox-inline-container, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide img {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: 0 0;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
#swipebox-slider .slide-loading {
background: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/img/loader.gif) center center no-repeat;
}
#swipebox-bottom-bar, #swipebox-top-bar {
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
#swipebox-bottom-bar {
bottom: -50px;
}
#swipebox-bottom-bar.visible-bars {
-webkit-transform: translate3d(0, -50px, 0);
transform: translate3d(0, -50px, 0);
}
#swipebox-top-bar {
top: -50px;
}
#swipebox-top-bar.visible-bars {
-webkit-transform: translate3d(0, 50px, 0);
transform: translate3d(0, 50px, 0);
}
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
#swipebox-close, #swipebox-next, #swipebox-prev {
background-image: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/img/icons.png);
background-repeat: no-repeat;
border: none !important;
text-decoration: none !important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
}
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
#swipebox-prev {
background-position: -32px 13px;
float: left;
}
#swipebox-next {
background-position: -78px 13px;
float: right;
}
#swipebox-close {
top: 0;
right: 0;
position: absolute;
z-index: 9999;
background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
display: none;
}
#swipebox-next.disabled, #swipebox-prev.disabled {
opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
-webkit-animation: rightSpring 0.3s;
animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
-webkit-animation: leftSpring 0.3s;
animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:after, .swipebox-touch #swipebox-container:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
content: " ";
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
.swipebox-touch #swipebox-container:before {
left: 0;
-webkit-box-shadow: inset 10px 0 10px -8px #656565;
box-shadow: inset 10px 0 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
right: 0;
-webkit-box-shadow: inset -10px 0 10px -8px #656565;
box-shadow: inset -10px 0 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before, .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@-webkit-keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@media screen and (min-width: 800px) {
#swipebox-close {
right: 10px;
}
#swipebox-arrows {
width: 92%;
max-width: 800px;
}
}
#swipebox-overlay {
background: #0d0d0d;
}
#swipebox-bottom-bar, #swipebox-top-bar {
text-shadow: 1px 1px 1px #000;
background: #000;
opacity: 0.95;
}
#swipebox-top-bar {
color: #fff !important;
font-size: 15px;
line-height: 43px;
font-family: Helvetica, Arial, sans-serif;
} .js-wsbox {
padding: 0 0 65px 0;
}
.wsbox-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding-bottom: 30px;
}
.wsbox {
flex-basis: 30%;
align-items: center;
margin-bottom: 15px;
padding: 20px;
display: none;
}
.wsbox.show {
display: block;
}
.wsbox img {
max-width: 300px;
clear: both !important;
margin-bottom: 10px;
clear: both;
}
@media screen and (max-width: 470px) {
.wsbox {
float: none;
width: 100%;
}
.wsbox img {
float: none;
}
}
.faq__question {
cursor: pointer;
} .faq.hidden .faq__answer {
display: none;
}
.layout-info__title {
color: #363636;
}
.layout-info__title span {
color: #1676cc !important;
}
.layout-info__title span:before {
color: #1676cc !important;
}
.layout-info__map {
position: relative;
height: 200px;
border: 1px solid #ededed;
}
.acf-map {
position: absolute;
top: 5px;
bottom: 5px;
left: 5px;
right: 5px;
} .acf-map img {
max-width: inherit !important;
}
.layout-important {
margin: 15px 0 0 0;
margin: 1.5rem 0 0 0;
padding: 35px 0 35px 0;
padding: 3.5rem 0 3.5rem 0;
background: #fae9ea;
}
.layout-important__title {
text-align: center;
font-size: 30px;
font-size: 3rem;
font-family: "Josefin Sans", sans-serif;
}
.layout-important__btns {
padding: 15px 0 0 0;
padding: 1.5rem 0 0 0;
}
.layout-important__content:before, .layout-important__content:after {
content: " ";
display: table;
}
.layout-important__content:after {
clear: both;
}
html,
body {
position: relative;
height: 100%;
font-size: 11px;
font-family: "Josefin Sans", sans-serif;
min-width: 320px;
padding: 0;
margin: 0;
color: #323233;
}
strong {
font-family: "Josefin Sans", sans-serif;
}
.cf7md-admin-customize-message {
display: none !important;
}
.disable-submit {
border: 1px solid #999999 !important;
background-color: #cccccc !important;
color: #666666 !important;
cursor: not-allowed !important;
}
.mdc-textfield:after {
display: none !important;
}
#cf7md-form .mdc-textfield__input {
padding-left: 10px !important;
padding-right: 10px !important;
}
.wpcf7-form-control-wrap.mdc-form-field {
border: 1px solid #D8D8E1;
border-radius: 12px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
background: #F5F5F5;
}
#cf7md-form .cf7md-item {
margin-bottom: 10px !important;
}
#cf7md-form .mdc-textfield--multiline .mdc-textfield__input {
border: none !important;
}
#cf7md-form .cf7md-select select {
border: none;
margin-top: 16px;
}
#cf7md-form .mdc-textfield__input {
border: none !important;
}
.header {
padding: 0 0 0 0;
background-color: #fff;
}
.header:before, .header:after {
content: " ";
display: table;
}
.header:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.header {
padding: 0;
}
}
.header__main {
float: left;
}
.header__logo {
display: inline-block;
float: left;
padding: 15px 0;
}
.header__logo img {
width: 135px;
height: auto;
margin-top: 12px;
margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
.header__logo img {
width: 100px;
}
}
@media only screen and (max-width: 768px) {
.header__logo svg {
width: 157px;
height: 48px;
}
}
.header__meta {
float: right;
margin: 15px 0 0 0;
margin: 1.5rem 0 0 0;
}
.header__meta:before, .header__meta:after {
content: " ";
display: table;
}
.header__meta:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.header__meta {
display: none;
}
}
.header__social {
float: left;
margin-right: 45px;
margin-top: 10px;
}
@media only screen and (max-width: 1200px) {
.header__social {
margin-right: 10px;
}
}
@media only screen and (max-width: 768px) {
.header__social {
display: none;
}
}
.header__social ul {
float: left;
}
.header__social ul li {
display: inline-block;
float: left;
padding: 0 10px;
}
.header__social ul li a {
display: inline-block;
float: left;
color: #363636;
font-size: 18px;
font-size: 1.8rem;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.header__social ul li a:hover {
opacity: 0.7;
}
.header__search {
margin: 3px 0 0 0;
float: right;
}
.header__mobile {
display: none;
float: right;
padding-top: 32px;
}
@media only screen and (max-width: 768px) {
.header__mobile {
display: block;
padding-top: 24px;
}
}
.header__mobile__phone,
.header__mobile__person {
font-size: 18px;
text-decoration: none;
color: #323233;
padding-right: 14px;
}
.header__mobile__phone {
color: #8ba218;
}
.header__mobile__menu span {
position: relative;
top: -5px;
display: inline-block;
padding-right: 5px;
font-size: 14px;
font-size: 1.4rem;
color: #423d7d;
}
.header__mobile__sub {
display: none;
}
.header .dl-menuwrapper ul {
width: 100%;
background-color: #fff !important;
}
.header .dl-menuwrapper ul li {
width: 100%;
}
.header .dl-menuwrapper ul a {
width: 100%;
}
.header__mobile__lang {
padding: 5px 0;
}
.header__mobile__lang ul {
list-style-type: none;
}
.header__mobile__lang ul li {
display: inline-block;
}
.dl-menu.dl-menuopen ~ .header__mobile__sub {
display: block;
}
.header__mobile__search {
margin: 4px 0;
}
.header__mobile__search .search_form {
position: relative;
padding: 5px 11px;
}
.header__mobile__search .search_form:before, .header__mobile__search .search_form:after {
content: " ";
display: table;
}
.header__mobile__search .search_form:after {
clear: both;
}
.header__mobile__search input, .header__mobile__search button, .header__mobile__search select, .header__mobile__search textarea {
width: 100%;
padding: 6px;
border: 1px solid #000f4b;
}
.header__mobile__search #s {
width: 68%;
float: left;
padding: 9px;
}
@media only screen and (max-width: 480px) {
.header__mobile__search #s {
width: 100%;
float: none;
padding: 6px;
}
}
.header__mobile__search #searchsubmit {
width: 30%;
float: right;
padding: 9px;
background-color: #000f4b;
color: #fff;
text-align: center;
}
@media only screen and (max-width: 480px) {
.header__mobile__search #searchsubmit {
margin-top: 8px;
width: 100%;
float: none;
}
}
.header__contact {
margin: 22px 0 0 158px;
margin: 2.2rem 0 0 15.8rem;
float: left;
text-align: left;
}
@media only screen and (max-width: 1200px) {
.header__contact {
margin-left: 85px;
margin-left: 8.5rem;
}
}
@media only screen and (max-width: 992px) {
.header__contact {
margin-left: 20px;
margin-left: 2rem;
}
}
@media only screen and (max-width: 768px) {
.header__contact {
margin-top: 24px;
}
}
.header__phone {
float: left;
display: inline-block;
font-size: 18px;
font-size: 1.8rem;
color: #8ba218;
font-family: "Josefin Sans", sans-serif;
}
@media only screen and (max-width: 768px) {
.header__phone {
display: none;
}
}
.header__phone a {
color: #8ba218;
text-decoration: none;
font-weight: 600;
}
.header__phone a:hover {
text-decoration: underline;
}
.header__phone span {
display: inline-block;
padding-right: 5px;
color: #363636;
font-size: 14px;
font-size: 1.4rem;
}
.header__open {
float: left;
display: inline-block;
margin-left: 10px;
font-size: 16px;
font-size: 1.6rem;
color: #323233;
padding-top: 1px;
padding-top: 0.15rem;
}
@media only screen and (max-width: 992px) {
.header__open {
display: none;
}
}
@media only screen and (max-width: 768px) {
.header__open {
display: block;
}
}
@media screen and (max-width: 520px) {
.header__open {
display: none;
}
}
.header__lang {
float: left;
display: inline-block;
margin-left: 10px;
font-size: 14px !important;
font-size: 1.4rem !important;
color: #323233;
}
.header__lang a {
color: #323233;
text-decoration: none;
text-transform: uppercase;
}
.header__lang a:hover {
text-decoration: underline;
color: #323233;
}
.search-form {
border-radius: 4px;
border: 1px solid #d8d8e1;
border-right: none;
}
.search-form:before, .search-form:after {
content: " ";
display: table;
}
.search-form:after {
clear: both;
}
.search-form__input {
width: 180px;
padding: 0 10px;
border: none;
font-size: 14px;
font-size: 1.4rem;
color: #323233;
}
.search-form__input:focus {
outline: none;
}
.search-form__submit {
width: 35px;
height: 35px;
background-color: #1676cc;
border-radius: 4px;
color: #fff;
text-align: center;
line-height: 35px;
border: none;
font-size: 14px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.search-form__submit:hover {
opacity: 0.7;
}
.search-form__submit:focus {
outline: none;
}
::-webkit-input-placeholder {
color: #a9a9a9;
font-size: 14px;
}
::-moz-placeholder {
color: #a9a9a9;
font-size: 14px;
}
:-ms-input-placeholder {
color: #a9a9a9;
font-size: 14px;
}
:-moz-placeholder {
color: #a9a9a9;
font-size: 14px;
}
.main-menu {
border-top: 1px solid #d8d8e1;
}
.main-menu:before, .main-menu:after {
content: " ";
display: table;
}
.main-menu:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.main-menu {
display: none;
}
}
.main-menu .container > ul {
width: 100%;
list-style-type: none;
float: left;
display: table;
}
.main-menu .container > ul > li {
display: table-cell;
}
.main-menu .container > ul > li > a {
position: relative;
padding: 20px 10px 15px 10px;
display: inline-block;
width: 100%;
min-height: 60px;
vertical-align: middle;
text-decoration: none;
font-size: 14px;
font-size: 1.4rem;
font-weight: 600;
text-transform: uppercase;
color: #323233;
overflow: hidden;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.main-menu .container > ul > li > a:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background-color: #7ec351;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
transform: translate(0, -100%);
}
.main-menu .container > ul > li > a:hover:before {
transform: translate(0, 0);
}
.main-menu .container > ul > li > a span {
padding-right: 6px;
margin-top: 2px;
color: #423d7d;
font-size: 16px;
}
.main-menu .container > ul > li > a span.icon-angle-down {
padding-left: 5px;
font-size: 16px;
color: #323233;
}
@media only screen and (max-width: 1200px) {
.main-menu .container > ul > li > a img,
.main-menu .container > ul > li > a span {
display: none;
}
}
.main-menu .container > ul > li:hover a:before {
transform: translate(0, 0);
}
.main-menu .container {
position: relative;
}
.main-menu ul li:hover .submenu {
display: block;
}
.banner {
position: relative;
width: 100%;
height: 500px;
background-color: #423d7d;
}
@media only screen and (max-width: 768px) {
.banner {
height: auto;
padding: 40px 0;
}
}
@media only screen and (max-width: 768px) {
.banner video {
display: none;
}
}
.banner > div {
z-index: 1 !important;
}
@media only screen and (max-width: 768px) {
.banner > div:first-child {
display: none !important;
}
}
.banner .cotainer {
position: relative;
z-index: 2;
}
.banner__title {
font-size: 38px;
font-size: 3.8rem;
line-height: 1.2;
color: #fff;
margin: 0;
padding: 0;
text-align: center;
}
.banner__title span {
font-family: "Josefin Sans", sans-serif;
}
@media only screen and (max-width: 768px) {
.banner__title span {
display: block;
}
}
@media only screen and (max-width: 768px) {
.banner__title span.dash {
display: none;
}
}
.banner__desc {
font-size: 16px;
font-size: 1.6rem;
text-align: center;
color: #fff;
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
}
.banner__desc p {
line-height: 1.8;
}
@media only screen and (max-width: 1200px) {
.banner__desc p br {
display: none;
}
}
.banner__content {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
z-index: 9;
bottom: 40px;
bottom: 4rem;
}
@media only screen and (max-width: 1200px) {
.banner__content {
width: 80%;
}
}
@media only screen and (max-width: 768px) {
.banner__content {
width: 100%;
transform: translate(0, 0);
left: 0;
position: static;
padding: 0 10%;
}
}
.hp {
border-top: 4px solid #fff;
position: relative;
overflow: hidden;
}
.hp:before, .hp:after {
content: " ";
display: table;
}
.hp:after {
clear: both;
}
@media only screen and (max-width: 992px) {
.hp {
border-top: none;
}
}
@media only screen and (max-width: 768px) {
.hp {
display: none;
}
}
.hp__row:before, .hp__row:after {
content: " ";
display: table;
}
.hp__row:after {
clear: both;
}
.hp__title {
margin: 55px 0 0 0;
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
color: #323233;
}
.hp__items {
margin: 24px 0 0 0;
margin: 2.4rem 0 0 0;
padding: 0 0 27px 0;
padding: 0 0 2.7rem 0;
}
.hp__items--news {
border-bottom: 1px solid #f7dabd;
}
.hp__items--action {
border-bottom: 1px solid #c7d0e3;
}
.hp__news {
width: 60%;
float: left;
padding-right: 50px;
padding-right: 5rem;
background-color: #fcf2e7;
}
@media only screen and (max-width: 992px) {
.hp__news {
position: relative;
width: 100%;
padding-right: 0;
border: none;
border-top: 4px solid #fff;
}
}
.hp__news:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
transform: translate(-20%, 0);
background-color: #fcf2e7;
border-bottom: 4px solid #fff;
}
@media only screen and (max-width: 992px) {
.hp__news:after {
transform: translate(0, 0);
width: auto;
right: -50%;
left: -50%;
border: none;
}
}
.hp__action {
width: 40%;
float: right;
padding-left: 50px;
padding-left: 5rem;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
background-color: #e7ebf3;
}
@media only screen and (max-width: 992px) {
.hp__action {
position: relative;
width: 100%;
padding-left: 0;
border-left: none;
border-top: 4px solid #fff;
}
}
.hp__action:after {
content: "";
z-index: -1;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 100%;
transform: translate(58%, 0);
background-color: #e7ebf3;
border-bottom: 4px solid #fff;
}
@media only screen and (max-width: 992px) {
.hp__action:after {
transform: translate(0, 0);
width: auto;
right: -50%;
left: -50%;
border: none;
}
}
@media only screen and (max-width: 768px) {
.hp__item {
margin: 40px 0 0 0;
margin: 4rem 0 0 0;
}
}
.hp__item__image {
display: block;
position: relative;
background-color: #f4f4f4;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.hp__item__image:before {
content: "";
display: inline-block;
padding-bottom: 54%;
}
.hp__item__image:hover {
transform: scale(0.99);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.hp__item__image--small:before {
padding-bottom: 88%;
}
@media only screen and (max-width: 992px) {
.hp__item__image--small:before {
padding-bottom: 54%;
}
}
.hp__item__image__wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.hp__item__title {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
font-size: 18px;
font-size: 1.8rem;
color: #323233;
}
.hp__item__title--nomargin {
margin: 5px 0 0 0;
margin: 0.5rem 0 0 0;
}
.hp__item__title a {
color: #323233;
text-decoration: underline;
}
.hp__item__title a:hover {
text-decoration: none;
}
.hp__item__content {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
.hp__item__link {
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
}
.hp__item__link span {
padding-left: 4px;
text-decoration: underline;
}
.hp__item__link span.icon-arrow {
font-size: 10px;
text-decoration: none;
}
.hp__item__link:hover span {
text-decoration: none;
}
.hp__item__link--orange {
color: #1676cc;
}
.hp__item__link--blue {
color: #423d7d;
}
.hp__item__meta {
margin-top: 20px;
margin-top: 2rem;
font-size: 14px;
font-size: 1.4rem;
}
.hp__item__meta strong {
font-family: "Josefin Sans", sans-serif;
}
.hp__buttons {
padding: 30px 0 54px 0;
padding: 3rem 0 5.4rem 0;
}
.hp__buttons--right {
text-align: right;
}
.hp__button {
display: inline-block;
padding: 6px 12px !important;
font-size: 20px !important;
font-size: 2rem !important;
border-radius: 4px;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.hp__button--red-full {
border: 1px solid #ed0c00;
background-color: #ed0c00;
color: #fff !important;
text-decoration: none !important;
}
.hp__button--red-full:hover {
background-color: transparent;
color: #ed0c00 !important;
}
.hp__button--orange {
border: 1px solid #1676cc;
color: #1676cc;
}
.hp__button--orange:hover {
background-color: #1676cc;
color: #fff;
}
.hp__button--blue {
border: 1px solid #423d7d;
color: #423d7d;
}
.hp__button--blue:hover {
background-color: #423d7d;
color: #fff;
}
.hp__full {
padding: 55px 0;
padding: 5.5rem 0;
vertical-align: middle;
line-height: 1.6;
}
@media only screen and (max-width: 768px) {
.hp__full {
display: none;
}
}
.hp__full--mobile {
display: none !important;
}
@media only screen and (max-width: 768px) {
.hp__full--mobile {
display: block;
text-align: center;
}
.hp__full--mobile p {
width: 100%;
}
}
.hp__full p,
.hp__full a {
display: inline-block;
vertical-align: middle;
}
.hp__full p {
font-size: 18px;
font-size: 1.8rem;
}
.hp__full p strong {
font-family: "Josefin Sans", sans-serif;
}
.hp__full .icon-arrow {
display: inline-block;
padding: 0 30px;
color: #ed0c00;
font-size: 30px;
vertical-align: middle;
}
@media only screen and (max-width: 992px) {
.hp__full .icon-arrow {
display: none;
}
}
.hp__full a {
display: inline-block;
padding-right: 30px;
color: #323233;
text-decoration: underline;
font-size: 20px;
font-size: 2rem;
}
.hp__full a:hover {
text-decoration: underline;
}
.hp__full--red {
background-color: #f2f9ed;
}
.hp__full--red span {
color: #211b66 !important;
}
.square {
padding: 85px 0 0 0;
padding: 8.5rem 0 0 0;
}
@media only screen and (max-width: 768px) {
.square {
padding: 0;
}
}
@media only screen and (max-width: 768px) {
.square .container {
padding-left: 0;
padding-right: 0;
}
}
.square__title {
font-size: 30px;
font-size: 3rem;
text-align: center;
}
@media only screen and (max-width: 768px) {
.square__title {
display: none;
}
}
.square__title strong {
font-family: "Josefin Sans", sans-serif;
}
.square__items {
padding: 42px 0 0 0;
padding: 4.2rem 0 0 0;
}
.square__items:before, .square__items:after {
content: " ";
display: table;
}
.square__items:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.square__items {
padding: 1px 0 0 0;
}
}
.square__item {
position: relative;
width: 33.3333%;
display: inline-block;
float: left;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
overflow: hidden;
}
@media only screen and (max-width: 992px) {
.square__item {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.square__item {
width: 100%;
border-right: none;
}
}
.square__item:before {
content: "";
display: inline-block;
padding-bottom: 54%;
}
.square__item__bg {
position: absolute;
z-index: 2;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
align-items: center;
justify-content: center;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.square__item:hover .square__item__bg {
transform: scale(1.1);
}
.square__item__wrapper {
position: absolute;
z-index: 3;
display: flex;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
align-items: center;
justify-content: center;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.square__item__title {
display: block;
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
text-align: center;
color: #363636;
}
.square__item__line {
display: block;
}
.square__item__line:after {
content: "";
display: inline-block;
width: 60px;
height: 3px;
margin: 5px 0 0 0;
background-color: #1676cc;
}
.square__item__links {
display: block;
margin: 27px 0 0 0;
text-align: center;
}
.square__item__link {
display: inline-block;
font-family: "Josefin Sans", sans-serif;
font-size: 14px;
font-size: 1.4rem;
color: #363636;
text-decoration: none;
}
.square__item__link:hover {
text-decoration: underline;
}
.square__item__buttons {
display: block;
margin: 27px 0 0 0;
text-align: center;
}
.square__item__button {
display: inline-block;
padding: 6px 14px;
margin: 0 4px;
color: #1676cc;
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
border-radius: 4px;
border: 1px solid #1676cc;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.square__item__button:hover {
background-color: #1676cc;
color: #fff;
}
.tabs__title {
padding: 120px 0 50px 0;
padding: 12rem 0 50px 0;
font-size: 30px;
font-size: 3rem;
font-family: "Josefin Sans", sans-serif;
}
@media only screen and (max-width: 768px) {
.tabs__title {
padding: 60px 0 40px 0;
padding: 6rem 0 4rem 0;
font-size: 24px;
font-size: 2.4rem;
}
}
.tabs__title strong {
font-family: "Josefin Sans", sans-serif;
}
.tabs__title--desktop {
display: block;
}
@media only screen and (max-width: 768px) {
.tabs__title--desktop {
display: none;
}
}
.tabs__title--mobile {
display: none;
}
@media only screen and (max-width: 768px) {
.tabs__title--mobile {
display: block;
}
}
.tabs__items {
padding: 50px 0 0 0;
padding: 5rem 0 0 0;
background-color: #eeedf3;
}
@media only screen and (max-width: 768px) {
.tabs__items {
padding: 0;
}
}
@media only screen and (max-width: 768px) {
.tabs__item .row {
padding: 0 14%;
}
}
.tabs__buttons {
margin-top: 29px;
padding: 29px 0;
text-align: center;
border-top: 1px solid #c5c3d7;
}
.tabs__controll ul {
list-style-type: none;
}
.tabs__controll ul:before, .tabs__controll ul:after {
content: " ";
display: table;
}
.tabs__controll ul:after {
clear: both;
}
.tabs__controll ul li {
float: left;
}
.tabs__controll ul li a {
display: inline-block;
padding: 10px 25px;
font-size: 18px;
font-size: 1.8rem;
font-weight: 600 !important;
color: #a1a1a1;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.tabs__controll ul li a.is-active {
position: relative;
font-family: "Josefin Sans", sans-serif;
color: #363636;
}
.tabs__controll ul li a.is-active:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background-color: #1676cc;
}
.tabs__item {
display: none;
}
.tabs__item.is-active {
display: block;
}
@media only screen and (max-width: 768px) {
.tabs__item .col-sm-3 {
display: none;
}
}
@media only screen and (max-width: 768px) {
.tabs__item .col-sm-3:nth-child(1) {
display: block;
}
}
@media only screen and (max-width: 768px) {
.tabs__item .col-sm-3:nth-child(2) {
display: block;
}
}
.contact-form {
padding: 130px 0 120px 0;
background-image: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/images/contact-form.jpg);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
@media only screen and (max-width: 768px) {
.contact-form {
padding: 60px 0 40px 0;
padding: 6rem 0 4rem 0;
font-size: 24px;
font-size: 2.4rem;
}
}
.contact-form__title {
font-size: 38px;
font-size: 3.8rem;
text-align: center;
font-family: "Josefin Sans", sans-serif;
font-weight: 800;
text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
.contact-form__title {
font-size: 24px;
font-size: 2.4rem;
}
}
.contact-form__title a {
font-size: 14px;
font-size: 1.4rem;
color: #8ba218;
text-decoration: none;
}
.contact-form__title--desktop {
display: block;
}
@media only screen and (max-width: 768px) {
.contact-form__title--desktop {
display: none;
}
}
.contact-form__title--mobile {
display: none;
}
@media only screen and (max-width: 768px) {
.contact-form__title--mobile {
display: block;
}
}
.contact-form__data {
margin: 30px 0 0 0;
margin: 3rem 0 0 0;
}
.contact-form__desc {
margin-top: 20px;
margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
.contact-form__desc {
display: none;
}
}
.contact-form__desc p {
font-size: 18px;
font-size: 1.8rem;
text-align: center;
line-height: 1.6;
}
body .contact-form__inputs {
margin-top: 20px;
margin-top: 2rem;
}
body .contact-form__inputs input {
border: 1px solid #d8d8e1 !important;
}
@media only screen and (max-width: 768px) {
body .contact-form__inputs {
padding: 0;
border: none;
}
}
.contact-form__line {
margin-top: 29px;
}
@media only screen and (max-width: 768px) {
.contact-form__terms {
padding-bottom: 15px;
}
}
.contact-form__terms p {
font-size: 14px;
font-size: 1.4rem;
color: #323233;
}
.contact-form__terms a {
color: #1676cc;
text-decoration: underline;
}
.contact-form__captcha {
width: 100%;
height: 76px;
margin-top: 12px;
background-color: #f8f8f8;
}
.contact-form__info {
margin-top: 30px;
margin-top: 3rem;
}
@media only screen and (max-width: 768px) {
.contact-form__info {
display: none;
}
}
.contact-form__info p {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
.contact-form__info p a {
color: #1676cc;
}
.contact-form__buttons {
margin-top: 30px;
margin-top: 3rem;
text-align: center;
}
@media only screen and (max-width: 768px) {
.contact-form__buttons {
display: none;
}
}
.imageline:before, .imageline:after {
content: " ";
display: table;
}
.imageline:after {
clear: both;
}
.imageline__item {
position: relative;
display: inline-block;
float: left;
}
@media only screen and (max-width: 768px) {
.imageline__item {
width: 33.333% !important;
}
}
.imageline__item:before {
content: "";
display: inline-block;
padding-bottom: 85%;
}
.imageline__img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.footer {
padding: 75px 0 75px 0;
background-color: #423d7d;
background-image: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/images/footer-bg.jpg);
background-size: cover;
background-position: 50% 100%;
background-repeat: no-repeat;
border-top: 1px solid #fff;
}
@media only screen and (max-width: 768px) {
.footer {
padding: 0;
padding-bottom: 30px;
padding-bottom: 3rem;
}
}
.footer__title {
color: #fff;
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 768px) {
.footer__title {
padding-top: 30px;
padding-top: 3rem;
}
}
.footer__menu {
margin-top: 20px;
margin-top: 2rem;
}
.footer__menu ul {
list-style-type: none;
}
.footer__menu ul li {
width: 100%;
padding: 5px 0;
padding: 0.5rem 0;
}
.footer__menu ul li a {
display: block;
color: #fff;
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
}
.footer__menu ul li a:hover {
text-decoration: underline;
}
.footer__menu ul li a span {
display: inline-block;
margin-right: 5px;
margin-right: 0.5rem;
font-size: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
.footer__blog {
display: none;
}
}
.footer__items:before, .footer__items:after {
content: " ";
display: table;
}
.footer__items:after {
clear: both;
}
a.footer__item {
display: inline-block;
margin-top: 20px;
margin-top: 2rem;
color: #fff;
text-decoration: none;
}
a.footer__item:before, a.footer__item:after {
content: " ";
display: table;
}
a.footer__item:after {
clear: both;
}
.footer__item__img {
display: inline-block;
float: left;
width: 75px;
}
.footer__item__img img {
width: 100%;
height: auto;
}
.footer__item__content {
display: block;
padding-left: 90px;
}
.footer__item__title {
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
font-family: "Josefin Sans", sans-serif;
}
a.footer__item:hover .footer__item__title {
text-decoration: underline;
}
.footer__item__desc {
display: inline-block;
margin: 10px 0 0 0;
margin: 1rem 0 0 0;
font-size: 16px;
font-size: 1.6rem;
}
a.footer__item:hover .footer__item__desc {
text-decoration: underline;
}
.footer__content {
margin-top: 20px;
margin-top: 2rem;
}
.footer__content--sec {
margin-top: 10px;
margin-top: 1rem;
}
.footer__content p {
color: #fff;
font-family: "Josefin Sans", sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
.footer__content p a {
color: #fff;
text-decoration: none;
}
.footer__content p a:hover {
text-decoration: underline;
}
.footer__content--light p {
color: #a9b4d2;
}
.sign {
padding: 20px 0;
padding: 2rem 0;
background-color: #fdfcfb;
color: #423d7d;
font-size: 16px;
font-size: 1.6rem;
}
.sign a {
color: #423d7d;
}
.sign a:hover {
text-decoration: none;
}
.sign__copy {
text-align: center;
}
@media only screen and (max-width: 768px) {
.sign__copy {
text-align: center;
}
}
.main-menu ul li div.submenu {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
display: none;
position: absolute;
z-index: 999;
top: 100%;
left: 0;
right: 0;
background: white;
}
.submenu {
padding: 30px 30px 0 30px;
}
.submenu__list {
list-style-type: none;
margin-left: -15px;
margin-right: -15px;
}
.submenu__list:before, .submenu__list:after {
content: " ";
display: table;
}
.submenu__list:after {
clear: both;
}
.submenu__item {
float: left;
width: 25%;
display: block;
padding: 0 15px;
margin: 0 0 30px 0;
}
@media only screen and (max-width: 1200px) {
.submenu__item {
width: 33.333%;
}
}
@media only screen and (max-width: 992px) {
.submenu__item {
width: 50%;
}
}
.submenu__item ul {
padding-left: 15px;
margin: 8px 0 0 0;
margin: 0.8rem 0 0 0;
list-style-type: none;
}
.submenu__item ul li {
position: relative;
width: 100%;
padding: 3px 0;
padding: 0.3rem 0;
}
.submenu__item ul li:before {
content: "";
display: inline-block;
position: absolute;
left: -12px;
top: 14px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #1676cc;
}
.submenu__item ul li a {
color: #1676cc;
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
}
.submenu__item ul li a:hover {
text-decoration: underline;
}
.submenu__title {
display: block;
text-decoration: none;
color: #363636;
font-size: 14px;
font-size: 1.4rem;
font-family: "Josefin Sans", sans-serif;
vertical-align: middle;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.submenu__title:hover {
color: #363636;
text-decoration: none;
}
.submenu__title span {
display: inline-block;
padding-left: 4px;
font-size: 10px;
font-size: 1rem;
vertical-align: middle;
}
.submenu__ico {
position: relative;
top: -3px;
display: inline-block;
padding-right: 5px;
vertical-align: middle;
}
.submenu__ico img {
width: 25px;
height: auto;
vertical-align: middle;
}
.dl-menuwrapper {
width: 100%;
max-width: 300px;
float: left;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
}
.dl-menuwrapper:first-child {
margin-right: 100px;
}
.dl-menuwrapper ul {
background: #aaa;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dl-menuwrapper li {
position: relative;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 15px 20px;
font-size: 16px;
line-height: 20px;
font-weight: 300;
color: #fff;
outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
background: rgba(255, 248, 213, 0.1);
}
.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
background: rgba(0, 0, 0, 0.1);
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
position: absolute;
top: 0;
line-height: 50px;
font-family: "icomoon";
speak: none;
-webkit-font-smoothing: antialiased;
content: "";
}
.dl-menuwrapper li.dl-back:after {
left: 10px;
color: rgba(212, 204, 198, 0.3);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.dl-menuwrapper li > a:after {
right: 10px;
color: rgba(0, 0, 0, 0.15);
}
.dl-menuwrapper .dl-menu {
margin: 5px 0 0 0;
width: 100%;
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
transition: all 0.3s ease;
}
.dl-menuwrapper .dl-menu.dl-menuopen {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
transform: translateY(0px);
} .dl-menuwrapper li .dl-submenu {
display: none;
} .dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
display: none;
}
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
display: block;
} .dl-menuwrapper > .dl-submenu {
position: absolute;
width: 100%;
top: 50px;
left: 0;
margin: 0;
} .dl-menu.dl-animate-out-1 {
-webkit-animation: MenuAnimOut1 0.4s;
animation: MenuAnimOut1 0.4s;
}
.dl-menu.dl-animate-out-2 {
-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
animation: MenuAnimOut2 0.3s ease-in-out;
}
.dl-menu.dl-animate-out-3 {
-webkit-animation: MenuAnimOut3 0.4s ease;
animation: MenuAnimOut3 0.4s ease;
}
.dl-menu.dl-animate-out-4 {
-webkit-animation: MenuAnimOut4 0.4s ease;
animation: MenuAnimOut4 0.4s ease;
}
.dl-menu.dl-animate-out-5 {
-webkit-animation: MenuAnimOut5 0.4s ease;
animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
100% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
100% {
-webkit-transform: translateY(40%);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut2 {
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
}
@keyframes MenuAnimOut3 {
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes MenuAnimOut4 {
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes MenuAnimOut5 {
100% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 {
-webkit-animation: MenuAnimIn1 0.3s;
animation: MenuAnimIn1 0.3s;
}
.dl-menu.dl-animate-in-2 {
-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
animation: MenuAnimIn2 0.3s ease-in-out;
}
.dl-menu.dl-animate-in-3 {
-webkit-animation: MenuAnimIn3 0.4s ease;
animation: MenuAnimIn3 0.4s ease;
}
.dl-menu.dl-animate-in-4 {
-webkit-animation: MenuAnimIn4 0.4s ease;
animation: MenuAnimIn4 0.4s ease;
}
.dl-menu.dl-animate-in-5 {
-webkit-animation: MenuAnimIn5 0.4s ease;
animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn2 {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn3 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn4 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes MenuAnimIn5 {
0% {
-webkit-transform: translateY(40%);
transform: translateY(40%);
opacity: 0;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
-webkit-animation: SubMenuAnimIn1 0.4s ease;
animation: SubMenuAnimIn1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
-webkit-animation: SubMenuAnimIn3 0.4s ease;
animation: SubMenuAnimIn3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
-webkit-animation: SubMenuAnimIn4 0.4s ease;
animation: SubMenuAnimIn4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
-webkit-animation: SubMenuAnimIn5 0.4s ease;
animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
0% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
0% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
0% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
-webkit-animation: SubMenuAnimOut1 0.4s ease;
animation: SubMenuAnimOut1 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
-webkit-animation: SubMenuAnimOut3 0.4s ease;
animation: SubMenuAnimOut3 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
-webkit-animation: SubMenuAnimOut4 0.4s ease;
animation: SubMenuAnimOut4 0.4s ease;
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
-webkit-animation: SubMenuAnimOut5 0.4s ease;
animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-300px);
transform: translateZ(-300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
0% {
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
}
100% {
-webkit-transform: translateZ(300px);
transform: translateZ(300px);
opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
100% {
-webkit-transform: translateZ(-200px);
transform: translateZ(-200px);
opacity: 0;
}
} .no-js .dl-menuwrapper .dl-menu {
position: relative;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.no-js .dl-menuwrapper li .dl-submenu {
display: block;
}
.no-js .dl-menuwrapper li.dl-back {
display: none;
}
.no-js .dl-menuwrapper li > a:not(:only-child) {
background: rgba(0, 0, 0, 0.1);
}
.no-js .dl-menuwrapper li > a:not(:only-child):after {
content: "";
}  .demo-1 .dl-menuwrapper button {
background: #c62860;
}
.demo-1 .dl-menuwrapper button:hover,
.demo-1 .dl-menuwrapper button.dl-active,
.demo-1 .dl-menuwrapper ul {
background: #9e1847;
} .demo-2 .dl-menuwrapper button {
background: #e86814;
}
.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
background: #D35400;
} .demo-3 .dl-menuwrapper button {
background: #08cbc4;
}
.demo-3 .dl-menuwrapper button:hover,
.demo-3 .dl-menuwrapper button.dl-active,
.demo-3 .dl-menuwrapper ul {
background: #00b4ae;
} .demo-4 .dl-menuwrapper button {
background: #90b912;
}
.demo-4 .dl-menuwrapper button:hover,
.demo-4 .dl-menuwrapper button.dl-active,
.demo-4 .dl-menuwrapper ul {
background: #79a002;
} .demo-5 .dl-menuwrapper button {
background: #744783;
}
.demo-5 .dl-menuwrapper button:hover,
.demo-5 .dl-menuwrapper button.dl-active,
.demo-5 .dl-menuwrapper ul {
background: #643771;
}
.dl-menu {
max-height: 0;
height: auto;
text-align: left;
margin-top: 14px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.dl-menu:before, .dl-menu:after {
content: " ";
display: table;
}
.dl-menu:after {
clear: both;
}
.dl-menu.dl-menuopen {
max-height: 5000px;
margin-top: 14px;
}
.dl-menuwrapper {
width: 100%;
max-width: 768px;
text-align: right;
padding: 14px 0 0 0;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#dl-menu {
display: none;
}
#dl-menu a {
text-decoration: none !important;
}
@media only screen and (max-width: 768px) {
#dl-menu {
display: block;
}
}
#dl-menu li a {
background-color: #495e97;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#dl-menu li.dl-back a {
background-color: #000f4b;
}
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {
color: #fff;
}
.dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
background-color: #495e97;
} .hamburger {
display: inline-block;
cursor: pointer;
transition-property: opacity, 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;
line-height: 24px;
padding-left: 0;
}
.hamburger:focus, .hamburger:active {
outline: none;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 30px;
height: 20px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 3px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -8px;
} .hamburger--3dx .hamburger-box {
perspective: 80px;
}
.hamburger--3dx .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.dl-active .hamburger-inner {
background-color: transparent;
transform: rotateY(180deg);
}
.hamburger--3dx.dl-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx.dl-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dx-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dx-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.dl-active .hamburger-inner {
background-color: transparent;
transform: rotateY(-180deg);
}
.hamburger--3dx-r.dl-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dx-r.dl-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy .hamburger-box {
perspective: 80px;
}
.hamburger--3dy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.dl-active .hamburger-inner {
background-color: transparent;
transform: rotateX(-180deg);
}
.hamburger--3dy.dl-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy.dl-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.dl-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg);
}
.hamburger--3dy-r.dl-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dy-r.dl-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.dl-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.dl-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy.dl-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--3dxy-r .hamburger-box {
perspective: 80px;
}
.hamburger--3dxy-r .hamburger-inner {
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.dl-active .hamburger-inner {
background-color: transparent;
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.dl-active .hamburger-inner::before {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--3dxy-r.dl-active .hamburger-inner::after {
transform: translate3d(0, -10px, 0) rotate(-45deg);
} .hamburger--arrow.dl-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.dl-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--arrow-r.dl-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.dl-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowalt .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.dl-active .hamburger-inner::before {
top: 0;
transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.dl-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowalt-r .hamburger-inner::before {
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.dl-active .hamburger-inner::before {
top: 0;
transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.dl-active .hamburger-inner::after {
bottom: 0;
transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
} .hamburger--arrowturn.dl-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn.dl-active .hamburger-inner::before {
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.dl-active .hamburger-inner::after {
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
} .hamburger--arrowturn-r.dl-active .hamburger-inner {
transform: rotate(-180deg);
}
.hamburger--arrowturn-r.dl-active .hamburger-inner::before {
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.dl-active .hamburger-inner::after {
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
} .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
transition-property: none;
}
.hamburger--boring.dl-active .hamburger-inner {
transform: rotate(45deg);
}
.hamburger--boring.dl-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--boring.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.dl-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.dl-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.dl-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.dl-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.dl-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.dl-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--elastic .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.dl-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(135deg);
transition-delay: 0.075s;
}
.hamburger--elastic.dl-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic.dl-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-270deg);
transition-delay: 0.075s;
} .hamburger--elastic-r .hamburger-inner {
top: 2px;
transition-duration: 0.275s;
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.dl-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-135deg);
transition-delay: 0.075s;
}
.hamburger--elastic-r.dl-active .hamburger-inner::before {
transition-delay: 0s;
opacity: 0;
}
.hamburger--elastic-r.dl-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(270deg);
transition-delay: 0.075s;
} .hamburger--emphatic {
overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.dl-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic.dl-active .hamburger-inner::before {
left: -80px;
top: -80px;
transform: translate3d(80px, 80px, 0) rotate(45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.dl-active .hamburger-inner::after {
right: -80px;
top: -80px;
transform: translate3d(-80px, 80px, 0) rotate(-45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--emphatic-r {
overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.dl-active .hamburger-inner {
transition-delay: 0s;
transition-timing-function: ease-out;
background-color: transparent;
}
.hamburger--emphatic-r.dl-active .hamburger-inner::before {
left: -80px;
top: 80px;
transform: translate3d(80px, -80px, 0) rotate(-45deg);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.dl-active .hamburger-inner::after {
right: -80px;
top: 80px;
transform: translate3d(-80px, -80px, 0) rotate(45deg);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
} .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.dl-active .hamburger-inner::before, .hamburger--minus.dl-active .hamburger-inner::after {
opacity: 0;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.dl-active .hamburger-inner::before {
top: 0;
}
.hamburger--minus.dl-active .hamburger-inner::after {
bottom: 0;
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.dl-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.dl-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider.dl-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
} .hamburger--slider-r .hamburger-inner {
top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
top: 20px;
}
.hamburger--slider-r.dl-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.dl-active .hamburger-inner::before {
transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
opacity: 0;
}
.hamburger--slider-r.dl-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(90deg);
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.dl-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.dl-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spin-r .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.dl-active .hamburger-inner {
transform: rotate(-225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.dl-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--spring .hamburger-inner {
top: 2px;
transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
top: 10px;
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
top: 20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.dl-active .hamburger-inner {
transition-delay: 0.22s;
background-color: transparent;
}
.hamburger--spring.dl-active .hamburger-inner::before {
top: 0;
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--spring.dl-active .hamburger-inner::after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 10px, 0) rotate(-45deg);
} .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.dl-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.dl-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.dl-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.dl-active .hamburger-inner {
transform: rotate(90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.dl-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--stand-r .hamburger-inner {
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.dl-active .hamburger-inner {
transform: rotate(-90deg);
background-color: transparent;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.dl-active .hamburger-inner::before {
top: 0;
transform: rotate(-45deg);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(45deg);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.dl-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.dl-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--vortex .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex.dl-active .hamburger-inner {
transform: rotate(765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.dl-active .hamburger-inner::before, .hamburger--vortex.dl-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex.dl-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(90deg);
} .hamburger--vortex-r .hamburger-inner {
transition-duration: 0.2s;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
transition-duration: 0s;
transition-delay: 0.1s;
transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
transition-property: bottom, transform;
}
.hamburger--vortex-r.dl-active .hamburger-inner {
transform: rotate(-765deg);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.dl-active .hamburger-inner::before, .hamburger--vortex-r.dl-active .hamburger-inner::after {
transition-delay: 0s;
}
.hamburger--vortex-r.dl-active .hamburger-inner::before {
top: 0;
opacity: 0;
}
.hamburger--vortex-r.dl-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
}
.page__header {
padding: 45px 0;
padding: 4.5rem 0;
background-color: #f2f9ed;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.page__header__inner {
padding: 0;
}
.page__header__title {
font-family: "Josefin Sans", sans-serif;
font-size: 44px;
font-size: 4.4rem;
text-align: center;
line-height: 1.2;
margin: 0;
padding: 0 0 30px 0;
padding: 0 0 3rem 0;
}
.page__header__favourite {
margin: 35px 0 0 0;
margin: 3.5rem 0 0 0;
text-align: center;
color: #323233;
}
@media only screen and (max-width: 992px) {
.page__header__favourite {
marin: 35px 0 0 0;
marin: 3.5rem 0 0 0;
}
}
.page__header__favourite p {
font-size: 14px;
font-size: 1.4rem;
}
.page__header__favourite a {
display: inline-block;
margin: 0 3px;
color: #1676cc;
text-decoration: underline;
}
.page__header__favourite a:hover {
text-decoration: none;
}
.page__header__favourite--right {
text-align: right;
margin: 0;
padding-left: 20px;
}
@media only screen and (max-width: 992px) {
.page__header__favourite--right {
text-align: center;
padding-left: 0;
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
}
}
.page__header__breadcrumb {
text-align: center;
padding-bottom: 25px;
}
.page__header__breadcrumb p {
font-size: 14px;
font-size: 1.4rem;
}
.page__header__breadcrumb p a {
color: #1676cc;
text-decoration: none;
}
.page__header__breadcrumb p a:hover {
text-decoration: underline;
}
.page__header__boxes {
width: 100%;
margin: 35px 0 0 0;
margin: 3.5rem 0 0 0;
text-align: center;
}
.page__header__box {
display: inline-block;
border-right: 1px solid #1676cc;
}
@media only screen and (max-width: 768px) {
.page__header__box {
border: none;
display: block;
}
}
.page__header__box:last-child {
border-right: none;
}
@media only screen and (max-width: 992px) {
.page__header__box--date {
border-right: none;
}
}
@media only screen and (max-width: 768px) {
.page__header__box--date {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
}
}
.page__header__author {
font-size: 14px;
font-size: 1.4rem;
font-family: "Josefin Sans", sans-serif;
padding-right: 20px;
}
.page__header__date {
font-size: 14px;
font-size: 1.4rem;
font-family: "Josefin Sans", sans-serif;
padding-left: 20px;
padding-right: 20px;
}
.page__header__desc {
width: 100%;
max-width: 817px;
display: block;
margin: 0 auto;
padding: 20px 0 0 0;
padding: 2rem 0 0 0;
text-align: center;
}
.page__body {
width: 100%;
max-width: 770px;
margin: 0 auto;
padding: 50px 0;
}
.page__line {
width: 100%;
max-width: 770px;
margin: 0 auto;
}
.page__body .container,
.page__line .container {
width: 100% !important;
padding: 0 !important;
}
@media only screen and (max-width: 768px) {
.page__body .container,
.page__line .container {
padding: 0 15px !important;
}
}
.page__meta {
margin: 30px 0 0 0;
margin: 3rem 0 0 0;
padding: 30px 0 0 0;
padding: 3rem 0 0 0;
border-top: 1px solid #d9d8dd;
}
.page__meta p {
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.page__meta__share .button {
width: 100%;
margin: 10px 0 0 0;
}
}
.page__meta__tags {
margin: 35px 0 0 0;
margin: 3.5rem 0 0 0;
text-align: left;
color: #323233;
}
.page__meta__tags p {
font-size: 14px;
font-size: 1.4rem;
}
.page__meta__tags a {
display: inline-block;
margin: 0 3px;
color: #1676cc;
text-decoration: underline;
}
.page__meta__tags a:hover {
text-decoration: none;
}
.page__archive {
padding: 50px 0;
}
@media only screen and (max-width: 768px) {
.page__sidebar__box--tags {
display: none;
}
}
.blog__title {
margin-top: 30px;
margin-top: 3rem;
font-size: 30px;
font-size: 3rem;
}
.blog__items {
margin-top: 30px;
margin-top: 3rem;
}
.blog__items--bg {
padding: 48px 0;
background-color: #f2f9ed;
}
.blog-top {
padding: 30px 0 30px 0;
}
.blog-top:before, .blog-top:after {
content: " ";
display: table;
}
.blog-top:after {
clear: both;
}
.blog-top__main {
position: relative;
display: inline-block;
width: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
overflow: hidden;
}
.blog-top__main:hover {
transform: scale(0.99);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.blog-top__main:before {
content: "";
display: inline-block;
padding-bottom: 54.3%;
}
.blog-top__sec {
position: relative;
display: inline-block;
width: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
overflow: hidden;
}
@media only screen and (max-width: 992px) {
.blog-top__sec {
margin-top: 15px;
}
}
.blog-top__sec:hover {
transform: scale(0.99);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.blog-top__sec:before {
content: "";
display: inline-block;
padding-bottom: 51.7%;
}
.blog-top__sec--top {
margin-top: 30px;
}
@media only screen and (max-width: 992px) {
.blog-top__sec--top {
margin-top: 15px !important;
}
}
.blog-top__wrapper {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #f4f4f4;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.blog-top__wrapper:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.blog-top__sec:hover .blog-top__wrapper,
.blog-top__main:hover .blog-top__wrapper {
transform: scale(1.1);
}
.blog-top__sec:hover .blog-top__wrapper:after,
.blog-top__main:hover .blog-top__wrapper:after {
background-color: rgba(0, 0, 0, 0.4);
}
.blog-top__title {
font-size: 20px;
font-size: 2rem;
font-family: "Josefin Sans", sans-serif;
color: #fff;
text-decoration: underline;
position: absolute;
z-index: 3;
bottom: 10px;
left: 15px;
right: 15px;
}
.blog-top__sec:hover .blog-top__title,
.blog-top__main:hover .blog-top__title {
text-decoration: none;
}
.blog-top__title--big {
font-size: 30px;
font-size: 3rem;
position: absolute;
bottom: 20px;
left: 25px;
}
@media only screen and (max-width: 992px) {
.blog-top__title--big {
font-size: 20px !important;
font-size: 2rem !important;
bottom: 10px !important;
left: 15px !important;
}
}
@media only screen and (max-width: 768px) {
.blog-item {
margin: 40px 0 0 0;
margin: 4rem 0 0 0;
}
}
.blog-item__image {
display: block;
position: relative;
background-color: #838384;
}
.blog-item__image:before {
content: "";
display: inline-block;
padding-bottom: 54%;
}
.blog-item__image--small:before {
padding-bottom: 88%;
}
@media only screen and (max-width: 992px) {
.blog-item__image--small:before {
padding-bottom: 54%;
}
}
.blog-item__image__wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.blog-item__title {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
font-size: 18px;
font-size: 1.8rem;
color: #323233;
}
.blog-item__title--nomargin {
margin: 5px 0 0 0;
margin: 0.5rem 0 0 0;
}
.blog-item__title a {
color: #323233;
text-decoration: underline;
}
.blog-item__title a:hover {
text-decoration: none;
}
.blog-item__content {
margin: 20px 0 0 0;
margin: 2rem 0 0 0;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.6;
}
.blog-item__link {
font-size: 14px;
font-size: 1.4rem;
text-decoration: none;
}
.blog-item__link span {
padding-left: 4px;
text-decoration: underline;
}
.blog-item__link span.icon-arrow {
font-size: 10px;
text-decoration: none;
}
.blog-item__link:hover span {
text-decoration: none;
}
.blog-item__link--orange {
color: #1676cc;
}
.blog-item__link--blue {
color: #423d7d;
}
.blog-item__meta {
margin-top: 20px;
margin-top: 2rem;
font-size: 14px;
font-size: 1.4rem;
}
.blog-item__meta strong {
font-family: "Josefin Sans", sans-serif;
}
.blog-category {
margin: 50px 0 0 0;
margin: 5rem 0 0 0;
padding: 60px 0;
padding: 6rem 0;
background-color: #f2f9ed;
}
.blog-category__title {
font-size: 30px;
font-size: 3rem;
}
.blog-category__items {
margin: 35px 0 0 0;
}
.blog-category__list {
list-style-type: none;
color: #323233;
font-size: 16px;
font-size: 1.6rem;
}
.blog-category__list li {
padding: 8px 0;
}
.blog-category__list a {
display: inline-block;
padding-right: 5px;
color: #1676cc;
text-decoration: underline;
font-family: "Josefin Sans", sans-serif;
}
.blog-category__list a:hover {
text-decoration: none;
}
.blog-newsletter {
padding: 90px 0;
padding: 9rem 0;
background-image: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/images/blog-newsletter.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
@media only screen and (max-width: 768px) {
.blog-newsletter {
padding: 40px 0;
padding: 4rem 0;
}
}
.blog-newsletter__title {
font-size: 30px;
font-size: 3rem;
text-align: center;
}
.blog-newsletter__form {
margin: 35px 0 0 0;
margin: 3.5rem 0 0 0;
text-align: center;
}
@media only screen and (max-width: 768px) {
.blog-newsletter__form .button {
margin: 10px 0 0 0;
width: 100%;
}
}
.blog-newsletter__desc {
margin: 15px 0 0 0;
margin: 1.5rem 0 0 0;
text-align: center;
}
.blog-newsletter__desc p {
font-size: 14px;
font-size: 1.4rem;
}
.blog-newsletter__desc p a {
color: #1676cc;
text-decoration: underline;
}
.blog-newsletter__desc p a:hover {
text-decoration: none;
}
.blog-top {
padding: 30px 0 30px 0;
}
.blog-top:before, .blog-top:after {
content: " ";
display: table;
}
.blog-top:after {
clear: both;
}
.blog-top__sec--top {
margin-top: 30px;
}
.blog-top__wrapper {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #838384;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.blog-top__title {
font-size: 20px;
font-size: 2rem;
font-family: "Josefin Sans", sans-serif;
color: #fff;
text-decoration: underline;
position: absolute;
bottom: 10px;
left: 15px;
}
.blog-top__title--big {
font-size: 30px;
font-size: 3rem;
position: absolute;
bottom: 20px;
left: 25px;
}
.content {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.content strong {
font-family: "Josefin Sans", sans-serif;
}
.content h1, .content h2 {
margin-top: 20px;
margin-top: 2rem;
}
.content h2 {
text-transform: none;
font-size: 24px;
font-size: 2.4rem;
padding-top: 20px;
padding-bottom: 10px;
}
.content h3, .content h4 {
margin-top: 15px;
margin-top: 1.5rem;
padding: 0 0 10px 0;
}
.content h5, .content h6 {
margin-top: 10px;
margin-top: 1rem;
}
.content p {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
padding-bottom: 20px;
padding-bottom: 2rem;
}
.content p.center {
text-align: center;
}
.content ul {
list-style-type: square;
}
.content ul, .content ol {
padding-left: 20px;
padding-bottom: 10px;
padding-bottom: 1rem;
}
.content table {
border-collapse: collapse;
padding: 0 0 10px 0;
}
.content table tr:nth-child(even) {
background: #f7f7f7;
}
.content table td {
padding: 10px;
padding: 1rem;
text-align: left;
border: 1px solid #d8d8e1;
}
.content table th {
padding: 10px;
padding: 1rem;
text-align: left;
font-family: "Josefin Sans", sans-serif;
background-color: #e7eaf2;
border: 1px solid #e7eaf2;
}
.content a {
color: #ed0c00;
text-decoration: none;
}
.content a:hover {
text-decoration: underline;
}
.content address {
border: 3px solid #838384;
margin: 0 20px 20px 20px;
margin: 0 2rem 2rem 2rem;
padding: 10px;
padding: 1rem;
}
.content blockquote {
margin: 30px 0 30px 0;
padding: 45px 60px;
border-top: 1px solid #fbecdd;
border-bottom: 1px solid #fbecdd;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
.content blockquote {
padding: 30px 15px;
}
}
.content blockquote p {
font-size: 18px;
font-size: 1.8rem;
}
.content cite {
font-style: italic;
}
.content blockquote p:before {
display: inline-block;
padding-right: 10px;
content: "";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.content blockquote p:after {
display: inline-block;
padding-left: 10px;
content: "";
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.content blockquote p:last-child {
padding-bottom: 0;
}
.content dl {
padding: 20px;
}
.content dl dt {
padding-top: 15px;
font-weight: 700;
}
.content dl dd {
padding-top: 5px;
font-style: italic;
}
.content img.alignright {
float: right;
margin: 0 0 1em 1em;
}
.content img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.content img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.content a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
.content a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
.content a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.content img.size-large,
.content img.size-full,
.content .size-large img,
.content .size-full img {
width: 100%;
height: auto;
}
.content figure {
width: auto !important;
}
.content .wp-caption-text {
padding: 15px 0;
margin: 0 0 15px 0;
text-align: center;
font-size: 14px;
font-size: 1.4rem;
color: #727272;
}
.modal {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9991;
overflow: auto;
}
.modal__close a {
text-decoration: none;
color: #363636;
}
.modal__bg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 9992;
}
.modal__wrapper {
position: absolute;
z-index: 9992;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%;
padding: 15px;
}
.modal__button {
position: absolute;
top: 30px;
right: 30px;
border: none;
background: none;
color: #fff;
font-size: 20px;
font-size: 2rem;
}
body.admin-bar .modal__button {
top: 60px;
}
.modal__body {
position: relative;
z-index: 9993;
max-width: 800px;
width: 100%;
background-color: #fff;
border-radius: 4px;
padding: 30px;
font-size: 16px;
}
.mdc-text-field {
border-radius: 4px !important;
}
.mdc-text-field--focused label {
bottom: 30px !important;
}
.mdc-line-ripple {
display: none !important;
}
label {
font-size: 14px !important;
}
input[type=text],
input[type=tel],
input[type=email] {
font-size: 16px !important;
border: none !important;
border-radius: 4px !important;
} select {
width: 100%;
}
.sidebar {
padding: 20px 0;
}
.sidebar__title {
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
.sidebar__posts {
list-style-type: none;
}
.sidebar__posts li {
padding: 4px 0;
padding: 0.4rem 0;
}
.sidebar__posts li a {
color: #363636;
text-decoration: none;
font-size: 18px;
font-size: 1.8rem;
font-weight: bold;
}
.sidebar__posts li a:hover {
text-decoration: underline;
}
.sidebar__category {
list-style-type: none;
}
.sidebar__category li {
padding: 4px 0;
padding: 0.4rem 0;
}
.sidebar__category li a {
color: #363636;
text-decoration: none;
font-size: 16px;
font-size: 1.6rem;
}
.sidebar__category li a:hover {
text-decoration: underline;
}
.sidebar__category li a span {
font-size: 16px;
font-size: 1.6rem;
}
.sidebar__tags {
list-style-type: none;
}
.sidebar__tags li {
display: inline-block;
}
.sidebar__tags li a {
display: inline-block;
color: #363636;
text-decoration: none;
padding: 4px 6px;
padding: 0.4rem 0.6rem;
margin: 0 6px 6px 0;
border: 1px solid #838384;
border-radius: 4px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.sidebar__tags li a:hover {
background-color: #838384;
color: #fff;
}
.article {
padding: 0 0 30px 0;
padding: 0 0 3rem 0;
}
.article:before, .article:after {
content: " ";
display: table;
}
.article:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.article {
padding: 0 0 60px 0;
padding: 0 0 6rem 0;
}
}
.article__image {
float: left;
display: block;
width: 300px;
position: relative;
background-color: #f4f4f4;
background-size: cover;
background-position: 50% 50%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
@media only screen and (max-width: 768px) {
.article__image {
width: 100%;
float: none;
}
}
.article__image:before {
content: "";
display: inline-block;
padding-bottom: 70%;
}
.article__image:hover {
transform: scale(0.99);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}
.article__content {
padding-left: 320px;
}
@media only screen and (max-width: 768px) {
.article__content {
padding-left: 0;
padding-top: 20px;
}
}
.article__title {
padding: 4px 0 0 0;
padding: 0.4rem 0 0 0;
font-size: 20px;
font-size: 2rem;
font-weight: bold;
}
.article__title a {
color: #363636;
text-decoration: none;
}
.article__title a:hover {
text-decoration: underline;
}
.article__meta {
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
}
.article__excerpt {
padding: 8px 0 0 0;
padding: 0.8rem 0 0 0;
font-size: 14px;
font-size: 1.4rem;
}
.content .people__title {
padding: 30px 0 10px 0;
text-transform: none;
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
}
.people__box {
padding: 30px 0 0 0;
padding: 3rem 0 0 0;
}
.people__item {
padding: 30px 0 0 0;
padding: 3rem 0 0 0;
}
.people__item:before, .people__item:after {
content: " ";
display: table;
}
.people__item:after {
clear: both;
}
.people__img {
float: left;
width: 200px;
height: 200px;
background-color: #f4f4f4;
}
.people__content {
padding-left: 220px;
}
.people__gsm {
margin: 8px 0 0 0;
margin: 0.8rem 0 0 0;
}
.people__skype {
margin: 8px 0 0 0;
margin: 0.8rem 0 0 0;
}
.people__info {
margin: 8px 0 0 0;
margin: 0.8rem 0 0 0;
}
.people__experience {
margin: 8px 0 0 0;
margin: 0.8rem 0 0 0;
}
.maps {
padding: 30px 0 0 0;
padding: 3rem 0 0 0;
}
.maps__address {
padding: 30px 0 0 0;
padding: 3rem 0 0 0;
}
.coordinate {
padding: 75px 0 79px 0;
padding: 7.5rem 0 7.9rem 0;
background: #eeedf3;
}
.coordinate__title {
font-size: 30px;
font-size: 3rem;
font-family: "Josefin Sans", sans-serif;
text-align: center;
}
.coordinate__subtitle {
padding: 29px 0 0 0;
padding: 2.9rem 0 0 0;
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
text-align: center;
}
.coordinate__person {
padding: 50px 0 0 0;
padding: 5rem 0 0 0;
text-align: center;
}
.coordinate__person:before, .coordinate__person:after {
content: " ";
display: table;
}
.coordinate__person:after {
clear: both;
}
.coordinate__person__inner {
display: inline-block;
}
.coordinate__person__img {
width: 112px;
float: left;
}
.coordinate__person__img img {
width: 100%;
height: auto;
border-radius: 50%;
}
.coordinate__person__content {
padding-left: 140px;
text-align: left;
}
.coordinate__person__name {
margin: 5px 0 0 0;
margin: 0.5rem 0 0 0;
font-size: 16px;
font-size: 1.6rem;
font-family: "Josefin Sans", sans-serif;
}
.coordinate__person__desc {
margin: 3px 0 0 0;
font-size: 14px;
font-size: 1.4rem;
font-family: "Josefin Sans", sans-serif;
}
.coordinate__person__phone {
margin: 10px 0 0 0;
margin: 1rem 0 0 0;
font-size: 14px;
font-size: 1.4rem;
font-family: "Josefin Sans", sans-serif;
}
.coordinate__person__phone a {
color: #363636;
text-decoration: none;
}
.coordinate__person__phone a:hover {
text-decoration: underline;
}
.coordinate__person__mail {
margin: 0 0 0 0;
font-size: 14px;
font-size: 1.4rem;
font-family: "Josefin Sans", sans-serif;
color: #1676cc;
}
.coordinate__person__mail a {
color: #1676cc;
text-decoration: none;
}
.coordinate__person__mail a:hover {
text-decoration: underline;
}
.coordinate__buttons {
padding: 30px 0 0 0;
padding: 3rem 0 0 0;
text-align: center;
}
.iconset {
padding: 35px 0 82px 0;
padding: 3.5rem 0 8.2rem 0;
background: #e7f1fa;
}
.iconset__title {
text-align: center;
font-size: 30px;
font-size: 3rem;
font-family: "Josefin Sans", sans-serif;
}
.iconset__btns {
padding: 53px 0 0 0;
padding: 5.3rem 0 0 0;
}
.iconset__items {
text-align: center;
}
.iconset__items:before, .iconset__items:after {
content: " ";
display: table;
}
.iconset__items:after {
clear: both;
}
.iconset__item {
display: inline-block;
padding: 45px 20px 0 20px;
padding: 4.5rem 2rem 0 2rem;
}
.iconset__item span {
font-size: 30px;
font-size: 3rem;
color: #4f453c;
}
.iconset__name {
font-family: "Josefin Sans", sans-serif;
font-size: 20px;
font-size: 2rem;
text-align: center;
padding: 15px 0 0 0;
padding: 1.5rem 0 0 0;
}
.rules {
padding: 0 0 45px 0;
padding: 0 0 4.5rem 0;
}
.rules__title {
text-align: left;
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
}
.rules__items {
text-align: center;
}
.rules__items:before, .rules__items:after {
content: " ";
display: table;
}
.rules__items:after {
clear: both;
}
.rules__item {
display: inline-block;
padding: 45px 20px 0 20px;
padding: 4.5rem 2rem 0 2rem;
}
.rules__item span {
font-size: 30px;
font-size: 3rem;
color: #1676cc;
}
.rules__name {
font-family: "Josefin Sans", sans-serif;
font-size: 20px;
font-size: 2rem;
text-align: center;
padding: 15px 0 0 0;
padding: 1.5rem 0 0 0;
}
.not-found {
padding: 0 0 45px 0;
padding: 0 0 4.5rem 0;
}
.not-found__header {
text-align: center;
}
.not-found__buttons {
padding: 15px 0 30px 0;
padding: 1.5rem 0 3rem 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
@media screen and (max-width: 400px) {
.not-found__buttons {
display: block;
}
}
.not-found__buttons .button {
margin-top: 15px;
margin-top: 1.5rem;
}
@media screen and (max-width: 400px) {
.not-found__buttons .button {
width: 100%;
text-align: center;
}
}
.not-found__img {
text-align: center;
max-width: 100%;
width: 50%;
display: block;
margin: 20px auto;
transform: translateX(-18%);
}
.school-list {
padding: 10px 0;
padding: 1rem 0;
}
.school-list__title {
font-family: "Josefin Sans", sans-serif;
font-size: 24px;
font-size: 2.4rem;
margin-top: 45px;
margin-top: 4.5rem;
}
.school-list__items {
display: table;
width: 100%;
font-size: 16px;
font-size: 1.6rem;
margin-top: 20px;
margin-top: 2rem;
}
@media only screen and (max-width: 768px) {
.school-list__items {
display: block;
font-size: 12px;
font-size: 1.2rem;
}
}
@media only screen and (max-width: 768px) {
.school-list__header {
display: none !important;
}
}
.school-list__header,
.school-list__row {
display: table-row;
}
@media only screen and (max-width: 768px) {
.school-list__header,
.school-list__row {
display: block;
}
}
.school-list__header .school-list__item {
border-bottom: 2px solid #aeb8d4;
font-family: "Josefin Sans", sans-serif;
}
.school-list__row .school-list__item {
border-bottom: 1px solid #d8d8e1;
}
.school-list__item {
display: table-cell;
padding: 16px 4px;
}
.school-list__item:before, .school-list__item:after {
content: " ";
display: table;
}
.school-list__item:after {
clear: both;
}
@media only screen and (max-width: 768px) {
.school-list__item {
display: block;
}
}
.school-list__item a {
color: #1676cc;
text-decoration: none;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.school-list__item a {
font-size: 12px;
font-size: 1.2rem;
}
}
.school-list__item a em {
text-decoration: underline;
font-style: normal !important;
font-size: 14px;
font-size: 1.4rem;
}
@media only screen and (max-width: 768px) {
.school-list__item a em {
font-size: 12px;
font-size: 1.2rem;
}
}
.school-list__item a:hover {
text-decoration: none;
}
.school-list__item a:hover em {
text-decoration: none;
}
.school-list__item:last-child {
text-align: right;
}
.school-list__name {
display: none;
font-family: "Josefin Sans", sans-serif;
min-width: 110px;
}
@media only screen and (max-width: 768px) {
.school-list__name {
display: inline-block;
float: left;
width: 30%;
}
}
@media only screen and (max-width: 768px) {
.school-list__item--btn {
text-align: center !important;
}
}
.r-tabs .r-tabs-nav {
margin: 0;
padding: 0;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel {
padding: 15px;
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
} @media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: block;
}
}
.slider {
padding: 45px 0 0 0;
padding: 4.5rem 0 0 0;
text-align: center;
}
.slider-wrapper {
display: inline-block;
width: 100%;
max-width: 510px;
}
.ui-widget.ui-widget-content {
border: none;
}
.ui-slider-range {
background-color: #423d7d !important;
}
.ui-slider-horizontal {
height: 4px;
background: #c9c9c9 !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus,
.ui-slider-handle {
border: none !important;
border-radius: 50%;
background-color: #423d7d !important;
}
.slider__value {
padding: 0 0 0 0;
text-align: center;
}
.slider__value p {
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
}
.slider__value p strong {
font-size: 24px;
font-size: 2.4rem;
font-family: "Josefin Sans", sans-serif;
}
.slider-desc {
margin-top: 15px;
margin-top: 1.5rem;
font-size: 14px;
font-size: 1.4rem;
text-align: center;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 50px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 50px;
font-size: 18px;
font-size: 1.8rem;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: #999;
margin-top: 5px;
float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 50px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 50px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: white;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: white;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.select2 {
font-size: 10px;
}
.select2-container--default .select2-selection--single {
border: none;
background-color: #423d7d;
color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
border-style: solid;
border-width: 7px 6px 0 6px;
height: 0;
left: 50%;
margin-left: -16px;
margin-top: 7px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #fff transparent;
border-width: 0 6px 7px 6px;
}
#cf7md-form .mdc-select--box .mdc-floating-label--float-above {
-webkit-transform: translateY(-70%) scale(0.75, 0.75) !important;
-ms-transform: translateY(-70%) scale(0.75, 0.75) !important;
transform: translateY(-70%) scale(0.75, 0.75) !important;
}
#cf7md-form .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label {
color: #363636 !important;
}
.cf7md-checkbox {
margin-top: 15px !important;
font-size: 18px !important;
font-size: 1.8rem !important;
}
.cf7md-checkbox .wpcf7-form-control-wrap {
display: inline-block !important;
width: auto !important;
}
.cf7md-checkbox .cf7md-list .wpcf7-list-item,
.cf7md-checkbox .cf7md-list .cf7md-radio-item,
.cf7md-checkbox .cf7md-list .cf7md-checkbox-item,
.cf7md-checkbox .cf7md-list .cf7md-switch-item {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 0 !important;
}
.wpcf7-form-control-wrap {
display: inline-block;
}
.checkbox {
margin-top: 30px;
}
.checkbox .wpcf7-form-control-wrap {
display: inline-block !important;
width: auto !important;
}
.wpcf7-submit {
display: inline-block;
padding: 6px 0;
font-size: 22px !important;
font-size: 2.2rem !important;
font-family: "Josefin Sans", sans-serif !important;
border-radius: 4px;
text-decoration: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
border: 1px solid #ed0c00;
background-color: #ed0c00;
color: #fff !important;
}
.wpcf7-submit:hover {
background-color: transparent;
color: #ed0c00 !important;
}
.submit-wrapper {
text-align: right;
}
.wpcf7-not-valid-tip {
display: block !important;
}
#cf7md-form .mdc-text-field .mdc-floating-label--float-above {
-webkit-transform: translateY(-70%) scale(0.75) !important;
-ms-transform: translateY(-70%) scale(0.75) !important;
transform: translateY(-70%) scale(0.75) !important;
}
#cf7md-form .mdc-text-field .mdc-floating-label {
left: 16px;
right: initial;
bottom: 25px;
}
#cf7md-form .mdc-text-field .mdc-floating-label--float-above {
-webkit-transform: translateY(0.7) scale(0.75) !important;
-ms-transform: translateY(0.7) scale(0.75) !important;
transform: translateY(0.7) scale(0.75) !important;
}
.contact-form .cf7md-item {
margin-top: 10px !important;
}
.contact-form .cf7md-item:first-child {
margin-top: 0 !important;
}
.mdc-text-field.mdc-text-field--textarea {
border: none !important;
background-color: whitesmoke !important;
}
.mdc-text-field.mdc-text-field--textarea textarea {
padding: 15px !important;
}
#cf7md-form .mdc-text-field--textarea .mdc-floating-label {
background-color: transparent !important;
}
.mdc-text-field.mdc-text-field--textarea .mdc-floating-label {
bottom: auto !important;
top: 0 !important;
left: 0 !important;
}
.wpcf7-textarea {
height: 157px !important;
}
.wpcf7-response-output {
font-size: 18px !important;
font-size: 1.8rem !important;
}
#cf7md-form .cf7md-item, #cf7md-form input, #cf7md-form label, #cf7md-form textarea, #cf7md-form p, #cf7md-form .mdc-select, #cf7md-form.cf7md-form + .wpcf7-response-output, #cf7md-form .wpcf7-not-valid-tip, #cf7md-form .cf7md-card-title, #cf7md-form .cf7md-card-subtitle, #cf7md-form .mdc-button, #cf7md-form .mdc-floating-label, #cf7md-form .mdc-text-field-helper-text, #cf7md-form .mdc-text-field__input, #cf7md-form .mdc-select__native-control, #cf7md-form .mdc-form-field {
font-family: "Josefin Sans", sans-serif !important;
} .wyszukiwarka-start {
background: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/images/contact-form.jpg) no-repeat center center;
padding: 40px;
}
.wyszukiwarka-start h1 {
font-size: 70px;
text-align: center;
}
.wyszukiwarka-start form {
max-width: 1200px;
margin: auto;
}
.searchandfilter ul{
display: grid;
grid-template-columns: repeat(3, auto);
gap: 2em;
}
.searchandfilter ul li label {
width: 100%;
}
.searchandfilter ul li select:hover, .searchandfilter ul li select option:hover {
cursor: pointer;
}
.searchandfilter ul li select > option {
font-size: 18px;
padding: 10px;
}
.sf-input-select {
padding: 20px;
}
.searchandfilter .sf-input-select {
border: 1px solid #ddd;
}
.searchandfilter .sf-input-select:active, .searchandfilter .sf-input-select:hover, .searchandfilter .sf-input-select:focus {
border-color: #1676cc;
}
.wyniki {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2em;
}
.wyniki h2 {
padding-top: 0px;
}
.wyniki h2 a:hover {
color: #1676cc;
text-decoration: none;
}
.oferta-katalog {
border: 1px solid #ddd;
border-radius: 7px;
padding: 10px;
transition: all 0.3s;
}
.oferta-katalog:hover {
box-shadow: 0px 0px 10px #ddd;
}
.stan, .pracodawca, .start-data, .koniec-data {
padding-bottom: 0px!important;
}
.stan {
font-weight: 700;
}
.stan:before{
font: var(--fa-font-solid);
content: "\f3c5";
color: #1676cc;
width: 20px;
display: inline-block;
}
h3.stawka {
margin-top: 0px;
}
h3.stawka:before {
font: var(--fa-font-solid);
content: "\24";
padding-right: 5px;
color: #7ec351;
}
.pracodawca:before {
font: var(--fa-font-solid);
content: "\f508";
width: 20px;
display: inline-block;
}
.more-oferta {
background: #fff;
border: 1px solid #1676cc;
color: #1676cc!important;
padding: 12px 20px 10px 20px;
border-radius: 7px;
display: block;
margin-bottom: 10px;
text-align: center;
margin-top: 10px;
}
.more-oferta:hover {
background: #1676cc;
color: #fff!important;
text-decoration: none!important;
}
.paginacja-strony {
display: block;
margin-top: 30px;
}
.sf-field-reset {
padding-top: 0px!important;
margin-top: -20px!important;
}
.search-filter-reset {
font-size: 16px;
color: #EC0C00!important;
text-decoration: none!important;
}
@media only screen and (max-width: 768px){
.searchandfilter ul {
grid-template-columns: 100%;
gap: 1em;
}
.wyszukiwarka-start {
padding: 20px;
}
.wyszukiwarka-start h1 {
font-size: 35px;
}
.wyniki {
grid-template-columns: 100%;
}
} .oferta-single .page__header {
background: url(//enjoyusa.pl/wp-content/themes/czechus_redesign/images/contact-form.jpg) no-repeat center center;
}
.oferta-single .page__header h1 {
padding-bottom: 0px!important;
}
.oferta-single .pracodawca:before {
width: 35px;
}
.info-1 {
display: grid;
grid-template-columns: 50% auto;
gap: 2em;
}
.info-1 img {
margin-top: 40px;
}
.info-2 h2 {
margin-top: 40px;
padding-top: 0px;
}
.info-2 table {
width: 100%;
}
.info-2 table tr {
transition: all 0.3s;
}
.info-2 table tr:hover {
background: #1676cc;
color: #fff;
}
.info-2 table tr td:first-child {
font-weight: 700;
}
.info-3 h2 {
font-size: 35px;
line-height: 1.2;
}
h2.job-desc:before {
font: var(--fa-font-regular);
content: "\f058";
color: #1676cc;
display: inline-block;
width: 50px;
}
h2.job-wage:before {
font: var(--fa-font-solid);
content: "\f4c0";
color: #1676cc;
display: inline-block;
width: 50px;
}
h2.job-transport:before {
font: var(--fa-font-solid);
content: "\f3c5";
color: #1676cc;
display: inline-block;
width: 50px;
}
h2.job-to-do:before {
font: var(--fa-font-solid);
content: "\f0ae";
color: #1676cc;
display: inline-block;
width: 50px;
}
h2.job-gallery:before {
font: var(--fa-font-regular);
content: "\f302";
color: #1676cc;
display: inline-block;
width: 50px;
}
.job-gallery-photos {
margin-bottom: 40px;
}
.job-gallery-photos ul {
list-style: none;
padding: 0px;
display: grid;
grid-template-columns: repeat(8,1fr);
}
@media only screen and (max-width: 768px) {
.info-1 {
grid-template-columns: 100%;
}
.job-gallery-photos ul {
grid-template-columns: repeat(2,1fr);
}
}.wsbox-onas {
flex-basis: 25%;
align-items: center;
margin-bottom: 15px;
padding: 20px;
display: block;
}
.wsbox-onas a {
color: #e37b15;
}
.small-icon {
font-size: 0.7em;
}
.scroll-up {
z-index: 100;
}
.youtube-wrapper {
width: 770px;
margin: auto;
margin-bottom: 50px;
}
.people__img{
background-size: 100%;
}
.contact-form__captcha {
background-color: unset;
}
img {
max-width: 100%;
}
.wsbox {
flex-basis: 25%;
}
.wsbox em {
font-size: 14px;
}
.register {
margin: 4px 0;
}
.button.button--inline.button-empty:hover {
background-color: #be1e2d;
color: #fff;
text-decoration: none;
}
.button.button--inline.button-empty {
transition: .2s;
margin: 5px 10px;
}
#swipebox-top-bar {
height: auto;
}
#swipebox-title {
padding: 0 20px;
}
#swipebox-top-bar {
top: 0px;
transform: translateY(-100%);
background-color: rgba(0, 0, 0, 0.8);
}
#swipebox-top-bar.visible-bars {
-webkit-transform: translate3d(0, 0%, 0);
transform: translate3d(0, 0%, 0);
}
.rules__name a {
color: #be1e2d;
}
.hp__item__link--orange {
white-space: nowrap;
}
.first-paragraph{
font-weight: bold;
}
@media only screen and (max-width: 768px) {
.wsbox {
flex-basis: 100%;
}
.wsbox-onas {
flex-basis: 100%;
}
}
.cervene {color: red;
}
.grecaptcha-badge {
display: none; 
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}