html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
.znBoxShadow-1,
.znBoxShadow--hov-1:hover {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}
.znBoxShadow-2,
.znBoxShadow--hov-2:hover {
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}
.znBoxShadow-3,
.znBoxShadow--hov-3:hover {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)
}
.znBoxShadow-4,
.znBoxShadow--hov-4:hover {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}
.znBoxShadow-5,
.znBoxShadow--hov-5:hover {
-webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22)
}
.znBoxShadow-6,
.znBoxShadow--hov-6:hover {
-webkit-box-shadow: 0 40px 120px -20px rgba(0, 0, 0, 0.6);
box-shadow: 0 40px 120px -20px rgba(0, 0, 0, 0.6)
}
[class*="znBoxShadow-"] {
z-index: 1
}
[class*="znBoxShadow--hov-"] {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.text-left {
text-align: left
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.zn-trans-zoomin,
.zn-trans-zoomout {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out
}
.zn-trans-zoomin:active,
.zn-trans-zoomin:focus,
.zn-trans-zoomin:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.zn-trans-zoomout:active,
.zn-trans-zoomout:focus,
.zn-trans-zoomout:hover {
-webkit-transform: scale(0.9);
transform: scale(0.9)
}
.zn-trans-fadein {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: .7
}
.zn-trans-fadein:active,
.zn-trans-fadein:focus,
.zn-trans-fadein:hover {
opacity: 1
}
.zn-trans-fadeout {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
opacity: 1
}
.zn-trans-fadeout:active,
.zn-trans-fadeout:focus,
.zn-trans-fadeout:hover {
opacity: .7
}
.collapse {
display: none
}
.collapse.in {
display: block
}
tr.collapse.in {
display: table-row
}
tbody.collapse.in {
display: table-row-group
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0
}
.embed-responsive-16by9 {
padding-bottom: 56.25%
}
.embed-responsive-4by3 {
padding-bottom: 75%
}
.btn.btn--rounded {
border-radius: 3px !important
}
.btn.btn--round {
border-radius: 50px !important
}
.btn.btn--square {
border-radius: 0 !important
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
@media (min-width: 768px) {
.container {
width: 750px
}
}
@media (min-width: 992px) {
.container {
width: 970px
}
}
@media (min-width: 1200px) {
.container {
width: 1752px;
margin-right: 0px;
background-color: rgb(240, 229, 211);
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px
}
.row {
margin-left: -15px;
margin-right: -15px
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 31px;
padding-right: 15px
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media (min-width: 768px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media (min-width: 992px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 0%!important;
}
.col-md-offset-0 {
margin-left: 0
}
}
@media (min-width: 1200px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.col-sm-1-5,
.col-xs-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-sm-24,
.col-xs-24,
.col-md-24,
.col-lg-24 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px
}
.col-xs-1-5 {
width: 20%;
float: left
}
@media (min-width: 768px) {
.col-sm-1-5,
.col-sm-24 {
width: 20%;
float: left
}
}
@media (min-width: 992px) {
.col-md-1-5,
.col-md-24 {
width: 20%;
float: left
}
}
@media (min-width: 1200px) {
.col-lg-1-5,
.col-lg-24 {
width: 20%;
float: left
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.pager:before,
.pager:after {
content: " ";
display: table
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.pager:after {
clear: both
}
.is-animating {
visibility: visible;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
.is-animating.zn-anim-duration--500 {
-webkit-animation-duration: 500ms;
animation-duration: 500ms
}
.is-animating.zn-anim-duration--1000 {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms
}
.is-animating.zn-anim-duration--2000 {
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms
}
@-webkit-keyframes zn-anim-fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zn-anim-fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.zn-anim-fadeIn {
-webkit-animation-name: zn-anim-fadeIn;
animation-name: zn-anim-fadeIn
}
@-webkit-keyframes zn-anim-fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes zn-anim-fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -30%, 0);
transform: translate3d(0, -30%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.zn-anim-fadeInDown {
-webkit-animation-name: zn-anim-fadeInDown;
animation-name: zn-anim-fadeInDown
}
@-webkit-keyframes zn-anim-fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes zn-anim-fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-30%, 0, 0);
transform: translate3d(-30%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.zn-anim-fadeInLeft {
-webkit-animation-name: zn-anim-fadeInLeft;
animation-name: zn-anim-fadeInLeft
}
@-webkit-keyframes zn-anim-fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes zn-anim-fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(30%, 0, 0);
transform: translate3d(30%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.zn-anim-fadeInRight {
-webkit-animation-name: zn-anim-fadeInRight;
animation-name: zn-anim-fadeInRight
}
@-webkit-keyframes zn-anim-fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes zn-anim-fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 30%, 0);
transform: translate3d(0, 30%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.zn-anim-fadeInUp {
-webkit-animation-name: zn-anim-fadeInUp;
animation-name: zn-anim-fadeInUp
}
@-webkit-keyframes zn-anim-bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes zn-anim-bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9)
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.zn-anim-bounceIn {
-webkit-animation-name: zn-anim-bounceIn;
animation-name: zn-anim-bounceIn
}
@-webkit-keyframes zn-anim-zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
@keyframes zn-anim-zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3)
}
50% {
opacity: 1
}
}
.zn-anim-zoomIn {
-webkit-animation-name: zn-anim-zoomIn;
animation-name: zn-anim-zoomIn
}
@-webkit-keyframes zn-anim-flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes zn-anim-flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.zn-anim-flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: zn-anim-flipInX;
animation-name: zn-anim-flipInX
}
@-webkit-keyframes zn-anim-flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes zn-anim-flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.zn-anim-flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: zn-anim-flipInY;
animation-name: zn-anim-flipInY
}
.zn-animateInViewport {
visibility: hidden;
-webkit-animation-name: none;
animation-name: none
}
.zn-spIcon--animFloat .zn-iconIco {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: floatingAnim;
animation-name: floatingAnim;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
@-webkit-keyframes floatingAnim {
from {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
to {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
@keyframes floatingAnim {
from {
-webkit-transform: translateY(-8px);
transform: translateY(-8px)
}
to {
-webkit-transform: translateY(8px);
transform: translateY(8px)
}
}
.zn-bgSource,
.zn-bgSource-overlay,
.zn-bgSource-image,
.zn-bgSource-video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.zn-bgSource-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed
}
.zn-bgSource-overlay {
pointer-events: none
}
@media (max-width: 767px) {
.zn-bgSource-iframe>iframe:not(: only-child) {
display: none
}
}
.zn-bgSource-overlayGloss {
pointer-events: none;
position: absolute;
top: 0;
left: -43%;
background-color: #FFF;
width: 100%;
-webkit-transform: skewX(-55deg);
transform: skewX(-55deg);
height: 100%;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
opacity: .08
}
.zn-videoBg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0
}
.zn-videoBg video,
.zn-videoBg iframe {
display: block;
max-width: none
}
.zn-videoBg video {
width: auto !important;
height: auto !important;
min-width: 100%;
min-height: 100%
}
@media (max-width: 767px) {
.zn-videoBg:not(: only-child) {
display: none
}
}
.zn-videoBg--embed iframe {
top: 50% !important;
left: 50% !important;
-webkit-transform: translateY(-50%) translateX(-50%) scale(1.002);
transform: translateY(-50%) translateX(-50%) scale(1.002)
}
.zn-bgSource-video .zn-videoBg--fadeIn .evb-video-holder {
opacity: 0
}
.zn-bgSource-video .zn-videoBg--fadeIn.is-loaded .evb-video-holder {
-webkit-animation: revealVideo 1s;
animation: revealVideo 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards
}
@-webkit-keyframes revealVideo {
0%,
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes revealVideo {
0%,
50% {
opacity: 0
}
100% {
opacity: 1
}
}
.zn-videoBg-gridOverlay::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: .4;
pointer-events: none
}
.zn-videoBg-gridOverlay.zn-videoBg-gridOverlay--1::after {
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(33%, transparent), color-stop(33%, black), color-stop(66%, black), color-stop(66%, transparent));
background-image: linear-gradient(to right top, transparent 33%, black 33%, black 66%, transparent 66%);
background-size: 3px 3px
}
.zn-videoBg-gridOverlay.zn-videoBg-gridOverlay--2::after {
background-image: radial-gradient(circle, #000 25%, transparent 0%);
background-size: 4px 4px;
opacity: .1
}
.zn-videoBg-gridOverlay.zn-videoBg-gridOverlay--3::after {
opacity: 1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(transparent));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%)
}
.no-csspointerevents .zn-videoBg-gridOverlay::after,
.no-video-overlay .zn-videoBg-gridOverlay::after {
display: none !important
}
.zn-bgSource-poster {
display: none;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0
}
@media (max-width: 767px) {
.zn-bgSource-poster {
display: block
}
}
.zn-videoBg-controls {
display: none
}
@media (min-width: 992px) {
.zn-videoBg-controls {
display: block;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 30px;
right: 50px;
z-index: 3;
width: 50px;
opacity: .1;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in
}
.zn-videoBg-controls[data-position="top-left"] {
right: auto;
left: 50px
}
.zn-videoBg-controls[data-position="top-center"] {
right: auto;
left: 50%;
margin-left: -25px
}
.zn-videoBg-controls[data-position="bottom-right"] {
top: auto;
right: 20px;
bottom: 5px
}
.zn-videoBg-controls[data-position="bottom-left"] {
top: auto;
right: auto;
left: 50px;
bottom: 5px
}
.zn-videoBg-controls[data-position="bottom-center"] {
top: auto;
right: auto;
left: 50%;
bottom: 5px;
margin-left: -25px
}
.zn-videoBg-controls[data-position="middle-right"] {
top: 50%;
margin-top: -25px
}
.zn-videoBg-controls[data-position="middle-left"] {
left: 50px;
right: auto;
top: 50%;
margin-top: -25px
}
.zn-videoBg-controls[data-position="middle-center"] {
left: 50%;
right: auto;
top: 50%;
margin-top: -25px;
margin-left: -25px
}
.zn-videoBg:hover .zn-videoBg-controls,
#page-header:hover .zn-videoBg-controls {
opacity: 1
}
.zn-videoBg-controls a {
width: 50px;
height: 50px;
display: block;
cursor: pointer;
color: #fff;
text-align: center;
line-height: 50px;
text-decoration: none;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
opacity: .5
}
.zn-videoBg-controls .btn-audio {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
.zn-videoBg-controls:hover .btn-audio {
opacity: .7;
visibility: visible;
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.zn-videoBg-controls .btn-toggleplay {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.zn-videoBg-controls .btn-toggleplay .paused:before {
content: "\e073"
}
.zn-videoBg-controls:hover .btn-toggleplay {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
.zn-videoBg-controls a:hover {
opacity: 1
}
.zn-videoBg-controls .btn-audio .kl-icon {
width: 28px;
height: 28px;
line-height: 28px
}
.zn-videoBg-controls .btn-audio .kl-icon:before {
line-height: 29px
}
.zn-videoBg-controls .btn-audio .mute:before {
content: "\e036"
}
}
.zn-bgSource-imageParallax {
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
will-change: transform
}
.zn-bgSource-imageParallax .zn-bgSource-image {
top: 0;
left: 0;
position: relative;
min-width: 100%;
min-height: 100%;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-attachment: initial
}
.zn-bgSource-imageParallax.is-fixed {
left: -100vw;
position: fixed
}
.zn-bgSource-imageParallax.is-fixed.is-visible {
left: 0
}
.zn-bgSource-imageParallax.is-fixed .zn-bgSource-image {
height: 100vh
}
.zn-bgSource-videoModal {
display: block;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 0;
z-index: 99;
color: white;
border: 2px solid currentColor;
border-top: 0;
padding: 0 10px;
border-radius: 0 0 3px 3px;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.15);
font-size: 10px;
font-weight: 700;
font-family: Helvetica, Arial, sans-serif;
vertical-align: middle
}
.zn-bgSource-videoModal:after {
content: attr(data-text);
display: inline-block;
margin-left: 10px
}
.zn-bgSource-videoModal:hover,
.zn-bgSource-videoModal:focus {
color: white
}
.zn-objParallax {
position: relative
}
.zn-objParallax[class*="zn-objParallax--ease"] {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: .6s;
transition-duration: .6s
}
.zn-objParallax--ease-linear {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out
}
.zn-objParallax--ease-quad {
-webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
.zn-objParallax--ease-cubic {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}
.zn-objParallax--ease-quart {
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}
.zn-objParallax--ease-quint {
-webkit-transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1)
}
.object-fit__cover {
-o-object-fit: cover;
object-fit: cover
}
.object-fit__fill {
-o-object-fit: fill;
object-fit: fill
}
.object-fit__contain {
-o-object-fit: contain;
object-fit: contain
}
.object-fit__none {
-o-object-fit: none;
object-fit: none
}
.object-fit__scale-down {
-o-object-fit: scale-down;
object-fit: scale-down
}
.znb-icon {
display: inline-block;
fill: currentColor;
stroke-width: 0;
stroke: currentColor;
height: 1em;
position: relative;
top: -0.0625em;
vertical-align: middle;
width: 1em
}
@media (max-width: 1199px) {
.text-md-left {
text-align: left
}
.text-md-center {
text-align: center
}
.text-md-right {
text-align: right
}
}
@media (max-width: 991px) {
.text-sm-left {
text-align: left
}
.text-sm-center {
text-align: center
}
.text-sm-right {
text-align: right
}
}
@media (max-width: 767px) {
.text-xs-left {
text-align: left
}
.text-xs-center {
text-align: center
}
.text-xs-right {
text-align: right
}
}