*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 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,
*:focus {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
i,
em,
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;
}
ul, li, h1, h2, h3 {
margin: 0;
padding: 0;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
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: none; 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] {
-webkit-box-sizing: border-box;
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; -webkit-box-sizing: content-box; 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;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format("woff2");
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format("woff2");
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTVOmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTUGmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format("woff2");
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
font-stretch: 100%;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format("woff2");
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgEM86xRbPQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgEM86xRbPQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgEM86xRbPQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: "Playfair Display";
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/playfairdisplay/v37/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2) format("woff2");
font-display: swap;
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@-webkit-keyframes loading {
0% {
right: 100%;
}
100% {
right: 0;
}
}
@keyframes loading {
0% {
right: 100%;
}
100% {
right: 0;
}
}
@-webkit-keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}  html {
font-size: 62.5%;
font-family: "Open Sans", sans-serif;
background-color: #f9f9f9;
}
.container,
.madeby {
width: 96%;
max-width: 1280px;
margin: 0 auto;
}
.section {
position: relative;
margin-top: 7.5rem;
text-align: center;
}
.section .anchnor {
position: absolute;
top: -10rem;
}
img.aligncenter {
margin: 0 auto;
display: block;
}
img.alignright {
float: right;
}
img.alignleft {
float: left;
}
ul {
list-style-type: none;
}
ul li {
position: relative;
padding-left: 3rem;
font-size: 1.6rem;
line-height: 3rem;
color: white;
}
ul li:before {
position: absolute;
content: "";
display: block;
left: 0;
top: 1.1rem;
width: 1rem;
height: 1rem;
background-color: #cf1116;
border-radius: 50%;
}
p a {
text-decoration: none;
color: #cf1116;
-webkit-transition: 0.2s;
transition: 0.2s;
}
p a:hover {
color: #ea3136;
}
blockquote {
position: relative;
width: 50%;
float: right;
margin: 0;
padding: 5rem 3rem 4rem 3rem;
border-top: 1px solid #e5e5e5;
}
blockquote:before {
position: absolute;
content: "";
bottom: 2.3rem;
left: -1rem;
display: block;
width: 6rem;
height: 4rem;
background-image: url(//zdenekbilek.cz/wp-content/themes/bilek/img/blockquote.png);
background-repeat: no-repeat;
background-size: contain;
}
blockquote:after {
position: absolute;
content: "";
top: 1.5rem;
right: 2.1rem;
display: block;
width: 5rem;
height: 3rem;
background-image: url(//zdenekbilek.cz/wp-content/themes/bilek/img/blockquote.png);
background-repeat: no-repeat;
background-size: contain;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
blockquote p {
font-size: 2.2rem;
line-height: 1.5;
color: #0e2135;
font-family: "Playfair Display", serif;
font-weight: 700;
}
p {
font-size: 1.5rem;
color: #3e3d3d;
line-height: 1.7;
margin: 0;
}
.btn {
display: inline-block;
height: 6rem;
line-height: 6rem;
min-width: 24rem;
text-align: center;
text-decoration: none;
color: white;
font-size: 1.5rem;
font-weight: 600;
background-color: #cf1116;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.btn:hover {
background-color: #ea3136;
}
.btn span {
position: relative;
padding-right: 2.5rem;
}
.btn span:before {
position: absolute;
content: "";
display: block;
top: 57%;
right: 0;
width: 1rem;
height: 1rem;
border: 2px solid white;
border-left: 0;
border-bottom: 0;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: 0.2s;
transition: 0.2s;
}
.btn:hover span:before {
right: -2%;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
h1 {
font-size: 5.5rem;
font-family: "Playfair Display", serif;
font-weight: 600;
color: #0e2135;
margin-bottom: 2rem;
}
h2 {
font-family: "Playfair Display", serif;
font-size: 5.5rem;
font-weight: 700;
color: #0e2135;
line-height: 1.2;
margin-bottom: 2rem;
}  header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
header.scrolled {
background-color: #0e2135;
-webkit-box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px -3px 20px 0px rgba(0, 0, 0, 0.75);
}
body.admin-bar header {
top: 32px;
}
header .container {
width: 100%;
max-width: 100%;
padding-right: 10.4rem;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
@media screen and (max-width: 1710px) {
header .container {
padding-right: 5.4rem;
}
}
header .logo {
width: 6.4%;
display: inline-block;
vertical-align: middle;
background-image: url(//zdenekbilek.cz/wp-content/themes/bilek/img/logo.svg);
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
header.scrolled .logo {
width: 3.4%;
}
header .inner {
display: inline-block;
vertical-align: middle;
width: 93%;
text-align: right;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
header.scrolled .inner {
width: 96%;
}
header ul li:before {
display: none;
}
.main-menu {
display: inline-block;
vertical-align: middle;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.main-menu ul {
list-style-type: none;
}
.main-menu ul li {
display: inline-block;
margin: 0 3.2rem;
padding-left: 0;
}
@media screen and (max-width: 1710px) {
.main-menu ul li {
margin: 0 1.8rem;
}
}
.main-menu ul li a {
display: block;
text-decoration: none;
font-size: 1.8rem;
color: #202228;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.main-menu ul li a:hover {
color: #cf1116;
}
header.scrolled .main-menu ul li a {
color: white;
}
.languages-switcher {
display: inline-block;
vertical-align: middle;
list-style-type: none;
}
.languages-switcher li {
display: inline-block;
vertical-align: middle;
padding-left: 0;
}
.languages-switcher li a {
text-decoration: none;
text-transform: uppercase;
font-size: 1.8rem;
color: #202228;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.languages-switcher li a:hover {
color: #cf1116;
}
.languages-switcher li.current-lang a {
color: #cf1116;
}
.languages-switcher span {
display: inline-block;
vertical-align: middle;
width: 1px;
height: 2.4rem;
background-color: #202228;
margin: 0 0.5rem;
-webkit-transition: 0.2s;
transition: 0.2s;
}
header.scrolled .languages-switcher li a {
color: white;
}
header.scrolled .languages-switcher li a:hover {
color: #cf1116;
}
header.scrolled .languages-switcher li.current-lang a {
color: #cf1116;
}
header.scrolled .languages-switcher span {
background-color: white;
}
.menu-btn {
position: relative;
display: none;
vertical-align: middle;
height: 5rem;
padding: 0 2rem 0 7rem;
margin-left: 2rem;
font-size: 1.8rem;
line-height: 4.8rem;
font-weight: 600;
text-transform: uppercase;
-webkit-transition: 0.2s;
transition: 0.2s;
border: 1px solid #0e2135;
}
.menu-btn:hover, .menu-btn.active {
cursor: pointer;
background-color: #0e2135;
color: white;
}
.menu-btn:hover span, .menu-btn.active span {
background-color: white;
}
.menu-btn span {
position: absolute;
display: block;
left: 1rem;
width: 4rem;
height: 2px;
background-color: #0e2135;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.menu-btn span:nth-of-type(1) {
top: 12px;
}
.menu-btn span:nth-of-type(2) {
top: 19px;
}
.menu-btn span:nth-of-type(3) {
top: 26px;
}
.page-template .menu-btn {
border-color: #0e2135;
color: #0e2135;
}
.page-template .menu-btn span {
background-color: #0e2135;
}
.page-template header .languages-switcher li.current-lang a {
color: #cf1116;
}
.page-template header .languages-switcher span {
background-color: #0e2135;
}
.page-template header .languages-switcher li a {
color: #0e2135;
}
.page-template header .languages-switcher li a:hover {
color: #cf1116;
}
.page-template header.scrolled .languages-switcher li.current-lang a {
color: #cf1116;
}
.page-template header.scrolled .languages-switcher span {
background-color: white;
}
.page-template header.scrolled .languages-switcher li a {
color: white;
}
.page-template header.scrolled .languages-switcher li a:hover {
color: #cf1116;
}
header.scrolled .menu-btn {
border-color: white;
color: white;
}
header.scrolled .menu-btn span {
background-color: white;
}
header.scrolled .menu-btn:hover {
border-color: #cf1116;
color: #cf1116;
}
header.scrolled .menu-btn:hover span {
background-color: #cf1116;
}  .homepage-top-section {
margin-top: 0;
width: 100%;
font-size: 0;
text-align: left;
}
.homepage-top-section .container {
max-width: 100%;
width: 100%;
}
.homepage-top-section .left-col {
position: relative;
display: inline-block;
vertical-align: middle;
width: 42%;
height: 100vh; background: #16304c;   background: -webkit-gradient(linear, left top, left bottom, from(#16304c), to(#0e2135));
background: linear-gradient(to bottom, #16304c 0%, #0e2135 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#16304c", endColorstr="#0e2135",GradientType=0 ); }
.homepage-top-section .left-col .content {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 5%;
width: 62%;
}
.homepage-top-section .left-col .content h2 {
font-size: 2.5rem;
font-weight: 600;
color: #cf1116;
line-height: 1;
margin-bottom: 2rem;
}
.homepage-top-section .left-col .content h1 {
font-family: "Playfair Display", serif;
font-size: 7.5rem;
line-height: 1.2;
color: white;
font-weight: 700;
margin-bottom: 3.5rem;
width: 45rem;
}
.homepage-top-section .left-col .content p {
font-size: 1.5rem;
color: #789bbf;
}
.homepage-top-section .left-col .homepage-top-btns {
display: none;
}
.homepage-top-section .left-col ul {
margin-top: 3.5rem;
}
.homepage-top-section .right-col {
display: inline-block;
vertical-align: middle;
width: 58%;
height: 100vh;
}
.homepage-top-section .homepage-top-btns {
margin-top: -4rem;
}
.homepage-top-section .homepage-top-btns .btn {
height: 8rem;
line-height: 8rem;
}
.homepage-thumbnail {
position: relative;
margin-left: -12%;
padding: 11.5rem 0 0 0;
}
.homepage-thumbnail img {
width: auto;
max-width: 96%;
height: auto;
max-height: 74vh;
-webkit-box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.15);
}
.img-header-mobile {
display: none;
position: absolute;
width: 100%;
height: 100vh;
overflow: hidden;
top: 0;
left: 0;
}
.img-header-mobile:before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0; background: #16304c;   background: -webkit-gradient(linear, left top, left bottom, from(#16304c), to(#0e2135));
background: linear-gradient(to bottom, #16304c 0%, #0e2135 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#16304c", endColorstr="#0e2135",GradientType=0 ); opacity: 0.7;
z-index: 2;
}
.img-header-mobile img {
position: absolute;
z-index: 1;
opacity: 0.6;
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
}  .hp-services {
text-align: left;
}
.hp-services .left-col {
width: 43%;
float: left;
}
.hp-services .left-col img {
max-width: 100%;
height: auto;
}
.hp-services .right-col {
width: 50%;
float: right;
padding-top: 5.5rem;
}
.hp-services .right-col p {
margin-bottom: 3rem;
}
.hp-services .right-col p:nth-of-type(n + 2) {
width: 45%;
float: left;
}
.hp-services .right-col .buttons {
width: 100%;
float: left;
}
.hp-services .right-col .buttons .btn {
height: 6rem;
line-height: 6rem;
}  .hp-road-to-succes h2 {
margin-bottom: 5rem;
}
.hp-road-to-succes .left-col {
width: 50%;
float: left;
}
.hp-road-to-succes .right-col {
width: 50%;
float: left;
text-align: left;
padding-left: 3%;
padding-top: 2rem;
}
.hp-road-to-succes .right-col p {
margin-bottom: 3rem;
}
.hp-road-to-succes .btn {
margin-top: 6rem;
}
.step-item {
position: relative;
margin-bottom: 3rem;
}
.step-item:before {
position: absolute;
content: "";
bottom: -1.5rem;
right: 7%;
height: 1px;
width: 65%;
display: block;
background-color: #e4e4e4;
}
.step-item .step-icon {
position: relative;
width: 10rem;
height: 10rem;
display: inline-block;
vertical-align: middle;
border: 2px solid #cf1116;
border-radius: 50%;
text-align: center;
}
.step-item .step-icon img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 100%;
}
.step-item .step-content {
display: inline-block;
vertical-align: middle;
width: 65%;
text-align: left;
margin-left: 5%;
}
.step-item .step-content p.title {
font-size: 1.8rem;
color: #0e2135;
font-family: "Playfair Display", serif;
font-weight: 700;
}
.step-item:last-of-type:before {
display: none;
}  .hp-events {
position: relative;
z-index: 2;
margin-bottom: -9rem;
}
.hp-events h2 {
margin-bottom: 5rem;
}
.hp-events .container {
background-color: white;
padding: 5rem 6rem;
}
.calendar-wrap .left-col {
width: 50%;
float: left;
}
.calendar-wrap .left-col.calendar {
position: relative;
padding: 0 10rem 0 10rem;
}
.calendar-wrap .left-col.calendar .calendar-header {
display: block;
font-size: 1.8rem;
color: #0e2135;
text-transform: uppercase;
padding: 0 1rem 1.7rem 1rem;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 1.7rem;
}
.calendar-wrap .left-col.calendar .left-col {
text-align: left;
width: 23%;
height: 4rem;
line-height: 4rem;
}
.calendar-wrap .left-col.calendar .right-col {
text-align: right;
width: 77%;
height: 4rem;
padding: 0;
}
.calendar-wrap .left-col.calendar .right-col .fas {
width: 3rem;
height: 4rem;
display: inline-block;
line-height: 4rem;
text-align: center;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.calendar-wrap .left-col.calendar .right-col .fas:hover {
color: #cf1116;
cursor: pointer;
}
.calendar-wrap .left-col.calendar .calendar-year {
margin-left: 0.5rem;
}
.calendar-wrap .left-col.calendar .calendar-month {
width: 86px;
display: inline-block;
text-align: center;
margin: 0 1rem;
}
.calendar-wrap .left-col.calendar.disabled table.calendar {
opacity: 0.2;
pointer-events: none;
}
.calendar-wrap .right-col {
width: 50%;
float: right;
padding: 0 2rem;
}
table.calendar {
width: 100%;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
table.calendar .calendar-day-head {
font-family: "Playfair Display", serif;
font-size: 2rem;
color: #0e2135;
font-weight: 700;
line-height: 2.2;
}
table.calendar .calendar-day {
font-size: 1.7rem;
line-height: 2.3;
color: #0e2135;
}
table.calendar .calendar-day .day-number {
width: 4rem;
height: 4rem;
border: 1px solid transparent;
border-radius: 100%;
margin: 0 auto;
margin-bottom: 1rem;
-webkit-transition: 0.2s;
transition: 0.2s;
}
table.calendar .calendar-day .day-number.active {
color: white;
background-color: #cf1116;
}
table.calendar .calendar-day .day-number.today:not(.active) {
border-color: #e5e5e5;
}
table.calendar .calendar-day.calendar-day-event .day-number {
border-color: #cf1116;
}
table.calendar .calendar-day.calendar-day-event .day-number:hover {
cursor: pointer;
background-color: #cf1116;
color: white;
}
table.calendar .calendar-event {
display: none;
}
.loader {
position: absolute;
left: 50%;
top: 50%;
width: 8rem;
height: 8rem;
border-radius: 100%;
margin: 0 auto;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
} #loader-1:before,
#loader-1:after {
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 100%;
height: 100%;
border-radius: 100%;
border: 10px solid transparent;
border-top-color: #507eaf;
}
#loader-1:before {
z-index: 100;
-webkit-animation: spin 1s infinite;
animation: spin 1s infinite;
}
#loader-1:after {
border: 10px solid #ccc;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.events-list button {
font-size: 0;
border: none;
background: no-repeat;
position: relative;
width: 4rem;
height: 4rem;
}
.events-list button:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f106";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
color: #0e2135;
font-size: 2.2rem;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.events-list button:hover:before {
color: #cf1116;
}
.events-list button.slick-next:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f107";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
color: #0e2135;
font-size: 2.2rem;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.events-list button.slick-disabled,
.events-list button.slick-next.slick-disabled,
.events-list button.slick-prev.slick-disabled {
pointer-events: none;
}
.events-list button.slick-disabled:before,
.events-list button.slick-next.slick-disabled:before,
.events-list button.slick-prev.slick-disabled:before {
color: #868686;
}
.event-item {
padding: 1.4rem 2.3rem 2.6rem 2.3rem;
text-align: left;
text-decoration: none;
-webkit-transition: 0.2s;
transition: 0.2s;
min-height: 165px;
}
.event-item:hover {
background-color: #fbfafa;
cursor: pointer;
}
.event-item p {
color: #868686;
font-size: 1.4rem;
line-height: 1.5;
padding-right: 5rem;
}
@media screen and (max-width: 450px) {
.event-item p {
height: 65px;
padding-right: 2rem;
}
}
.event-item span.more {
font-size: 1.4rem;
text-transform: uppercase;
color: #0e2135;
display: block;
margin: 0.7rem 0;
margin-bottom: 0;
text-align: right;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.event-item span.more:hover {
color: #cf1116;
}
.slick-vertical .event-item.slick-slide {
border-top: 1px solid #e5e5e5;
float: none;
}
.slick-vertical .event-item.slick-slide.past {
opacity: 0.4;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.slick-vertical .event-item.slick-slide.past:hover {
opacity: 1;
}
.event-item .event-header {
margin-bottom: 0.7rem;
}
.event-item .event-header .left-col {
color: #cf1116;
font-size: 1.4rem;
text-align: left;
}
.event-item .event-header .right-col {
font-size: 1.4rem;
color: #7c7d7e;
text-align: right;
padding: 0;
}
.event-item h4 {
font-family: "Playfair Display", serif;
font-size: 1.6rem;
color: #0e2135;
margin: 0;
margin-bottom: 0.7rem;
}
@media screen and (max-width: 755px) {
.event-item h4 {
height: 4rem;
}
}
@media screen and (max-width: 450px) {
.event-item h4 {
height: 7rem;
}
} iframe {
max-width: 100%;
} .blocker {
padding: 8rem;
background: rgba(14, 33, 53, 0.36);
}
.modal {
width: 80%;
padding: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.modal a.close-modal {
top: 0;
right: 0;
width: 6rem;
height: 6rem;
display: block;
background: #0e2135;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.modal a.close-modal:hover {
background: #507eaf;
}
.modal a.close-modal:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 3rem;
height: 2px;
background-color: white;
display: block;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.modal a.close-modal:after {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 3rem;
height: 2px;
background-color: white;
display: block;
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-event .container {
width: 100%;
max-width: 100%;
font-size: 0;
}
.modal-event .left-col {
display: inline-block;
vertical-align: top;
width: 40%;
}
.modal-event .left-col img {
width: 100%;
max-width: 52rem;
height: auto;
}
.modal-event .right-col {
display: inline-block;
vertical-align: top;
width: 60%;
padding: 6rem 12rem 0 6rem;
}
.modal-event .btn {
margin-bottom: 3rem;
}
.event-title {
font-size: 3.5rem;
color: #0e2135;
line-height: 1.2;
font-family: "Playfair Display", serif;
margin-bottom: 2rem;
font-weight: 600;
}
.event-date-time {
display: inline-block;
vertical-align: middle;
margin-right: 1rem;
margin-bottom: 2rem;
color: #cf1116;
font-size: 1.4rem;
}
.event-date-time.tag {
color: #7c7d7e;
}
.modal .event-content {
margin-bottom: 5rem;
}
.modal .event-content p {
font-size: 1.5rem;
color: #868686;
}
.single-events .modal-x .left-col {
width: 30%;
float: left;
}
.single-events .modal-x .left-col img {
width: 100%;
height: auto;
}
.single-events .modal-x .right-col {
width: 70%;
float: left;
padding-top: 7rem;
padding-left: 5rem;
}
.loader-wrap {
position: fixed;
width: 100%;
height: 100vh;
background: rgba(14, 33, 53, 0.36);
display: block;
top: 0;
left: 0;
z-index: 9;
}
.event-gallery {
margin-bottom: 3rem;
}
.event-gallery a {
position: relative;
display: inline-block;
margin: 0 1rem;
width: 10rem;
height: 10rem;
overflow: hidden;
}
.event-gallery a:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.event-gallery a:hover:before {
opacity: 1;
}
.event-gallery a:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00e";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
font-size: 3.5rem;
width: 100%;
height: 100%;
background: rgba(14, 33, 53, 0.5);
text-align: center;
line-height: 10rem;
z-index: 99;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
opacity: 0;
}
.event-gallery a img {
position: absolute;
width: 100%;
height: auto;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.event-gallery a:nth-of-type(n + 4) {
display: none;
}
.modal-x .event-gallery {
margin-top: 3rem;
}
.modal-x .event-content {
margin-bottom: 2rem;
}  .singular {
margin-top: 13.5rem;
text-align: left;
}
.singular .single-header {
text-align: center;
margin-bottom: 4.5rem;
padding: 0 16%;
}
.singular li {
color: #3e3d3d;
}
.singular ol li {
font-size: 1.5rem;
color: #3e3d3d;
line-height: 1.7;
margin: 0;
}
.singular blockquote {
width: 30%;
margin-left: 5%;
}
.singular img {
-webkit-box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.15);
max-width: 100%;
height: auto;
}
.page-nav {
display: block;
text-align: right;
padding: 0 1.5%;
margin-top: 4.5rem;
}
.page-nav .page-numbers {
display: inline-block;
font-size: 1.6rem;
text-decoration: none;
color: #0e2135;
width: 4.5rem;
height: 4.5rem;
margin: 0 1rem;
text-align: center;
line-height: 4.3rem;
border: 1px solid #0e2135;
border-radius: 2px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.page-nav a.page-numbers:hover {
color: white;
background-color: #0e2135;
}
.page-nav .page-numbers.current {
background-color: #0e2135;
color: white;
}
.single.singular {
text-align: center;
}
.singular-date {
color: #7a7a7a;
font-size: 1.4rem;
}
.singular-content {
text-align: left;
}
.singular-content:first-letter {
font-size: 8rem;
color: #0e2135;
font-weight: 700;
float: left;
line-height: 1;
margin-top: -0.5rem;
margin-right: 1rem;
}
.singular-content p {
margin-bottom: 3rem;
}   .hp-references {
position: relative;
z-index: 1; background: #16304c;   background: -webkit-gradient(linear, left top, left bottom, from(#16304c), to(#0e2135));
background: linear-gradient(to bottom, #16304c 0%, #0e2135 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#16304c", endColorstr="#0e2135",GradientType=0 ); padding: 5rem 0 2rem 0;
margin-top: 5rem;
}
.hp-references h2 {
color: white;
}
.hp-references p {
color: white;
}
.slick-initialized .slick-slide.reference-item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 1.3%;
margin: 3rem 0;
}
.slick-initialized .slick-slide.reference-item:before {
position: absolute;
content: "";
bottom: 0;
left: 10%;
width: 5.5rem;
height: 4rem;
background-image: url(//zdenekbilek.cz/wp-content/themes/bilek/img/reference-quotes.png);
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: translateY(76%);
transform: translateY(76%);
}
.slick-initialized .slick-slide.reference-item:after {
position: absolute;
content: "";
top: 0;
right: 8%;
width: 5rem;
height: 3.5rem;
background-image: url(//zdenekbilek.cz/wp-content/themes/bilek/img/reference-quotes.png);
background-size: contain;
background-repeat: no-repeat;
-webkit-transform: rotate(180deg) translateY(85%);
transform: rotate(180deg) translateY(85%);
}
ul.slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 1.6rem;
list-style-type: none;
margin-top: 3rem; }
ul.slick-dots .slick-active button {
background-color: white;
}
ul.slick-dots li {
padding-left: 0;
display: inline-block;
margin: 0 0.5rem;
}
ul.slick-dots li:before {
display: none;
}
ul.slick-dots li button {
position: relative;
font-size: 0;
width: 6.6rem;
height: 0.5rem;
background-color: #597897;
border: none;
-webkit-transition: 0.2s;
transition: 0.2s;
}
ul.slick-dots li:hover button {
background-color: white;
}  .hp-blog {
font-size: 0;
}
.hp-blog h2 {
margin-bottom: 7rem;
}
.twitter-wrap {
display: inline-block;
vertical-align: top;
width: 31.5%;
margin-right: 1.5%;
}
.hp-blog .blog-items {
display: inline-block;
vertical-align: top;
width: 66.5%;
text-align: left;
}
.hp-blog .blog-items .blog-item {
margin-bottom: 0;
}
.blog-item {
display: inline-block;
vertical-align: top;
width: 30%;
margin: 0 1.5%;
margin-bottom: 3rem;
background-color: white;
font-size: 1.5rem;
color: #7a7a7a;
-webkit-box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.15);
box-shadow: 1px 1px 40px 0 rgba(0, 0, 0, 0.15);
}
.blog-item .inner {
padding: 0 2.5rem;
}
.blog-item time {
display: block;
font-size: 1.4rem;
margin-bottom: 1rem;
}
.blog-item h3 {
color: black;
font-size: 2rem;
margin-bottom: 2rem;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.blog-item .blog-content { }
.blog-item .more {
color: black;
font-size: 1.4rem;
width: 100%;
text-align: right;
display: block;
margin-bottom: 2rem;
}
.blog-item .more .fas {
-webkit-transition: 0.2s;
transition: 0.2s;
}
.blog-item .more:hover {
color: #cf1116;
}
.blog-item .more:hover .fas {
-webkit-transform: translateX(0.3rem);
transform: translateX(0.3rem);
}
.blog-item .overflowed {
height: 17rem;
overflow: hidden;
padding-bottom: 2rem;
border-bottom: 2px solid #e5e5e5;
margin-bottom: 4rem;
}
.hp-blog .blog-item {
width: 47%;
}
.blog-thumb {
position: relative;
width: 100%;
height: 28.5rem;
overflow: hidden;
margin-bottom: 3.5rem;
}
.blog-thumb img {
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.blog-item:hover h3 {
color: #cf1116;
}
.blog-item:hover .blog-thumb img {
-webkit-transform: translate(-50%, -50%) scale(1.05);
transform: translate(-50%, -50%) scale(1.05);
}
.hp-blog .btn {
margin-top: 5.5rem;
min-width: 18rem;
}  .footer-newsletter {
background-color: #f0f0f0;
font-size: 0;
padding: 3.4rem 0;
margin-top: 8rem;
text-align: left;
}
.footer-newsletter .left-col {
display: inline-block;
vertical-align: middle;
width: 40%;
}
.footer-newsletter .left-col p.title {
font-family: "Playfair Display", serif;
font-size: 2rem;
color: #0e2135;
font-weight: 900;
}
.footer-newsletter .left-col p.description {
color: #868686;
}
.footer-newsletter .right-col {
display: inline-block;
vertical-align: middle;
width: 60%;
}
.footer-newsletter .right-col input {
display: inline-block;
vertical-align: middle;
padding-left: 2.4rem;
line-height: 4.5rem;
height: 4.5rem;
width: 80%;
max-width: 54rem;
border: none;
color: #0e2135;
font-size: 1.4rem;
}
.footer-newsletter .right-col input::-webkit-input-placeholder { color: #868686;
}
.footer-newsletter .right-col input::-moz-placeholder { color: #868686;
}
.footer-newsletter .right-col input:-ms-input-placeholder { color: #868686;
}
.footer-newsletter .right-col input:-moz-placeholder { color: #868686;
}
.footer-newsletter .right-col button {
display: inline-block;
vertical-align: middle;
line-height: 4.5rem;
height: 4.5rem;
background-color: #0e2135;
color: white;
font-size: 1.6rem;
border: none;
padding: 0 7rem;
margin-left: 0.5rem;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.footer-newsletter .right-col button:hover {
background-color: #507eaf;
}
.newsletter-form {
position: relative;
text-align: right;
}
.newsletter-form .loader {
position: absolute;
right: -2rem;
left: auto;
top: 1.5rem;
width: 1.7rem;
height: 1.7rem;
display: block;
-webkit-animation: rotation 2s linear infinite;
animation: rotation 2s linear infinite;
border: 3px solid white;
border-radius: 50%;
}
.newsletter-form .loader:after {
position: absolute;
display: block;
content: "";
top: 8px;
right: -2.5rem;
background: none;
width: 1.7rem;
height: 1.7rem;
}
.newsletter-form .loader:before {
position: absolute;
content: "";
left: 0;
top: -3px;
width: 5px;
height: 7px;
display: block;
background-color: #f0f0f0;
-webkit-transform: -49deg;
transform: -49deg;
}
p.form-mess {
display: block;
border: 2px solid;
padding: 0 1rem;
width: 94%;
margin-top: 1rem;
text-align: left;
margin-left: 6%;
}
p.form-mess.error {
color: #cf1116;
border-color: #cf1116;
}
p.form-mess.good {
color: green;
border-color: green;
}  footer {
padding: 4rem 0;
background-color: #0e2135;
text-align: left;
margin-top: 8rem;
}
footer p {
color: white;
}
footer p .fas {
color: #507eaf;
margin-right: 1rem;
}
footer p .fa-phone {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
footer a {
text-decoration: none;
color: white;
-webkit-transition: 0.2s;
transition: 0.2s;
}
footer a:hover {
color: #507eaf;
}
footer p.title {
font-family: "Playfair Display", serif;
color: white;
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 2.3rem;
}
footer .zakone-informace p {
font-size: 13px;
}
footer .left-col,
footer .right-col {
width: 50%;
float: left;
}
.contact-row {
margin-bottom: 2.2rem;
}
.contact-row .left-col {
width: 35%;
}
.footer-menu {
margin-left: 0.8rem;
}
.footer-menu li {
padding-left: 1.6rem;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.footer-menu li a {
display: block;
}
.footer-menu li:before {
background: none;
height: auto;
width: auto;
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f105";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
-webkit-transition: 0.35s;
transition: 0.35s;
}
.footer-menu li:hover {
padding-left: 3rem;
}
.footer-menu li:hover:before {
color: #507eaf;
left: 1.7rem;
}
.cf7-smart-grid.has-grid .contact-form label,
.contact-form label {
font-size: 1.2rem;
color: white;
display: block;
margin-bottom: 0.7rem;
}
.cf7-smart-grid.has-grid .contact-form label span,
.contact-form label span {
color: #cf1116;
}
.cf7-smart-grid.has-grid .contact-form input:not(.btn),
.contact-form input:not(.btn) {
position: relative;
line-height: 3.4rem;
height: 3.4rem;
border: 1px solid #939ba4;
font-size: 1.4rem;
color: #0e2135;
width: 90%;
padding-left: 4rem;
z-index: 1;
border-radius: 0;
}
.cf7-smart-grid.has-grid .contact-form input:not(.btn)::-webkit-input-placeholder,
.contact-form input:not(.btn)::-webkit-input-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form input:not(.btn)::-moz-placeholder,
.contact-form input:not(.btn)::-moz-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form input:not(.btn):-ms-input-placeholder,
.contact-form input:not(.btn):-ms-input-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form input:not(.btn):-moz-placeholder,
.contact-form input:not(.btn):-moz-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form input:not(.btn).wpcf7-not-valid,
.contact-form input:not(.btn).wpcf7-not-valid {
border-color: #cf1116;
}
.cf7-smart-grid.has-grid .contact-form span.wpcf7-form-control-wrap,
.contact-form span.wpcf7-form-control-wrap {
position: relative;
}
.cf7-smart-grid.has-grid .contact-form span.wpcf7-form-control-wrap:before,
.contact-form span.wpcf7-form-control-wrap:before {
color: #ccc;
z-index: 2;
left: 1.3rem;
}
.cf7-smart-grid.has-grid .contact-form span.wpcf7-form-control-wrap.name:before,
.contact-form span.wpcf7-form-control-wrap.name:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f007";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
color: #ccc;
left: 1.3rem;
}
.cf7-smart-grid.has-grid .contact-form span.wpcf7-form-control-wrap.flower:before,
.contact-form span.wpcf7-form-control-wrap.flower:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f0e0";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
color: #ccc;
left: 1.3rem;
}
.cf7-smart-grid.has-grid .contact-form .right-col input,
.contact-form .right-col input {
width: 100%;
}
.cf7-smart-grid.has-grid .contact-form .full-col,
.contact-form .full-col {
display: block;
margin-top: 1.6rem;
}
.cf7-smart-grid.has-grid .contact-form textarea,
.contact-form textarea {
position: relative;
resize: none;
font-size: 1.4rem;
line-height: 1.3;
color: #0e2135;
width: 100%;
height: 13.4rem;
border: 1px solid #939ba4;
padding-left: 4rem;
padding-top: 1rem;
z-index: 1;
}
.cf7-smart-grid.has-grid .contact-form textarea::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form textarea::-moz-placeholder,
.contact-form textarea::-moz-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form textarea:-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form textarea:-moz-placeholder,
.contact-form textarea:-moz-placeholder { color: #929292;
}
.cf7-smart-grid.has-grid .contact-form span.wpcf7-form-control-wrap.message,
.contact-form span.wpcf7-form-control-wrap.message {
height: 13.4rem;
display: block;
}
.cf7-smart-grid.has-grid .contact-form span.wpcf7-form-control-wrap.message:before,
.contact-form span.wpcf7-form-control-wrap.message:before {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f044";
font-size: 1.5rem;
color: white;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.2s;
transition: 0.2s;
color: #ccc;
left: 1.3rem;
top: 1.3rem;
-webkit-transform: none;
transform: none;
}
.cf7-smart-grid.has-grid .contact-form .submit,
.contact-form .submit {
position: relative;
text-align: right;
display: block;
}
.cf7-smart-grid.has-grid .contact-form input[type=submit],
.contact-form input[type=submit] {
display: inline-block;
vertical-align: middle;
line-height: 4.5rem;
height: 4.5rem;
background-color: white;
color: #0e2135;
font-size: 1.6rem;
border: none;
padding: 0 4rem;
-webkit-transition: 0.2s;
transition: 0.2s;
min-width: auto;
width: auto;
font-weight: 600;
border-radius: 0;
margin-top: 1.6rem;
margin-right: -2rem;
}
.cf7-smart-grid.has-grid .contact-form input[type=submit]:hover,
.contact-form input[type=submit]:hover {
background-color: #507eaf;
color: white;
}
.custom-checkbox {
padding-left: 3.5rem;
text-align: left;
}
.custom-checkbox .wpcf7-list-item {
margin: 0;
}
.custom-checkbox .wpcf7-form-control-wrap {
display: inline-block;
}
.custom-checkbox label {
font-size: 1.5rem;
font-weight: 400;
display: inline-block;
margin-bottom: 0;
color: white; }
.custom-checkbox label .wpcf7-list-item-label {
position: relative;
display: block;
font-size: 1.5rem;
color: white;
}
.custom-checkbox label .wpcf7-list-item-label a {
text-decoration: underline;
}
.custom-checkbox label .wpcf7-list-item-label a:hover {
text-decoration: none;
color: #cf1116;
}
.custom-checkbox label:hover {
cursor: pointer;
}
.custom-checkbox label .wpcf7-list-item-label:before {
position: absolute;
content: "";
left: -3.5rem;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2rem;
height: 2rem;
border: 1px solid #cf1116;
background: white;
}
.custom-checkbox label .wpcf7-list-item-label:after {
position: absolute;
content: "";
left: -3.2rem;
top: 50%;
width: 1.4rem;
height: 1.4rem;
background: #cf1116;
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transform-origin: center;
transform-origin: center;
opacity: 0;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.custom-checkbox input[type=checkbox] {
display: none;
}
.custom-checkbox input[type=checkbox]:checked + .wpcf7-list-item-label::after {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.wpcf7-form.invalid input[type=submit] {
margin-top: 4rem;
}
div.wpcf7 {
position: relative;
}
div.wpcf7 .contact-form .ajax-loader {
position: absolute;
top: 8px;
right: -2.5rem;
background: none;
width: 1.7rem;
height: 1.7rem;
border: 3px solid white;
border-radius: 50%;
position: relative;
-webkit-animation: rotation 2s linear infinite;
animation: rotation 2s linear infinite;
}
div.wpcf7 .contact-form .ajax-loader:before {
position: absolute;
content: "";
left: 0;
top: -3px;
width: 5px;
height: 7px;
display: block;
background-color: #0e2135;
-webkit-transform: rotate(-49deg);
transform: rotate(-49deg);
}
div.wpcf7-response-output {
margin: 1rem 0 0 0;
font-size: 1.4rem;
}
div.wpcf7-mail-sent-ok {
color: white;
}
.wpcf7-form.invalid div.wpcf7-response-output {
display: block;
position: absolute;
width: 100%;
bottom: 5rem;
left: 0;
margin: 0;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f5cb00;
color: #f5cb00;
}
span.wpcf7-not-valid-tip {
display: none !important;
}
.cf7-smart-grid.has-grid .wpcf7-form-control {
min-height: auto;
border-radius: 0;
}
.social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 2.2rem;
}
.social a {
margin-right: 1rem;
width: 100%;
max-width: 19.25px;
height: 22px;
}
.social a svg {
width: 100%;
max-width: 19.25px;
height: 22px;
}
.social a svg path {
fill: white;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.social a svg:hover path {
fill: #507eaf;
}
footer .container {
border-bottom: 1px solid #6e6d72;
padding: 0 3rem;
padding-bottom: 2.6rem;
}
.madeby {
margin-top: 1rem;
font-size: 0;
}
.madeby img {
display: inline-block;
vertical-align: middle;
}
.madeby span.unifer {
width: 50%;
display: inline-block;
text-align: right;
font-size: 1.5rem;
color: white;
}
.madeby .cookie-reset {
display: inline-block;
width: 50%;
text-align: left;
font-size: 1.4rem;
}  @media screen and (max-width: 1400px) {
html {
font-size: 50.5%;
}
}
@media screen and (max-width: 1205px) {
header .container {
padding-right: 3.4rem;
}
.main-menu ul li {
margin: 0 2.1rem;
}
}
@media screen and (max-width: 1150px) {
.main-menu ul li {
margin: 0 0.8rem;
}
}
@media screen and (max-width: 1045px) {
.footer-newsletter .right-col {
text-align: right;
}
.footer-newsletter .right-col input {
width: 55%;
}
}
@media screen and (max-width: 1040px) {
.calendar-wrap .left-col.calendar {
padding: 0 10rem 0 2rem;
}
}
@media screen and (max-width: 1000px) {
.section {
margin-top: 1.5rem;
margin-bottom: 5.5rem;
}
header .logo {
min-width: 6.5rem;
}
header .inner {
position: relative;
}
header.scrolled .inner {
width: 93%;
}
.menu-btn {
display: inline-block;
border-color: white;
color: white;
}
.menu-btn span {
background-color: white;
}
.single .menu-btn {
border-color: #0e2135;
color: #0e2135;
}
.single .menu-btn span {
background-color: #0e2135;
}
.main-menu {
position: absolute;
top: 5rem;
right: 0;
background: #0e2135;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scaleY(0);
transform: scaleY(0);
pointer-events: none;
}
.main-menu.active {
-webkit-transform: scaleY(1);
transform: scaleY(1);
pointer-events: initial;
}
.main-menu ul li {
display: block;
margin: 1rem 4.1rem;
}
.main-menu ul li a {
color: white;
}
.homepage-top-section { background: #16304c;   background: -webkit-gradient(linear, left top, left bottom, from(#16304c), to(#0e2135));
background: linear-gradient(to bottom, #16304c 0%, #0e2135 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#16304c", endColorstr="#0e2135",GradientType=0 ); margin-bottom: 0;
}
.languages-switcher span {
background-color: white;
}
.single .languages-switcher span {
background-color: #0e2135;
}
.languages-switcher li a {
color: white;
}
.single .languages-switcher li a {
color: #0e2135;
}
.single .languages-switcher li.current-lang a {
color: #cf1116;
}
.single .menu-btn:hover {
color: white;
}
.single .menu-btn:hover span {
background-color: white;
}
.single .menu-btn.active {
color: white;
}
.single .menu-btn.active span {
background-color: white;
}
.homepage-top-section .left-col {
width: 100%;
background: none;
z-index: 3;
}
.homepage-top-section .left-col .content {
width: 80%;
}
.homepage-top-section .left-col .homepage-top-btns {
display: block;
}
.homepage-top-section .right-col {
display: none;
}
.homepage-top-section {
margin-top: 0;
}
.hp-services .left-col {
width: 31%;
}
.hp-services .right-col {
width: 65%;
}
.hp-events .container {
padding: 2rem 0rem;
}
.calendar-wrap .left-col.calendar {
padding: 0 0rem 0 2rem;
}
.hp-references {
padding-top: 3rem;
}
.hp-blog .blog-item {
width: 100%;
margin-bottom: 2rem;
}
.hp-blog .blog-item .blog-thumb {
width: 30%;
height: auto;
display: inline-block;
vertical-align: top;
}
.hp-blog .blog-item .blog-thumb:after {
content: "";
display: block;
padding-bottom: 100%;
}
.hp-blog .blog-item .inner {
width: 69%;
display: inline-block;
vertical-align: top;
padding-top: 3rem;
}
.hp-blog .blog-item .overflowed {
height: auto;
overflow: initial;
}
.img-header-mobile {
display: block;
}
.homepage-top-section .homepage-top-btns {
margin-top: 3rem;
}
.hp-blog .blog-item {
margin: 0;
margin-bottom: 2rem;
}
footer .container .inner > .left-col {
width: 65%;
}
footer .container .inner > .right-col {
width: 35%;
}
.modal-event .left-col {
display: none;
}
.modal-event .right-col {
width: 100%;
padding: 2rem 2rem 0 2rem;
}
.modal {
width: 100%;
}
.blocker {
padding: 2rem;
}
.event-title {
width: 84%;
}
.single.singular {
margin: 12rem 0px;
margin-bottom: 0;
}
h1 {
font-size: 3.5rem;
}
.hp-references .anchnor {
top: -10rem;
}
.modal-x.section {
margin-top: 12rem;
}
.section.page {
margin-top: 10rem;
}
.blog-item {
width: 47%;
}
}
@media screen and (max-width: 840px) {
header .inner {
position: absolute;
right: 2%;
top: 0.9rem;
width: auto;
}
.hp-services .right-col p:nth-of-type(n + 2) {
width: 100%;
}
.hp-services blockquote {
width: 100%;
}
.hp-road-to-succes .left-col {
width: 100%;
}
.hp-road-to-succes .right-col {
width: 100%;
}
footer .container .inner > .left-col {
width: 100%;
}
footer .container .inner > .right-col {
width: 100%;
}
footer .container .inner .left-col > .left-col {
width: 60%;
}
footer .container .inner .left-col > .right-col {
width: 40%;
}
}
@media screen and (max-width: 755px) {
.single-events .modal-x .left-col {
width: 50%;
float: none;
}
.single-events .modal-x .right-col {
width: 100%;
float: none;
}
}
@media screen and (max-width: 675px) { .footer-newsletter .right-col button {
padding: 0 3rem;
}
.calendar-wrap .left-col.calendar {
padding: 0;
width: 100%;
}
.calendar-wrap .right-col {
width: 100%;
}
.singular blockquote {
width: 90%;
margin-left: 5%;
float: none;
}
}
@media screen and (max-width: 600px) {
.hp-services .left-col {
display: none;
}
.hp-services .right-col {
width: 100%;
}
.twitter-wrap {
display: none;
}
.hp-blog .blog-items {
width: 100%;
}
.hp-blog .blog-item .blog-thumb {
width: 100%;
height: 20rem;
}
.hp-blog .blog-item .inner {
width: 100%;
padding-top: 1.5rem;
}
.hp-blog .blog-item .overflowed {
height: auto;
overflow: initial;
}
.blog-item {
width: 100%;
}
.singular .single-header {
padding: 0 5%;
}
.slick-initialized .slick-slide.reference-item {
padding: 0 1%;
}
}
@media screen and (max-width: 500px) {
.img-header-mobile {
height: -webkit-fill-available;
}
.homepage-top-section .left-col {
height: auto;
padding: 14rem 2% 6rem 2%;
}
.homepage-top-section .left-col .content {
position: static;
-webkit-transform: none;
transform: none;
width: 100%;
}
.homepage-top-section .left-col .content h1 {
width: 100%;
font-size: 5.9rem;
max-width: 32rem;
}
.homepage-top-section .left-col .content h2 {
margin-bottom: 1.2rem;
}
.homepage-top-section .homepage-top-btns .btn {
height: 7rem;
line-height: 7rem;
min-width: 17rem;
}
.footer-newsletter .left-col {
width: 100%;
}
.footer-newsletter .right-col {
width: 100%;
text-align: left;
margin-top: 1rem;
}
.newsletter-form {
text-align: left;
display: inline-block;
}
.newsletter-form .loader {
right: 0;
}
footer .container .inner .left-col > .left-col {
width: 100%;
}
footer .container .inner .left-col > .right-col {
width: 100%;
margin-bottom: 2rem;
}
.footer-menu li {
display: inline-block;
margin: 0 2rem;
}
.footer-menu li:hover {
padding-left: 1.6rem;
}
.footer-menu li:hover:before {
color: #507eaf;
left: 0;
}
}
@media screen and (max-width: 400px) {
.step-item .step-icon {
width: 7rem;
height: 7rem;
}
} .files-items {
text-align: center;
font-size: 0;
}
.files-items .file-item {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 1%;
margin-top: 1rem;
text-decoration: none;
text-align: left;
}
@media screen and (max-width: 800px) {
.files-items .file-item {
width: 31%;
}
}
@media screen and (max-width: 600px) {
.files-items .file-item {
width: 48%;
}
}
@media screen and (max-width: 360px) {
.files-items .file-item {
width: 100%;
margin: 1rem 0;
}
}
.files-items .file-item img {
float: left;
display: block;
width: auto;
height: 6.4rem;
margin-right: 2rem;
-webkit-box-shadow: none;
box-shadow: none;
}
.files-items .file-item .file-item__text {
padding-top: 1rem;
color: #000;
font-weight: 600;
line-height: 1.5;
font-size: 1.4rem;
}
.files-items .file-item .file-item__text span {
display: block;
margin-top: 0.4rem;
color: #0e2135;
font-weight: 400;
}
.post-pass-form label {
color: #000;
font-weight: 600;
line-height: 1.5;
font-size: 1.4rem;
}
.post-pass-form p {
margin-bottom: 2rem;
}
.post-pass-form input[type=submit] {
margin-top: 2rem;
height: 4rem;
line-height: 4rem;
text-align: center;
text-decoration: none;
color: white;
font-size: 1.5rem;
font-weight: 600;
background-color: #cf1116;
border: none;
padding: 0 4rem;
}
.page-general h1,
.page-general h2,
.page-general h3,
.page-general h4 {
margin-top: 2rem;
}
@media screen and (max-width: 1000px) {
.page-general h2 {
font-size: 2.8rem;
}
}
.page-general h3 {
font-size: 3.5rem;
font-family: "Playfair Display", serif;
font-weight: 600;
color: #0e2135;
text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
.page-general h3 {
font-size: 2.5rem;
}
}
.page-general h4 {
font-size: 2.5rem;
font-family: "Playfair Display", serif;
font-weight: 600;
color: #0e2135;
text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
.page-general h4 {
font-size: 2rem;
}
}
.page-general table {
font-size: 1.4rem;
margin: 2rem auto;
}
.page-general .dcb-privacy-policy-text table.dcb-table-left-titles {
display: inline-block;
margin: 2rem 0 2rem 0;
}
.homepage-logos {
position: relative;
top: 3vh;
left: 20%;
grid-template: -webkit-max-content calc(8vh - 2rem)/repeat(4, 1fr);
grid-template: max-content calc(8vh - 2rem)/repeat(4, 1fr);
grid-template-areas: "title1 title2 title3 title4" "logo1 logo2 logo3 logo4";
grid-gap: 1vh 4rem;
display: grid;
width: 46vw;
text-align: center;
}
.homepage-logos-title:nth-of-type(1) {
grid-area: title1;
}
.homepage-logos-logo:nth-of-type(1) {
grid-area: logo1;
}
.homepage-logos-title:nth-of-type(2) {
grid-area: title2;
}
.homepage-logos-logo:nth-of-type(2) {
grid-area: logo2;
}
img.homepage-logos-logo {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: 0.5s -webkit-filter;
transition: 0.5s -webkit-filter;
transition: 0.5s filter;
transition: 0.5s filter, 0.5s -webkit-filter;
-webkit-box-shadow: none;
box-shadow: none;
}
img.homepage-logos-logo:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
@media screen and (max-width: 1000px) {
.homepage-logos {
grid-gap: 2rem 2rem;
grid-template: -webkit-max-content 5rem/repeat(4, 1fr);
grid-template: max-content 5rem/repeat(4, 1fr);
grid-template-areas: "title1 title2 title3 title4" "logo1 logo2 logo3 logo4";
margin: 5rem 2rem;
position: unset;
width: auto;
}
}
@media screen and (min-width: 1000px) {
.homepage-logos-mobile {
display: none;
}
}
@media screen and (max-width: 425px) {
.img-header-mobile img {
left: 0;
right: unset;
}
}