article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background: transparent
}
a:focus {
outline: thin dotted
}
a:active, a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong, .strong {
font-weight: bold
}
dfn, em, .em {
font-style: italic
}
hr {
box-sizing: content-box;
height: 0
}
pre {
margin: 0
}
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
q:before, q:after {
content: '';
content: none
}
small, .small {
font-size: 75%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
dl, menu, ol, ul {
margin: 1em 0
}
dd {
margin: 0
}
menu {
padding: 0 0 0 40px
}
ol, ul {
padding: 0;
list-style-type: none
}
nav ul, nav ol {
list-style: none;
list-style-image: none
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button, input {
line-height: normal
}
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
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0
}
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
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
* {
box-sizing: border-box
}
.image-replacement, .ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden
}
.clearfix, .cf {
zoom: 1
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: "";
display: table
}
.clearfix:after, .cf:after {
clear: both
}
span.amp {
font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
font-style: italic
}
@font-face {
font-family: 'Tungsten';
src: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Medium.eot?#iefix) format("embedded-opentype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Medium.otf) format("opentype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Medium.woff) format("woff"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Medium.ttf) format("truetype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Medium.svg#Tungsten-Medium) format("svg");
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'Tungsten';
src: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Bold.eot?#iefix) format("embedded-opentype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Bold.otf) format("opentype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Bold.woff) format("woff"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Bold.ttf) format("truetype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/Tungsten-Bold.svg#Tungsten-Bold) format("svg");
font-weight: bold;
font-style: normal
}
@font-face {
font-family: "museum";
src: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/museum.eot);
src: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/museum.eot?#iefix) format("embedded-opentype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/museum.woff) format("woff"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/museum.ttf) format("truetype"), url(//muzeumkomunismu.cz/wp-content/themes/museum/library/fonts/museum.svg#museum) format("svg");
font-weight: normal;
font-style: normal
}
[data-icon]:before {
font-family: "museum" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
[class^="ico-"]:before, [class*=" ico-"]:before {
font-family: "museum" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.ico-inst:before {
content: "\61";
}
.ico-fejs:before {
content: "\62";
}
.ico-envelope:before {
content: "\63";
}
.ico-info:before {
content: "\64";
}
.ico-metro:before {
content: "\65";
}
.ico-phone:before {
content: "\66";
}
.ico-pin:before {
content: "\67";
}
.ico-sound:before {
content: "\68";
}
@media (max-width: 767px) {
.m-all {
float: left;
width: 100%;
padding-right: 0
}
.m-1of2 {
float: left;
width: 50%
}
.m-1of3 {
float: left;
width: 33.33%
}
.m-2of3 {
float: left;
width: 66.66%
}
.m-1of4 {
float: left;
width: 25%
}
.m-3of4 {
float: left;
width: 75%
}
}
@media (min-width: 768px) and (max-width: 1029px) {
.t-all {
float: left;
width: 100%;
padding-right: 0
}
.t-1of2 {
float: left;
width: 50%
}
.t-1of3 {
float: left;
width: 33.33%
}
.t-2of3 {
float: left;
width: 66.66%
}
.t-1of4 {
float: left;
width: 25%
}
.t-3of4 {
float: left;
width: 75%
}
.t-1of5 {
float: left;
width: 20%
}
.t-2of5 {
float: left;
width: 40%
}
.t-3of5 {
float: left;
width: 60%
}
.t-4of5 {
float: left;
width: 80%
}
}
@media (min-width: 1030px) {
.d-all {
float: left;
width: 100%;
padding-right: 0
}
.d-1of2 {
float: left;
width: 50%
}
.d-1of3 {
float: left;
width: 33.33%
}
.d-2of3 {
float: left;
width: 66.66%
}
.d-1of4 {
float: left;
width: 25%
}
.d-3of4 {
float: left;
width: 75%
}
.d-1of5 {
float: left;
width: 20%
}
.d-2of5 {
float: left;
width: 40%
}
.d-3of5 {
float: left;
width: 60%
}
.d-4of5 {
float: left;
width: 80%
}
.d-1of6 {
float: left;
width: 16.6666666667%
}
.d-1of7 {
float: left;
width: 14.2857142857%
}
.d-2of7 {
float: left;
width: 28.5714286%
}
.d-3of7 {
float: left;
width: 42.8571429%
}
.d-4of7 {
float: left;
width: 57.1428572%
}
.d-5of7 {
float: left;
width: 71.4285715%
}
.d-6of7 {
float: left;
width: 85.7142857%
}
.d-1of8 {
float: left;
width: 12.5%
}
.d-1of9 {
float: left;
width: 11.1111111111%
}
.d-1of10 {
float: left;
width: 10%
}
.d-1of11 {
float: left;
width: 9.09090909091%
}
.d-1of12 {
float: left;
width: 8.33%
}
}
.btn {
transition: all .2s ease-in-out;
background: none;
border: 0;
cursor: pointer;
display: block;
display: inline-block;
font-family: "Tungsten", sans-serif;
font-size: 1.4rem;
font-weight: bold;
padding: 1.7rem 3rem;
position: relative;
text-align: center
}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea, .field {
transition: all .2s ease-in-out;
background: rgba(255,255,255,0.12);
border: 0;
box-shadow: none;
color: #fff;
display: block;
font-size: 1.6rem;
height: 6rem;
padding: 0 3rem;
vertical-align: middle;
width: 100%
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus, .field:focus {
background-color: rgba(255,255,255,0.24);
outline: 0
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0
}
textarea {
height: 18rem;
resize: vertical;
padding: 2rem 3rem
}
select::-ms-expand {
display:none
}
form .col {
margin-bottom: 1rem
}
@media (min-width: 768px) {
form .col {
margin-bottom: 3rem
}
}
@media (min-width: 768px) {
form .row.triple {
margin: 0 -1.5rem
}
}
@media (min-width: 768px) {
form .row.triple>.col {
float: left;
width: 33.33%;
padding: 0 1.5rem
}
}
@media (min-width: 768px) {
form .row.triple p {
float: right;
max-width: 23rem;
margin: 0.5em
}
}
form p {
color: rgba(255,255,255,0.4) !important;
font-size: 1.4rem;
line-height: 1.71;
margin: 0
}
@media (max-width: 767px) {
form p {
margin: 2rem 0
}
}
@media (min-width: 768px) {
form p {
text-align: right
}
}
form .btn {
display: block;
width: 100%;
text-align: left
}
span.wpcf7-list-item {
display: block;
margin: 0
}
::-webkit-input-placeholder {
color:#fff;
opacity:1
}
::-moz-placeholder {
color:#fff;
opacity:1
}
:-ms-input-placeholder {
color:#fff
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: -webkit-transform, -webkit-transform;
transition-property: transform, -webkit-transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: linear;
margin: 0 auto
}
.swiper-slide {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: -webkit-transform, -webkit-transform;
transition-property: transform, -webkit-transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
transition-property: height, -webkit-transform;
transition-property: -webkit-transform, height;
transition-property: transform, height;
transition-property: -webkit-transform, height, -webkit-transform;
transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0,0,0,0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0,0,0,0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0,0,0,0.5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent)
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-prev, .swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
background: #313131
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
background: #5e5e5e
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms top, 200ms -webkit-transform;
transition: 200ms -webkit-transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms -webkit-transform, 200ms top, 200ms -webkit-transform;
transition: 200ms transform, 200ms top, 200ms -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 0.5rem 0 0.5rem
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms left, 200ms -webkit-transform;
transition: 200ms -webkit-transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms -webkit-transform, 200ms left, 200ms -webkit-transform;
transition: 200ms transform, 200ms left, 200ms -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0,0,0,0.25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255,255,255,0.25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0,0,0,0.25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0,0,0,0.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0,0,0,0.5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: linear
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
* {
box-sizing: border-box
}
html, body {
height: 100%
}
html {
font-size: 62.5%
}
body {
background-color: #080808;
font-family: "Roboto Mono", monospace;
color: #ededed;
font-size: 1.6rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
body.opened-menu {
overflow: hidden
}
a {
color: #b52b2b;
transition: all .2s ease-in-out
}
a:focus {
outline: 0
}
a:hover {
color: #8c2121;
text-decoration: none
}
img {
max-width: 100%;
height: auto
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-transform: uppercase;
font-family: "Tungsten", sans-serif
}
h1, .h1 {
font-size: 6rem
}
h2, .h2 {
font-size: 1.8rem;
margin: 4rem 0;
padding-top: 4rem;
border-top: 1px dotted #767676;
font-weight: normal
}
p, li {
font-size: 1.5rem;
line-height: 1.6
}
em {
font-style: normal;
color: #b52b2b
}
#container {
overflow: hidden;
opacity: 0;
transition: opacity .2s ease-in-out
}
#container.loaded {
opacity: 1
}
.wrap {
padding: 2rem 0;
max-width: 876px
}
@media (min-width: 768px) {
.wrap {
padding: 6rem 0
}
}
@media (min-width: 1024px) {
.wrap {
padding: 9rem
}
}
.header {
border-bottom: 1px solid rgba(255,255,255,0.1);
background-color: #b52b2b;
padding: 1rem 2rem;
position: fixed;
width: 100%;
z-index: 5
}
@media (min-width: 1024px) {
.page-about .header, .page-homepage .header, .page-generace-00 .header, .page-news .header {
background-color: transparent
}
}
@media (min-width: 1024px) {
.header {
left: 0;
position: fixed;
top: 0;
z-index: 100;
width: 18.75%;
height: 100%;
padding: 7rem 0 0 9rem
}
}
.header h1 {
margin: 0
}
.header h1 img {
width: 10rem;
display: block
}
.header nav {
position: fixed;
right: 0;
top: 0;
display: none;
background-color: #b52b2b;
width: 100%;
height: 100%;
padding: 2rem
}
@media (min-width: 1024px) {
.header nav {
display: block !important;
right: 8rem;
top: 7rem;
background-color: transparent;
width: auto;
height: auto;
padding: 0
}
}
.header nav ul {
margin: 0
}
@media (min-width: 1024px) {
.header nav li {
float: left;
margin-left: 6rem
}
}
.header nav a {
color: #fff;
font-family: "Tungsten", sans-serif;
text-transform: uppercase;
font-size: 2.8rem;
text-decoration: none
}
@media (min-width: 768px) {
.header nav a {
font-size: 4.8rem
}
}
@media (min-width: 1024px) {
.header nav a {
font-size: 1.8rem
}
}
.header nav a:hover {
text-decoration: underline
}
@media (min-width: 1024px) {
.header .primary-menu {
margin: 0;
float: left
}
}
@media (min-width: 1024px) {
.header .language-chooser {
float: right;
margin: 0
}
}
.header .language-chooser .active {
display: none
}
.menu-opener {
display: block;
position: absolute;
top: 2.7rem;
height: 24px;
right: 2rem;
cursor: pointer;
z-index: 15
}
@media (min-width: 1024px) {
.menu-opener {
display: none
}
}
.menu-opener span {
display: block;
width: 28px;
height: 3px;
top: 0;
background-color: #fff;
position: relative;
transition: all .2s ease-in-out
}
.menu-opener span:after, .menu-opener span:before {
display: block;
width: 28px;
height: 3px;
background-color: #fff;
content: '';
left: 0;
position: absolute
}
.menu-opener span:before {
top: 8px;
transition: all .2s ease-in-out
}
.menu-opener span:after {
top: 16px;
transition: all .2s ease-in-out
}
.menu-opener.opened span {
height: 3px;
width: 28px;
top: 8px;
right: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%
}
.menu-opener.opened span:before {
opacity: 0
}
.menu-opener.opened span:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
height: 3px;
width: 28px;
top: 0
}
#main {
padding: 7.4rem 2rem 2rem
}
@media (max-width: 1023px) {
.page-homepage #main {
padding-left: 0;
padding-right: 0
}
}
@media (min-width: 1024px) {
#main {
padding: 0 0 0 18.75%
}
.page-splash-screen #main {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg.jpg) 100% 0% no-repeat;
background-size: 50% auto;
background-attachment: fixed
}
.page-homepage #main {
padding: 0
}
}
.page-splash-screen #main h2:first-child {
border: 0;
padding-top: 0;
margin-top: 0
}
.page-homepage .video-floor {
height: 100vh;
position: relative;
overflow: hidden
}
.page-homepage .video-wrap {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%
}
.page-homepage .video-js {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
min-height: 50%;
min-width: 50%
}
.page-homepage .vjs-big-play-button {
display: none
}
.page-homepage .vjs-poster {
transition: opacity .2s ease-in-out;
cursor: default
}
.page-homepage .vjs-has-started .vjs-poster {
display: inline-block;
opacity: 0
}
.page-homepage .vjs-paused .vjs-poster {
opacity: 1
}
.page-homepage .featured-floor {
background-color: #b52b2b;
position: relative;
padding: 2rem 2rem 0
}
@media (min-width: 768px) {
.page-homepage .featured-floor {
padding: 8rem 16.66% 5rem
}
}
.page-homepage .featured-floor h2 {
border: 0;
padding: 0;
margin: 0 0 2rem
}
@media (min-width: 768px) {
.page-homepage .featured-floor h2 {
margin: 0 0 7rem
}
}
.page-homepage .featured-floor ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.page-homepage .featured-floor ul li {
margin: 0 1rem 2rem
}
@media (min-width: 768px) {
.page-homepage .featured-floor ul li {
margin: 0 5rem 5rem
}
}
.page-homepage .testimonial-floor {
background: #080808 url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-testimonials.jpg) no-repeat;
background-size: cover;
background-position: 50%;
background-attachment: fixed;
position: relative;
padding: 2rem
}
@media (min-width: 768px) {
.page-homepage .testimonial-floor {
padding: 9rem 10%
}
}
@media (min-width: 1024px) {
.page-homepage .testimonial-floor {
padding: 23rem 25%
}
}
.page-homepage .testimonial-floor .swiper-pagination {
width: 8rem;
bottom: auto;
top: 50%;
text-align: center
}
.page-homepage .testimonial-floor .testimonial-icon {
width: 8rem;
margin-bottom: ěrem
}
@media (min-width: 768px) {
.page-homepage .testimonial-floor .testimonial-icon {
position: absolute;
left: 0;
top: 0
}
}
.page-homepage .testimonial-floor .testimonial-icon img {
width: 8rem
}
.page-homepage .testimonial-floor .testimonial-content {
position: relative
}
@media (min-width: 768px) {
.page-homepage .testimonial-floor .testimonial-content:before {
content: '“';
position: absolute;
font-family: "Tungsten", sans-serif;
font-size: 6rem;
color: #fff;
left: 37.5%;
top: -1rem
}
}
@media (min-width: 768px) {
.page-homepage .testimonial-floor .testimonial-content {
padding-left: 50%
}
}
.page-homepage .testimonial-floor .testimonial-content p {
margin: 0;
font-family: "Tungsten", sans-serif;
text-transform: uppercase
}
.page-homepage .testimonial-floor .testimonial-content .testimonial-author {
font-size: 1.8rem;
margin-top: 1em
}
.page-homepage .testimonial-floor .testimonial-content .testimonial-claim {
font-weight: bold;
font-size: 6rem;
line-height: 1
}
.page-homepage-old .swiper-container, .page-intro .swiper-container {
pointer-events: none
}
.page-homepage-old .slide, .page-intro .slide {
height: 77vh;
position: relative;
background: #080808
}
.page-homepage-old .slide .slide-bg, .page-intro .slide .slide-bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: 50% 50% no-repeat;
background-size: cover;
opacity: 0.4;
transition: opacity 5s ease-in-out
}
.page-homepage-old .slide .slide-video, .page-intro .slide .slide-video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.page-homepage-old .slide .slide-video video, .page-intro .slide .slide-video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.page-homepage-old .slide.swiper-slide-active .slide-bg, .page-homepage-old .slide.swiper-slide-duplicate-active .slide-bg, .page-intro .slide.swiper-slide-active .slide-bg, .page-intro .slide.swiper-slide-duplicate-active .slide-bg {
opacity: 0.8
}
.page-homepage-old .homeslider-nav, .page-intro .homeslider-nav {
position: absolute;
left: 0;
bottom: 0;
font-family: "Tungsten", sans-serif;
width: 100%;
z-index: 100;
margin: 0
}
.page-homepage-old .homeslider-nav li, .page-intro .homeslider-nav li {
font-size: 1.8rem
}
@media (min-width: 768px) {
.page-homepage-old .homeslider-nav li, .page-intro .homeslider-nav li {
float: left;
width: 25%;
text-align: center
}
}
.page-homepage-old .homeslider-nav li a, .page-intro .homeslider-nav li a {
color: rgba(255,255,255,0.5);
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 6vh 0
}
.page-homepage-old .homeslider-nav li a.active, .page-intro .homeslider-nav li a.active {
color: #fff
}
.page-homepage-old .homeslider-content, .page-intro .homeslider-content {
position: absolute;
z-index: 100;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
left: 28%;
text-align: center
}
.page-homepage-old .homeslider-content>li, .page-intro .homeslider-content>li {
position: absolute;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
left: 50%;
opacity: 0;
pointer-events: none;
transition: opacity .2s ease-in-out;
border-top: 1px solid #fff;
padding-top: 3rem
}
@media (min-width: 768px) {
.page-homepage-old .homeslider-content>li, .page-intro .homeslider-content>li {
width: 45rem
}
}
.page-homepage-old .homeslider-content>li.active, .page-intro .homeslider-content>li.active {
opacity: 1;
pointer-events: all
}
.page-homepage-old .homeslider-content .slide-links, .page-intro .homeslider-content .slide-links {
border-bottom: 1px solid #fff;
margin-top: 3rem;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x
}
.page-homepage-old .homeslider-content .slide-links>li, .page-intro .homeslider-content .slide-links>li {
padding: 1rem 0
}
@media (min-width: 768px) {
.page-homepage-old .homeslider-content .slide-links>li, .page-intro .homeslider-content .slide-links>li {
float: left;
width: 50%
}
.page-homepage-old .homeslider-content .slide-links>li:first-child a, .page-intro .homeslider-content .slide-links>li:first-child a {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line-ver.png) 100% 0 repeat-y
}
}
.page-homepage-old .homeslider-content .slide-links>li a, .page-intro .homeslider-content .slide-links>li a {
display: block;
padding: 1rem 0;
color: #fff;
text-decoration: none
}
.page-homepage-old .homeslider-content p, .page-intro .homeslider-content p {
font-family: "Tungsten", sans-serif;
margin: 0;
text-transform: uppercase;
white-space: nowrap
}
.page-homepage-old .homeslider-content .slide-heading, .page-intro .homeslider-content .slide-heading {
font-size: 1.8rem
}
.page-homepage-old .homeslider-content .slide-content p, .page-intro .homeslider-content .slide-content p {
font-size: 6rem;
font-weight: bold;
line-height: 1
}
@media (min-width: 1024px) {
.contact-wrap {
width: 45rem;
position: absolute;
top: 50%;
border-top: 1px solid #b52b2b;
border-bottom: 1px solid #b52b2b;
z-index: 5
}
}
.contact-wrap .contact-head {
text-align: center;
padding: 3.5rem 0
}
.contact-wrap .contact-head p, .contact-wrap .contact-head h1 {
margin: 0
}
.contact-wrap .contact-head p {
text-transform: uppercase;
font-family: "Tungsten", sans-serif;
font-size: 1.8rem
}
.contact-wrap .contact-rows {
margin: 0
}
.contact-wrap .contact-rows>li {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x;
padding: 2.4rem 0 2.4rem 6rem;
position: relative
}
.contact-wrap .contact-rows>li i {
position: absolute;
left: 0;
top: 2.4rem;
display: block;
height: 3.1rem;
padding: 0.4rem 1.8rem 0.4rem 0;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line-ver.png) 100% 0 repeat-y
}
.contact-wrap .contact-rows>.row-description {
padding: 3.5rem 4rem
}
.contact-wrap .contact-rows p, .contact-wrap .contact-rows ul {
margin: 0
}
.img-stamp {
position: fixed;
margin: -7rem 0 0 -7rem;
z-index: 105;
width: 14rem;
pointer-events: none;
-webkit-animation: rotate 20s infinite linear reverse;
animation: rotate 20s infinite linear reverse;
display: none
}
@media (min-width: 1024px) {
.img-stamp {
display: block
}
}
.page-intro #container, .page-intro #main, .page-intro .swiper-container {
height: 100%
}
.page-intro .img-stamp {
left: 9.375%;
top: 40%;
-webkit-animation: rotate 20s infinite linear reverse;
animation: rotate 20s infinite linear reverse
}
@media (min-width: 1024px) {
.page-intro #main {
padding-right: 8.5%
}
}
@media (min-width: 1024px) {
.page-contact #container, .page-contact #main, .page-where #container, .page-where #main, .page-intro #container, .page-intro #main {
height: 100%
}
}
.page-about #main>div {
position: relative
}
@media (min-width: 768px) {
.page-about #main>div:before {
height: 100%;
width: 23.0775%;
content: '';
left: -23.0775%;
position: absolute;
top: 0
}
}
.page-about .img-stamp {
left: 8%;
top: 40%
}
.page-about .line-red {
background-color: #b52b2b
}
@media (max-width: 1023px) {
.page-about .line-red {
margin: 0 -2rem;
padding: 2rem
}
}
.page-about h1 {
font-size: 1.8rem;
font-weight: normal
}
.page-about h2 {
border: 0;
font-size: 6rem;
font-weight: bold;
padding: 0
}
.page-about .about-intro {
background-repeat: no-repeat;
background-size: 35% auto;
background-position: 42% 50%;
background-attachment: fixed
}
.page-about .about-intro header {
border-top: 1px solid #b52b2b;
padding-top: 1rem
}
.page-about .about-intro:before {
background-color: #b52b2b
}
.page-about .about-intro h2 {
margin-top: 0
}
@media (min-width: 768px) {
.page-about .about-intro {
padding: 10rem 12rem;
margin: 0 -2rem
}
}
@media (min-width: 1024px) {
.page-about .about-intro {
padding: 28rem 15% 20rem 30%;
margin: 0
}
}
.page-about .about-intro p {
text-indent: 4rem
}
@media (min-width: 768px) {
.page-about .about-intro p {
padding-left: 23%
}
}
.page-about .about-main:before {
background-color: #b52b2b
}
@media (min-width: 768px) {
.page-about .about-main {
padding: 10rem 12rem
}
}
@media (min-width: 1024px) {
.page-about .about-main {
padding: 14rem 15% 14rem 0
}
}
.page-about .about-main .about-main-content {
position: relative
}
@media (min-width: 1024px) {
.page-about .about-main .about-main-content {
width: 36%
}
}
@media (min-width: 768px) {
.page-about .about-main .about-main-content .sec-img {
margin: 0 0 -8rem -50%;
width: 100%;
position: absolute
}
.page-about .about-main .about-main-content .sec-img img {
width: 100%
}
}
.page-about .about-main .about-media h2 {
font-size: 1.8rem;
padding: 2rem 0 0;
margin-bottom: 6rem;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x
}
.page-about .about-main .about-media ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-about .about-main .about-media ul>li {
margin-right: 5rem
}
@media (min-width: 1024px) {
.page-about .about-main .about-media {
width: 36%;
margin-left: 27%
}
}
.page-about .about-main p {
text-indent: 4rem
}
.page-about .map-section h2 {
border-top: 1px solid #b52b2b;
position: relative;
color: #b52b2b
}
@media (max-width: 1023px) {
.page-about .map-section h2 {
text-align: center
}
}
@media (min-width: 768px) {
.page-about .map-section h2 {
margin: 0 0 10rem
}
}
.page-about .map-section h2 span {
display: inline-block;
padding: 3.5rem 0;
border-bottom: 1px solid #4d1b1b
}
@media (min-width: 768px) {
.page-about .map-section {
padding: 10rem 12rem
}
}
@media (min-width: 1024px) {
.page-about .map-section {
padding: 14rem 23% 14rem 0
}
}
.page-about .map-section .map-control {
text-align: center;
border: 1px solid #b52b2b;
padding: 5px;
margin: 0 0 7rem
}
@media (min-width: 768px) {
.page-about .map-section .map-control {
display: inline-block
}
}
@media (min-width: 768px) {
.page-about .map-section .map-control>li {
display: inline-block
}
}
.page-about .map-section .map-control a {
display: block;
padding: 1.5rem;
min-width: 22rem;
color: #b52b2b;
text-decoration: none
}
.page-about .map-section .map-control a.active {
color: #fff;
background-color: #b52b2b;
cursor: default
}
.page-about .map-section .map-control a:hover {
color: #fff
}
@media (max-width: 1023px) {
.page-about .map-section .map-tabs {
margin-bottom: 2rem
}
}
.page-about .map-section .map-tabs>div {
display: none
}
.page-about .map-section .map-tabs>div.active {
display: block
}
.page-about .map-section .map-legend {
margin: 7rem 0 2.5rem;
padding: 4rem 0 0;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x
}
.page-about .map-section .map-legend>li {
margin-bottom: 2.5rem
}
.page-about .map-section .map-legend>li:last-child {
margin: 0
}
.page-about .map-section .map-legend .legend-header {
width: 16rem;
display: inline-block;
font-family: "Tungsten", sans-serif;
font-size: 1.8rem;
text-transform: uppercase;
position: relative;
padding-left: 3rem
}
.page-about .map-section .map-legend .legend-header span {
width: 1rem;
height: 1rem;
content: '';
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5rem
}
.page-about .map-section .map-legend .legend-description {
display: block;
font-size: 1.5rem
}
@media (min-width: 1024px) {
.page-about .map-section .map-legend .legend-description {
display: inline-block;
width: calc(100% - 16rem)
}
}
.page-about .about-parts h2 {
padding-top: 3rem;
color: #080808;
border-top: 1px solid #080808;
margin: 0 0 7rem
}
.page-about .about-parts:before {
background-color: #b52b2b
}
@media (min-width: 768px) {
.page-about .about-parts {
padding: 10rem 12rem
}
}
@media (min-width: 1024px) {
.page-about .about-parts {
padding: 16rem 15% 18rem 30%
}
}
.page-about .about-parts h3 {
color: #080808;
font-weight: normal;
font-size: 1.8rem
}
.page-about .about-parts h3+p {
text-indent: 4rem
}
.page-about .about-parts .parts-floors {
border-bottom: 1px dashed #d88e8e
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors {
padding-bottom: 24rem
}
}
.page-about .about-parts .parts-floors>li {
position: relative;
margin-bottom: 7vw
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors>li:nth-child(1) {
padding-left: 42%
}
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors>li:nth-child(1) .sec-img {
left: 50%;
top: 0
}
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors>li:nth-child(2) {
padding-left: 42%
}
}
@media (min-width: 1024px) {
.page-about .about-parts .parts-floors>li:nth-child(2) {
padding-right: 42%;
padding-left: 0
}
}
.page-about .about-parts .parts-floors>li:nth-child(2) .sec-img {
left: -125%;
top: -5rem
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors>li:nth-child(3) {
padding-left: 42%
}
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors>li:nth-child(3) .sec-img {
left: -125%;
top: 100%
}
}
.page-about .about-parts .parts-floors .sec-img {
width: 100%
}
@media (min-width: 768px) {
.page-about .about-parts .parts-floors .sec-img {
position: absolute
}
}
.page-about .about-parts .about-people {
padding-top: 2rem
}
.page-about .about-parts .about-people strong {
display: block;
font-family: "Tungsten", sans-serif;
font-weight: normal;
text-transform: uppercase;
font-size: 1.8rem;
margin: 5rem 0 3rem
}
.page-news {
background-color: #b52b2b
}
.page-news hr { 
height:0; 
border:0; 
border-top:1px solid #141414; 
}
.page-news #main>div {
position: relative
}
@media (min-width: 768px) {
.page-news #main>div:before {
height: 100%;
width: 23.0775%;
content: '';
left: -23.0775%;
position: absolute;
top: 0
}
}
.page-news .img-stamp {
left: 8%;
top: 40%
}
.page-news .line-red {
background-color: #b52b2b
}
@media (max-width: 1023px) {
.page-news .line-red {
margin: 0 -2rem;
padding: 2rem
}
}
.page-news h1 {
font-size: 1.8rem;
font-weight: normal
}
.page-news h2 {
text-align: left;
border: 0;
color: #1F1F1F;
font-size: 5rem;
font-weight: bold;
padding: 0
}
.page-news h3 {
text-align: left;
border: 0;
color: #1F1F1F;
font-size: 6rem;
font-weight: bold;
padding: 0
}
.page-news p {
color: #1F1F1F;   
}
.page-news a {
color: #fff;   
}
.page-news em {
color: #000;
font-style: italic
}
.page-news .news-intro {
background-repeat: no-repeat;
background-size: 16% auto;
background-position: 27% 30%;
background-attachment: fixed
}
.page-news .news-intro header {
border-top: 1px solid #000000;
padding-top: 1rem
}
.page-news .news-intro:before {
background-color: #000000
}
.page-news .news-intro h2 {
margin-top: 0
}
@media (min-width: 768px) {
.page-news .news-intro {
padding: 10rem 12rem;
margin: 0 -2rem
}
}
@media (min-width: 1024px) {
.page-news .news-intro {
padding: 18rem 15% 20rem 30%;
margin: 0
}
}
.page-news .news-intro p {
text-indent: 4rem
}
@media (min-width: 768px) {
.page-news .news-intro p {
padding-left: 23%
}
}
.page-news .news-main:before {
background-color: #b52b2b
}
@media (min-width: 768px) {
.page-news .news-main {
padding: 10rem 12rem
}
}
@media (min-width: 1024px) {
.page-news .news-main {
padding: 14rem 15% 14rem 0
}
}
.page-news .news-main .news-main-content {
position: relative
}
@media (min-width: 1024px) {
.page-news .news-main .news-main-content {
width: 36%
}
}
@media (min-width: 768px) {
.page-news .news-main .news-main-content .sec-img {
margin: 0 0 -8rem -50%;
width: 100%;
position: absolute
}
.page-news .news-main .news-main-content .sec-img img {
width: 100%
}
}
.page-news .news-main .news-media h2 {
font-size: 1.8rem;
padding: 2rem 0 0;
margin-bottom: 6rem;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x
}
.page-news .news-main .news-media ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-news .news-main .news-media ul>li {
margin-right: 5rem
}
@media (min-width: 1024px) {
.page-news .news-main .news-media {
width: 36%;
margin-left: 27%
}
}
.page-news .news-main p {
text-indent: 4rem
}
.page-generace-00 #main>div {
position: relative
}
@media (min-width: 768px) {
.page-generace-00 #main>div:before {
height: 100%;
width: 23.0775%;
content: '';
left: -23.0775%;
position: absolute;
top: 0
}
}
.page-generace-00 .img-stamp {
left: 8%;
top: 40%
}
.page-generace-00 .line-red {
background-color: #b52b2b
}
@media (max-width: 1023px) {
.page-generace-00 .line-red {
margin-top: 0;
margin-right: -2rem;
margin-bottom: 0;
padding: 2rem
}
}
.page-generace-00 h1 {
font-size: 1.8rem;
font-weight: normal
}
.page-generace-00 h2 {
border: 0;
font-size: 6rem;
font-weight: bold;
padding: 0;
float: right;
}
.page-generace-00 .about-intro {
background-repeat: no-repeat;
background-size: 35% auto;
background-position: 42% 50%;
background-attachment: fixed
}
.page-generace-00 .about-intro header {
border-top: 1px solid #b52b2b;
padding-top: 110px;
}
.page-generace-00 .about-intro:before {
background-color: #b52b2b
}
.page-generace-00 .about-intro h2 {
margin-top: -100px;
}
@media (min-width: 768px) {
.page-generace-00 .about-intro {
padding: 10rem 12rem;
margin: 0 -2rem
}
}
@media (min-width: 1024px) {
.page-generace-00 .about-intro {
padding: 28rem 15% 20rem 30%;
margin: 0
}
}
.page-generace-00 .about-intro p {
text-indent: 4rem
}
@media (min-width: 768px) {
.page-generace-00 .about-intro p {
padding-left: 23%
}
}
.page-generace-00 .about-main:before {
background-color: #b52b2b
}
@media (min-width: 768px) {
.page-generace-00 .about-main {
padding: 10rem 12rem
}
}
@media (min-width: 1024px) {
.page-generace-00 .about-main {
padding: 14rem 15% 14rem 0
}
}
.page-generace-00 .about-main .about-main-content {
position: relative
}
@media (min-width: 1024px) {
.page-generace-00 .about-main .about-main-content {
width: 36%
}
}
@media (min-width: 768px) {
.page-generace-00 .about-main .about-main-content .sec-img {
margin: 0 0 -8rem -50%;
width: 100%;
position: absolute
}
.page-generace-00 .about-main .about-main-content .sec-img img {
width: 100%
}
}
.page-generace-00 .about-main .about-media h2 {
font-size: 1.8rem;
padding: 2rem 0 0;
margin-bottom: 6rem;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x
}
.page-generace-00 .about-main .about-media ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.page-generace-00 .about-main .about-media ul>li {
margin-right: 5rem
}
@media (min-width: 1024px) {
.page-generace-00 .about-main .about-media {
width: 36%;
margin-left: 27%
}
}
.page-generace-00 .about-main p {
text-indent: 4rem
}
.page-contact #main {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-contact.gif) 35rem 100% no-repeat;
background-size: auto 75%
}
@media (max-width: 1023px) {
.page-contact #main {
background-position: 50% 50%
}
}
@media (min-width: 1024px) {
.page-contact .contact-wrap {
right: 12.5%;
width: 31.25%;
-webkit-transform: translateY(-40%);
-ms-transform: translateY(-40%);
transform: translateY(-40%)
}
}
.page-contact .img-stamp {
top: 40%;
left: 8%
}
@media (min-width: 1024px) {
.page-where .header {
background: transparent
}
}
@media (min-width: 1024px) {
.page-where .contact-wrap {
left: 12.5%;
width: 31.25%;
-webkit-transform: translateY(-60%);
-ms-transform: translateY(-60%);
transform: translateY(-60%)
}
}
.page-where .map-wrap {
height: 40rem;
position: relative;
margin: 0 -2rem
}
@media (min-width: 1024px) {
.page-where .map-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
margin: 0;
height: 100%
}
}
.page-where #map {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.where-footer {
background-color: #b52b2b;
padding: 2rem
}
@media (max-width: 1023px) {
.where-footer {
margin: 0 -2rem -2rem
}
}
@media (min-width: 1024px) {
.where-footer {
position: absolute;
left: 0;
bottom: 0;
padding: 6vh 7rem;
margin: 0;
width: 100%
}
}
.page-homepage .where-footer {
position: relative
}
@media (max-width: 1023px) {
.page-homepage .where-footer {
padding: 2rem 4rem
}
}
@media (min-width: 768px) {
.page-homepage .where-footer li {
float: right
}
}
@media (max-width: 767px) {
.page-homepage .where-footer li.col-hours {
padding-left: 0
}
}
@media (min-width: 768px) {
.page-homepage .where-footer li.col-hours {
float: left
}
}
.where-footer li {
padding-left: 6rem;
position: relative;
text-transform: uppercase;
font-family: "Tungsten", sans-serif;
font-size: 1.8rem;
margin-bottom: 2rem
}
.where-footer li:last-child {
margin-bottom: 0
}
@media (min-width: 768px) {
.where-footer li {
float: left;
margin: 0 10rem 0 0
}
}
.where-footer li i {
position: absolute;
left: 0;
top: 0;
display: block;
height: 3.1rem;
padding: 0.4rem 1.8rem 0.4rem 0;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line-ver.png) 100% 0 repeat-y;
width: 4.5rem
}
@media (min-width: 768px) {
.where-footer li i {
width: auto
}
}
.where-footer li i.ico-metro {
font-size: 1.6em
}
.where-footer li i.ico-metro:before {
position: relative;
top: -0.33em
}
.page-visitor-info {
background-color: #131313
}
@media (min-width: 1024px) {
.page-visitor-info .header {
background: transparent
}
}
.page-visitor-info .img-stamp {
left: 8%;
top: 40%
}
.info-floors {
margin: 0 -2rem;
counter-reset: counter
}
@media (min-width: 1024px) {
.info-floors {
margin: 0 0 12rem
}
}
.info-floors .info-floor {
padding: 2rem
}
@media (min-width: 768px) {
.info-floors .info-floor {
padding: 10rem 12rem
}
}
@media (min-width: 1024px) {
.info-floors .info-floor {
padding: 12rem 15% 0 30%
}
}
.info-floors .info-floor h2 {
font-size: 6rem;
font-weight: bold;
line-height: 1.1;
color: #b52b2b;
border-top: 1px solid #b52b2b;
margin: 0;
padding: 0.4em 0 0;
position: relative
}
.info-floors .info-floor h2:before {
content: counter(counter, upper-roman);
counter-increment: counter
}
@media (max-width: 1023px) {
.info-floors .info-floor h2:before {
display: block
}
}
@media (min-width: 1024px) {
.info-floors .info-floor h2:before {
padding: 0 2rem 0rem;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line-red.png) 0 100% repeat-x
}
}
@media (min-width: 1024px) {
.info-floors .floor-content {
padding: 0 0 0 43%
}
}
.info-floors .floor-content p:first-child {
text-indent: 2.5em
}
.info-floors .info-floor-01 {
background: #b52b2b url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-floor-01.jpg) 10% 50% no-repeat;
background-size: 20rem auto;
color: #080808
}
@media (min-width: 768px) {
.info-floors .info-floor-01 {
padding-top: 24rem;
padding-bottom: 2rem
}
}
.info-floors .info-floor-01 h2 {
color: #080808;
border-color: #080808
}
@media (min-width: 1024px) {
.info-floors .info-floor-01 h2 {
text-align: right
}
}
@media (min-width: 1024px) {
.info-floors .info-floor-01 h2:before {
float: left;
background: none;
padding: 0
}
}
.info-floors .info-floor-01 strong {
color: #fff;
display: block;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x;
margin-top: 1rem;
padding-top: 1rem
}
.info-floors .info-floor-01 p {
margin: 0
}
.info-floors .info-floor-01 br {
display: none
}
.info-floors .info-floor-01 em {
color: #fff;
float: right
}
.info-floors .info-floor-01 .floor-content {
padding: 0
}
.info-floors .info-floor-01 .floor-content>p:first-child {
text-indent: 0
}
.info-floors .info-floor-01 .floor-content>p:first-child strong {
background: none
}
.info-floors .info-floor-01 .floor-footer {
background: none;
border-top: 1px solid #080808;
margin-top: rem
}
.info-floors .info-floor-02 h2, .info-floors .info-floor-04 h2 {
margin: 0 0 0.66em
}
@media (min-width: 1024px) {
.info-floors .info-floor-02 h2:before, .info-floors .info-floor-04 h2:before {
float: right
}
}
@media (min-width: 1024px) {
.info-floors .info-floor-03 h2, .info-floors .info-floor-05 h2 {
text-align: right
}
}
@media (min-width: 1024px) {
.info-floors .info-floor-03 h2:before, .info-floors .info-floor-05 h2:before {
float: left
}
}
@media (min-width: 768px) {
.info-floors .info-floor-02, .info-floors .info-floor-03, .info-floors .info-floor-04, .info-floors .info-floor-05 {
padding-top: 3rem;
padding-bottom: 2rem
}
}
@media (min-width: 768px) {
.info-floors .info-floor-05 {
padding-bottom: 0rem
}
}
.info-floors .info-floor-02 {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-floor-02.png) 3% 80% no-repeat;
background-size: 32rem auto
}
.info-floors .info-floor-03 {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-floor-03.jpg) 3% 50% no-repeat;
background-size: 36rem auto
}
.info-floors .info-floor-04 {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-floor-04.png) 4% 50% no-repeat;
background-size: 36rem auto
}
.info-floors .info-floor-05 {
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/bg-floor-05.jpg) 4% 50% no-repeat;
background-size: 36rem auto
}
.floor-footer {
position: relative;
padding: 2.5rem 0 2.5rem 6rem;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line.png) 0 0 repeat-x;
margin-top: 4rem
}
.floor-footer i {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
height: 3.1rem;
color: #fff;
padding: 0.4rem 1.8rem 0.4rem 0;
background: url(//muzeumkomunismu.cz/wp-content/themes/museum/library/images/img-line-ver.png) 100% 0 repeat-y
}
.floor-footer p {
font-size: 1.8rem;
font-family: "Tungsten", sans-serif;
color: #fff;
text-transform: uppercase;
margin: 0
}
.lang-wrap {
position: absolute;
right: 2rem;
top: 2.5rem;
text-transform: uppercase;
font-family: "Tungsten", sans-serif;
display: none
}
.page-splash-screen .lang-wrap {
display: block
}
@media (min-width: 768px) {
.lang-wrap {
right: 2rem;
top: 13rem
}
}
@media (min-width: 1024px) {
.lang-wrap {
top: 8.5rem;
right: 9rem
}
}
.lang-wrap ul {
margin: 0
}
.lang-wrap li {
font-size: 1.8rem
}
.lang-wrap a {
color: #fff
}
.lang-wrap .language-chooser>.active {
display: none
}
.footer {
background-color: #b52b2b;
padding: 2rem
}
@media (min-width: 1024px) {
.footer {
padding: 4rem 8.5rem
}
}
.footer p {
color: #080808;
margin: 0
}
.footer p a {
color: #080808
}
.page-about .footer {
background-color: #080808
}
.page-about .footer p {
color: #b52b2b
}
.page-about .footer p a {
color: #b52b2b
}
.page-news .footer {
background-color: #080808
}
.page-news .footer p {
color: #b52b2b
}
.page-news .footer p a {
color: #b52b2b
}
.flex-mobile {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
@media (min-width: 768px) {
.flex-tablet {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
@media (min-width: 1024px) {
.flex-desktop {
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
}
@media (min-width: 768px) {
.col-two {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 768px) {
.col-two>* {
width: 45%
}
}
@media (min-width: 768px) {
.col-three {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (max-width: 767px) {
.col-three>* {
margin-bottom: 5rem
}
.col-three>*:last-child {
margin-bottom: 0
}
}
@media (min-width: 768px) {
.col-three>* {
width: 30%
}
}
@media (min-width: 768px) {
.col-space {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media (min-width: 768px) {
.flex-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
}
@media (min-width: 768px) {
.flex-vcenter {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
}
.mcenter {
text-align: center
}
.mright {
text-align: right
}
.justified p {
text-align: justify
}
.list-inline>li {
display: inline-block
}
.both-margined {
margin-top: 5em;
margin-bottom: 5em
}
.mfloat-left {
float: left
}
.mfloat-right {
float: right
}
.m-none {
display: none
}
@media (min-width: 768px) {
.m-none {
display: block
}
.tfloat-left {
float: left
}
.tfloat-right {
float: right
}
.tcenter {
text-align: center
}
.tright {
text-align: right
}
}
@media (min-width: 1024px) {
.dfloat-left {
float: left
}
.dfloat-right {
float: right
}
}
@media (min-width: 1400px) {
.bdfloat-left {
float: left
}
.bdfloat-right {
float: right
}
}
.relative {
position: relative
}
.hidden-content {
display: none
}
.cf {
zoom: 1	
}
.cf:before, .cf:after {
content: "";
display: table
}
.cf:after {
clear: both
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
33.33% {
-webkit-transform:rotate(120deg);
transform:rotate(120deg)
}
66.66% {
-webkit-transform:rotate(240deg);
transform:rotate(240deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
33.33% {
-webkit-transform:rotate(120deg);
transform:rotate(120deg)
}
66.66% {
-webkit-transform:rotate(240deg);
transform:rotate(240deg)
}
100% {
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}
}
@media print {
* {
background: transparent !important;
color: black !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
-ms-filter: none !important
}
a, a:visited {
color: #444 !important;
text-decoration: underline
}
a:after, a:visited:after {
content: " (" attr(href) ")"
}
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content: ""
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: 0.5cm
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
.sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
display: none
}
}