/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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;
}
/*phu */
@media (min-width:768px) {
  .container {
    width:700px;
  }
}

@media (min-width:992px) {
  .container {
    width:700px;
  }
}

@media (min-width:1200px) {
  .container {
    width:1170px;
  }
}

.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:15px;
  padding-right:15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float:left;
}

.col-xs-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:8.33333333%;
  }
  .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;
  }
}

.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;
}

@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;
  }
}