@charset "UTF-8";
/* ==========================================================================
	libraries
	========================================================================== */
/*----------  reset
------------------------------------------------------------------------------*/
@import url("https://hello.myfonts.net/count/313ee7");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

html {
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

[hidden] {
  display: none;
}

/*----------  base reset
------------------------------------------------------------------------------*/
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
  color: #222;
}

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}

/*----------  links
------------------------------------------------------------------------------*/
a {
  text-decoration: none;
}

a:focus, a:hover, a:active {
  outline: none;
}

/*----------  typography
------------------------------------------------------------------------------*/
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 0;
}

dfn {
  font-style: italic;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

pre, code, kbd, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 85%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*----------  lists
------------------------------------------------------------------------------*/
nav ul,
nav ol,
ul,
li {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

/*----------  Embedded content
------------------------------------------------------------------------------*/
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}

svg:not(:root) {
  overflow: hidden;
}

/*----------  forms
------------------------------------------------------------------------------*/
figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

label {
  cursor: pointer;
}

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/* Colors for form validity */
input:invalid, textarea:invalid {
  background-color: #f0dddd;
}

input, textarea, select {
  outline: none;
}

/*----------  tables
------------------------------------------------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

/*----------  chrome frame prompt
------------------------------------------------------------------------------*/
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}

/*----------  clearfix
------------------------------------------------------------------------------*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/*----------  variables
------------------------------------------------------------------------------*/
/* ==========================================================================
helpers
	========================================================================== */
/*!
 *  Material Design Iconic Font by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/
 *  License - http://zavoloklom.github.io/material-design-iconic-font/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'Material-Design-Iconic-Font';
  src: url("../fonts/Material-Design-Iconic-Fontd1f1d1f1.woff2?v=2.2.0") format("woff2"), url("../fonts/Material-Design-Iconic-Fontd1f1d1f1.woff?v=2.2.0") format("woff"), url("../fonts/Material-Design-Iconic-Fontd1f1d1f1.ttf?v=2.2.0") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.zmdi {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zmdi-hc-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.zmdi-hc-2x {
  font-size: 2em;
}

.zmdi-hc-3x {
  font-size: 3em;
}

.zmdi-hc-4x {
  font-size: 4em;
}

.zmdi-hc-5x {
  font-size: 5em;
}

.zmdi-hc-fw {
  width: 1.28571429em;
  text-align: center;
}

.zmdi-hc-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.zmdi-hc-ul > li {
  position: relative;
}

.zmdi-hc-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.zmdi-hc-li.zmdi-hc-lg {
  left: -1.85714286em;
}

.zmdi-hc-border {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 2px;
}

.zmdi-hc-border-circle {
  padding: .1em .25em;
  border: solid 0.1em #9e9e9e;
  border-radius: 50%;
}

.zmdi.pull-left {
  float: left;
  margin-right: .15em;
}

.zmdi.pull-right {
  float: right;
  margin-left: .15em;
}

.zmdi-hc-spin {
  -webkit-animation: zmdi-spin 1.5s infinite linear;
  animation: zmdi-spin 1.5s infinite linear;
}

.zmdi-hc-spin-reverse {
  -webkit-animation: zmdi-spin-reverse 1.5s infinite linear;
  animation: zmdi-spin-reverse 1.5s infinite linear;
}

@-webkit-keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes zmdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
@keyframes zmdi-spin-reverse {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-359deg);
    transform: rotate(-359deg);
  }
}
.zmdi-hc-rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.zmdi-hc-rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.zmdi-hc-rotate-270 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.zmdi-hc-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.zmdi-hc-flip-vertical {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

.zmdi-hc-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.zmdi-hc-stack-1x,
.zmdi-hc-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.zmdi-hc-stack-1x {
  line-height: inherit;
}

.zmdi-hc-stack-2x {
  font-size: 2em;
}

.zmdi-hc-inverse {
  color: #ffffff;
}

/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.zmdi-3d-rotation:before {
  content: '\f101';
}

.zmdi-airplane-off:before {
  content: '\f102';
}

.zmdi-airplane:before {
  content: '\f103';
}

.zmdi-album:before {
  content: '\f104';
}

.zmdi-archive:before {
  content: '\f105';
}

.zmdi-assignment-account:before {
  content: '\f106';
}

.zmdi-assignment-alert:before {
  content: '\f107';
}

.zmdi-assignment-check:before {
  content: '\f108';
}

.zmdi-assignment-o:before {
  content: '\f109';
}

.zmdi-assignment-return:before {
  content: '\f10a';
}

.zmdi-assignment-returned:before {
  content: '\f10b';
}

.zmdi-assignment:before {
  content: '\f10c';
}

.zmdi-attachment-alt:before {
  content: '\f10d';
}

.zmdi-attachment:before {
  content: '\f10e';
}

.zmdi-audio:before {
  content: '\f10f';
}

.zmdi-badge-check:before {
  content: '\f110';
}

.zmdi-balance-wallet:before {
  content: '\f111';
}

.zmdi-balance:before {
  content: '\f112';
}

.zmdi-battery-alert:before {
  content: '\f113';
}

.zmdi-battery-flash:before {
  content: '\f114';
}

.zmdi-battery-unknown:before {
  content: '\f115';
}

.zmdi-battery:before {
  content: '\f116';
}

.zmdi-bike:before {
  content: '\f117';
}

.zmdi-block-alt:before {
  content: '\f118';
}

.zmdi-block:before {
  content: '\f119';
}

.zmdi-boat:before {
  content: '\f11a';
}

.zmdi-book-image:before {
  content: '\f11b';
}

.zmdi-book:before {
  content: '\f11c';
}

.zmdi-bookmark-outline:before {
  content: '\f11d';
}

.zmdi-bookmark:before {
  content: '\f11e';
}

.zmdi-brush:before {
  content: '\f11f';
}

.zmdi-bug:before {
  content: '\f120';
}

.zmdi-bus:before {
  content: '\f121';
}

.zmdi-cake:before {
  content: '\f122';
}

.zmdi-car-taxi:before {
  content: '\f123';
}

.zmdi-car-wash:before {
  content: '\f124';
}

.zmdi-car:before {
  content: '\f125';
}

.zmdi-card-giftcard:before {
  content: '\f126';
}

.zmdi-card-membership:before {
  content: '\f127';
}

.zmdi-card-travel:before {
  content: '\f128';
}

.zmdi-card:before {
  content: '\f129';
}

.zmdi-case-check:before {
  content: '\f12a';
}

.zmdi-case-download:before {
  content: '\f12b';
}

.zmdi-case-play:before {
  content: '\f12c';
}

.zmdi-case:before {
  content: '\f12d';
}

.zmdi-cast-connected:before {
  content: '\f12e';
}

.zmdi-cast:before {
  content: '\f12f';
}

.zmdi-chart-donut:before {
  content: '\f130';
}

.zmdi-chart:before {
  content: '\f131';
}

.zmdi-city-alt:before {
  content: '\f132';
}

.zmdi-city:before {
  content: '\f133';
}

.zmdi-close-circle-o:before {
  content: '\f134';
}

.zmdi-close-circle:before {
  content: '\f135';
}

.zmdi-close:before {
  content: '\f136';
}

.zmdi-cocktail:before {
  content: '\f137';
}

.zmdi-code-setting:before {
  content: '\f138';
}

.zmdi-code-smartphone:before {
  content: '\f139';
}

.zmdi-code:before {
  content: '\f13a';
}

.zmdi-coffee:before {
  content: '\f13b';
}

.zmdi-collection-bookmark:before {
  content: '\f13c';
}

.zmdi-collection-case-play:before {
  content: '\f13d';
}

.zmdi-collection-folder-image:before {
  content: '\f13e';
}

.zmdi-collection-image-o:before {
  content: '\f13f';
}

.zmdi-collection-image:before {
  content: '\f140';
}

.zmdi-collection-item-1:before {
  content: '\f141';
}

.zmdi-collection-item-2:before {
  content: '\f142';
}

.zmdi-collection-item-3:before {
  content: '\f143';
}

.zmdi-collection-item-4:before {
  content: '\f144';
}

.zmdi-collection-item-5:before {
  content: '\f145';
}

.zmdi-collection-item-6:before {
  content: '\f146';
}

.zmdi-collection-item-7:before {
  content: '\f147';
}

.zmdi-collection-item-8:before {
  content: '\f148';
}

.zmdi-collection-item-9-plus:before {
  content: '\f149';
}

.zmdi-collection-item-9:before {
  content: '\f14a';
}

.zmdi-collection-item:before {
  content: '\f14b';
}

.zmdi-collection-music:before {
  content: '\f14c';
}

.zmdi-collection-pdf:before {
  content: '\f14d';
}

.zmdi-collection-plus:before {
  content: '\f14e';
}

.zmdi-collection-speaker:before {
  content: '\f14f';
}

.zmdi-collection-text:before {
  content: '\f150';
}

.zmdi-collection-video:before {
  content: '\f151';
}

.zmdi-compass:before {
  content: '\f152';
}

.zmdi-cutlery:before {
  content: '\f153';
}

.zmdi-delete:before {
  content: '\f154';
}

.zmdi-dialpad:before {
  content: '\f155';
}

.zmdi-dns:before {
  content: '\f156';
}

.zmdi-drink:before {
  content: '\f157';
}

.zmdi-edit:before {
  content: '\f158';
}

.zmdi-email-open:before {
  content: '\f159';
}

.zmdi-email:before {
  content: '\f15a';
}

.zmdi-eye-off:before {
  content: '\f15b';
}

.zmdi-eye:before {
  content: '\f15c';
}

.zmdi-eyedropper:before {
  content: '\f15d';
}

.zmdi-favorite-outline:before {
  content: '\f15e';
}

.zmdi-favorite:before {
  content: '\f15f';
}

.zmdi-filter-list:before {
  content: '\f160';
}

.zmdi-fire:before {
  content: '\f161';
}

.zmdi-flag:before {
  content: '\f162';
}

.zmdi-flare:before {
  content: '\f163';
}

.zmdi-flash-auto:before {
  content: '\f164';
}

.zmdi-flash-off:before {
  content: '\f165';
}

.zmdi-flash:before {
  content: '\f166';
}

.zmdi-flip:before {
  content: '\f167';
}

.zmdi-flower-alt:before {
  content: '\f168';
}

.zmdi-flower:before {
  content: '\f169';
}

.zmdi-font:before {
  content: '\f16a';
}

.zmdi-fullscreen-alt:before {
  content: '\f16b';
}

.zmdi-fullscreen-exit:before {
  content: '\f16c';
}

.zmdi-fullscreen:before {
  content: '\f16d';
}

.zmdi-functions:before {
  content: '\f16e';
}

.zmdi-gas-station:before {
  content: '\f16f';
}

.zmdi-gesture:before {
  content: '\f170';
}

.zmdi-globe-alt:before {
  content: '\f171';
}

.zmdi-globe-lock:before {
  content: '\f172';
}

.zmdi-globe:before {
  content: '\f173';
}

.zmdi-graduation-cap:before {
  content: '\f174';
}

.zmdi-home:before {
  content: '\f175';
}

.zmdi-hospital-alt:before {
  content: '\f176';
}

.zmdi-hospital:before {
  content: '\f177';
}

.zmdi-hotel:before {
  content: '\f178';
}

.zmdi-hourglass-alt:before {
  content: '\f179';
}

.zmdi-hourglass-outline:before {
  content: '\f17a';
}

.zmdi-hourglass:before {
  content: '\f17b';
}

.zmdi-http:before {
  content: '\f17c';
}

.zmdi-image-alt:before {
  content: '\f17d';
}

.zmdi-image-o:before {
  content: '\f17e';
}

.zmdi-image:before {
  content: '\f17f';
}

.zmdi-inbox:before {
  content: '\f180';
}

.zmdi-invert-colors-off:before {
  content: '\f181';
}

.zmdi-invert-colors:before {
  content: '\f182';
}

.zmdi-key:before {
  content: '\f183';
}

.zmdi-label-alt-outline:before {
  content: '\f184';
}

.zmdi-label-alt:before {
  content: '\f185';
}

.zmdi-label-heart:before {
  content: '\f186';
}

.zmdi-label:before {
  content: '\f187';
}

.zmdi-labels:before {
  content: '\f188';
}

.zmdi-lamp:before {
  content: '\f189';
}

.zmdi-landscape:before {
  content: '\f18a';
}

.zmdi-layers-off:before {
  content: '\f18b';
}

.zmdi-layers:before {
  content: '\f18c';
}

.zmdi-library:before {
  content: '\f18d';
}

.zmdi-link:before {
  content: '\f18e';
}

.zmdi-lock-open:before {
  content: '\f18f';
}

.zmdi-lock-outline:before {
  content: '\f190';
}

.zmdi-lock:before {
  content: '\f191';
}

.zmdi-mail-reply-all:before {
  content: '\f192';
}

.zmdi-mail-reply:before {
  content: '\f193';
}

.zmdi-mail-send:before {
  content: '\f194';
}

.zmdi-mall:before {
  content: '\f195';
}

.zmdi-map:before {
  content: '\f196';
}

.zmdi-menu:before {
  content: '\f197';
}

.zmdi-money-box:before {
  content: '\f198';
}

.zmdi-money-off:before {
  content: '\f199';
}

.zmdi-money:before {
  content: '\f19a';
}

.zmdi-more-vert:before {
  content: '\f19b';
}

.zmdi-more:before {
  content: '\f19c';
}

.zmdi-movie-alt:before {
  content: '\f19d';
}

.zmdi-movie:before {
  content: '\f19e';
}

.zmdi-nature-people:before {
  content: '\f19f';
}

.zmdi-nature:before {
  content: '\f1a0';
}

.zmdi-navigation:before {
  content: '\f1a1';
}

.zmdi-open-in-browser:before {
  content: '\f1a2';
}

.zmdi-open-in-new:before {
  content: '\f1a3';
}

.zmdi-palette:before {
  content: '\f1a4';
}

.zmdi-parking:before {
  content: '\f1a5';
}

.zmdi-pin-account:before {
  content: '\f1a6';
}

.zmdi-pin-assistant:before {
  content: '\f1a7';
}

.zmdi-pin-drop:before {
  content: '\f1a8';
}

.zmdi-pin-help:before {
  content: '\f1a9';
}

.zmdi-pin-off:before {
  content: '\f1aa';
}

.zmdi-pin:before {
  content: '\f1ab';
}

.zmdi-pizza:before {
  content: '\f1ac';
}

.zmdi-plaster:before {
  content: '\f1ad';
}

.zmdi-power-setting:before {
  content: '\f1ae';
}

.zmdi-power:before {
  content: '\f1af';
}

.zmdi-print:before {
  content: '\f1b0';
}

.zmdi-puzzle-piece:before {
  content: '\f1b1';
}

.zmdi-quote:before {
  content: '\f1b2';
}

.zmdi-railway:before {
  content: '\f1b3';
}

.zmdi-receipt:before {
  content: '\f1b4';
}

.zmdi-refresh-alt:before {
  content: '\f1b5';
}

.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}

.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}

.zmdi-refresh-sync:before {
  content: '\f1b8';
}

.zmdi-refresh:before {
  content: '\f1b9';
}

.zmdi-roller:before {
  content: '\f1ba';
}

.zmdi-ruler:before {
  content: '\f1bb';
}

.zmdi-scissors:before {
  content: '\f1bc';
}

.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}

.zmdi-screen-rotation:before {
  content: '\f1be';
}

.zmdi-search-for:before {
  content: '\f1bf';
}

.zmdi-search-in-file:before {
  content: '\f1c0';
}

.zmdi-search-in-page:before {
  content: '\f1c1';
}

.zmdi-search-replace:before {
  content: '\f1c2';
}

.zmdi-search:before {
  content: '\f1c3';
}

.zmdi-seat:before {
  content: '\f1c4';
}

.zmdi-settings-square:before {
  content: '\f1c5';
}

.zmdi-settings:before {
  content: '\f1c6';
}

.zmdi-shield-check:before {
  content: '\f1c7';
}

.zmdi-shield-security:before {
  content: '\f1c8';
}

.zmdi-shopping-basket:before {
  content: '\f1c9';
}

.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}

.zmdi-shopping-cart:before {
  content: '\f1cb';
}

.zmdi-sign-in:before {
  content: '\f1cc';
}

.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}

.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}

.zmdi-sort-asc:before {
  content: '\f1cf';
}

.zmdi-sort-desc:before {
  content: '\f1d0';
}

.zmdi-spellcheck:before {
  content: '\f1d1';
}

.zmdi-storage:before {
  content: '\f1d2';
}

.zmdi-store-24:before {
  content: '\f1d3';
}

.zmdi-store:before {
  content: '\f1d4';
}

.zmdi-subway:before {
  content: '\f1d5';
}

.zmdi-sun:before {
  content: '\f1d6';
}

.zmdi-tab-unselected:before {
  content: '\f1d7';
}

.zmdi-tab:before {
  content: '\f1d8';
}

.zmdi-tag-close:before {
  content: '\f1d9';
}

.zmdi-tag-more:before {
  content: '\f1da';
}

.zmdi-tag:before {
  content: '\f1db';
}

.zmdi-thumb-down:before {
  content: '\f1dc';
}

.zmdi-thumb-up-down:before {
  content: '\f1dd';
}

.zmdi-thumb-up:before {
  content: '\f1de';
}

.zmdi-ticket-star:before {
  content: '\f1df';
}

.zmdi-toll:before {
  content: '\f1e0';
}

.zmdi-toys:before {
  content: '\f1e1';
}

.zmdi-traffic:before {
  content: '\f1e2';
}

.zmdi-translate:before {
  content: '\f1e3';
}

.zmdi-triangle-down:before {
  content: '\f1e4';
}

.zmdi-triangle-up:before {
  content: '\f1e5';
}

.zmdi-truck:before {
  content: '\f1e6';
}

.zmdi-turning-sign:before {
  content: '\f1e7';
}

.zmdi-wallpaper:before {
  content: '\f1e8';
}

.zmdi-washing-machine:before {
  content: '\f1e9';
}

.zmdi-window-maximize:before {
  content: '\f1ea';
}

.zmdi-window-minimize:before {
  content: '\f1eb';
}

.zmdi-window-restore:before {
  content: '\f1ec';
}

.zmdi-wrench:before {
  content: '\f1ed';
}

.zmdi-zoom-in:before {
  content: '\f1ee';
}

.zmdi-zoom-out:before {
  content: '\f1ef';
}

.zmdi-alert-circle-o:before {
  content: '\f1f0';
}

.zmdi-alert-circle:before {
  content: '\f1f1';
}

.zmdi-alert-octagon:before {
  content: '\f1f2';
}

.zmdi-alert-polygon:before {
  content: '\f1f3';
}

.zmdi-alert-triangle:before {
  content: '\f1f4';
}

.zmdi-help-outline:before {
  content: '\f1f5';
}

.zmdi-help:before {
  content: '\f1f6';
}

.zmdi-info-outline:before {
  content: '\f1f7';
}

.zmdi-info:before {
  content: '\f1f8';
}

.zmdi-notifications-active:before {
  content: '\f1f9';
}

.zmdi-notifications-add:before {
  content: '\f1fa';
}

.zmdi-notifications-none:before {
  content: '\f1fb';
}

.zmdi-notifications-off:before {
  content: '\f1fc';
}

.zmdi-notifications-paused:before {
  content: '\f1fd';
}

.zmdi-notifications:before {
  content: '\f1fe';
}

.zmdi-account-add:before {
  content: '\f1ff';
}

.zmdi-account-box-mail:before {
  content: '\f200';
}

.zmdi-account-box-o:before {
  content: '\f201';
}

.zmdi-account-box-phone:before {
  content: '\f202';
}

.zmdi-account-box:before {
  content: '\f203';
}

.zmdi-account-calendar:before {
  content: '\f204';
}

.zmdi-account-circle:before {
  content: '\f205';
}

.zmdi-account-o:before {
  content: '\f206';
}

.zmdi-account:before {
  content: '\f207';
}

.zmdi-accounts-add:before {
  content: '\f208';
}

.zmdi-accounts-alt:before {
  content: '\f209';
}

.zmdi-accounts-list-alt:before {
  content: '\f20a';
}

.zmdi-accounts-list:before {
  content: '\f20b';
}

.zmdi-accounts-outline:before {
  content: '\f20c';
}

.zmdi-accounts:before {
  content: '\f20d';
}

.zmdi-face:before {
  content: '\f20e';
}

.zmdi-female:before {
  content: '\f20f';
}

.zmdi-male-alt:before {
  content: '\f210';
}

.zmdi-male-female:before {
  content: '\f211';
}

.zmdi-male:before {
  content: '\f212';
}

.zmdi-mood-bad:before {
  content: '\f213';
}

.zmdi-mood:before {
  content: '\f214';
}

.zmdi-run:before {
  content: '\f215';
}

.zmdi-walk:before {
  content: '\f216';
}

.zmdi-cloud-box:before {
  content: '\f217';
}

.zmdi-cloud-circle:before {
  content: '\f218';
}

.zmdi-cloud-done:before {
  content: '\f219';
}

.zmdi-cloud-download:before {
  content: '\f21a';
}

.zmdi-cloud-off:before {
  content: '\f21b';
}

.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}

.zmdi-cloud-outline:before {
  content: '\f21d';
}

.zmdi-cloud-upload:before {
  content: '\f21e';
}

.zmdi-cloud:before {
  content: '\f21f';
}

.zmdi-download:before {
  content: '\f220';
}

.zmdi-file-plus:before {
  content: '\f221';
}

.zmdi-file-text:before {
  content: '\f222';
}

.zmdi-file:before {
  content: '\f223';
}

.zmdi-folder-outline:before {
  content: '\f224';
}

.zmdi-folder-person:before {
  content: '\f225';
}

.zmdi-folder-star-alt:before {
  content: '\f226';
}

.zmdi-folder-star:before {
  content: '\f227';
}

.zmdi-folder:before {
  content: '\f228';
}

.zmdi-gif:before {
  content: '\f229';
}

.zmdi-upload:before {
  content: '\f22a';
}

.zmdi-border-all:before {
  content: '\f22b';
}

.zmdi-border-bottom:before {
  content: '\f22c';
}

.zmdi-border-clear:before {
  content: '\f22d';
}

.zmdi-border-color:before {
  content: '\f22e';
}

.zmdi-border-horizontal:before {
  content: '\f22f';
}

.zmdi-border-inner:before {
  content: '\f230';
}

.zmdi-border-left:before {
  content: '\f231';
}

.zmdi-border-outer:before {
  content: '\f232';
}

.zmdi-border-right:before {
  content: '\f233';
}

.zmdi-border-style:before {
  content: '\f234';
}

.zmdi-border-top:before {
  content: '\f235';
}

.zmdi-border-vertical:before {
  content: '\f236';
}

.zmdi-copy:before {
  content: '\f237';
}

.zmdi-crop:before {
  content: '\f238';
}

.zmdi-format-align-center:before {
  content: '\f239';
}

.zmdi-format-align-justify:before {
  content: '\f23a';
}

.zmdi-format-align-left:before {
  content: '\f23b';
}

.zmdi-format-align-right:before {
  content: '\f23c';
}

.zmdi-format-bold:before {
  content: '\f23d';
}

.zmdi-format-clear-all:before {
  content: '\f23e';
}

.zmdi-format-clear:before {
  content: '\f23f';
}

.zmdi-format-color-fill:before {
  content: '\f240';
}

.zmdi-format-color-reset:before {
  content: '\f241';
}

.zmdi-format-color-text:before {
  content: '\f242';
}

.zmdi-format-indent-decrease:before {
  content: '\f243';
}

.zmdi-format-indent-increase:before {
  content: '\f244';
}

.zmdi-format-italic:before {
  content: '\f245';
}

.zmdi-format-line-spacing:before {
  content: '\f246';
}

.zmdi-format-list-bulleted:before {
  content: '\f247';
}

.zmdi-format-list-numbered:before {
  content: '\f248';
}

.zmdi-format-ltr:before {
  content: '\f249';
}

.zmdi-format-rtl:before {
  content: '\f24a';
}

.zmdi-format-size:before {
  content: '\f24b';
}

.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}

.zmdi-format-strikethrough:before {
  content: '\f24d';
}

.zmdi-format-subject:before {
  content: '\f24e';
}

.zmdi-format-underlined:before {
  content: '\f24f';
}

.zmdi-format-valign-bottom:before {
  content: '\f250';
}

.zmdi-format-valign-center:before {
  content: '\f251';
}

.zmdi-format-valign-top:before {
  content: '\f252';
}

.zmdi-redo:before {
  content: '\f253';
}

.zmdi-select-all:before {
  content: '\f254';
}

.zmdi-space-bar:before {
  content: '\f255';
}

.zmdi-text-format:before {
  content: '\f256';
}

.zmdi-transform:before {
  content: '\f257';
}

.zmdi-undo:before {
  content: '\f258';
}

.zmdi-wrap-text:before {
  content: '\f259';
}

.zmdi-comment-alert:before {
  content: '\f25a';
}

.zmdi-comment-alt-text:before {
  content: '\f25b';
}

.zmdi-comment-alt:before {
  content: '\f25c';
}

.zmdi-comment-edit:before {
  content: '\f25d';
}

.zmdi-comment-image:before {
  content: '\f25e';
}

.zmdi-comment-list:before {
  content: '\f25f';
}

.zmdi-comment-more:before {
  content: '\f260';
}

.zmdi-comment-outline:before {
  content: '\f261';
}

.zmdi-comment-text-alt:before {
  content: '\f262';
}

.zmdi-comment-text:before {
  content: '\f263';
}

.zmdi-comment-video:before {
  content: '\f264';
}

.zmdi-comment:before {
  content: '\f265';
}

.zmdi-comments:before {
  content: '\f266';
}

.zmdi-check-all:before {
  content: '\f267';
}

.zmdi-check-circle-u:before {
  content: '\f268';
}

.zmdi-check-circle:before {
  content: '\f269';
}

.zmdi-check-square:before {
  content: '\f26a';
}

.zmdi-check:before {
  content: '\f26b';
}

.zmdi-circle-o:before {
  content: '\f26c';
}

.zmdi-circle:before {
  content: '\f26d';
}

.zmdi-dot-circle-alt:before {
  content: '\f26e';
}

.zmdi-dot-circle:before {
  content: '\f26f';
}

.zmdi-minus-circle-outline:before {
  content: '\f270';
}

.zmdi-minus-circle:before {
  content: '\f271';
}

.zmdi-minus-square:before {
  content: '\f272';
}

.zmdi-minus:before {
  content: '\f273';
}

.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}

.zmdi-plus-circle-o:before {
  content: '\f275';
}

.zmdi-plus-circle:before {
  content: '\f276';
}

.zmdi-plus-square:before {
  content: '\f277';
}

.zmdi-plus:before {
  content: '\f278';
}

.zmdi-square-o:before {
  content: '\f279';
}

.zmdi-star-circle:before {
  content: '\f27a';
}

.zmdi-star-half:before {
  content: '\f27b';
}

.zmdi-star-outline:before {
  content: '\f27c';
}

.zmdi-star:before {
  content: '\f27d';
}

.zmdi-bluetooth-connected:before {
  content: '\f27e';
}

.zmdi-bluetooth-off:before {
  content: '\f27f';
}

.zmdi-bluetooth-search:before {
  content: '\f280';
}

.zmdi-bluetooth-setting:before {
  content: '\f281';
}

.zmdi-bluetooth:before {
  content: '\f282';
}

.zmdi-camera-add:before {
  content: '\f283';
}

.zmdi-camera-alt:before {
  content: '\f284';
}

.zmdi-camera-bw:before {
  content: '\f285';
}

.zmdi-camera-front:before {
  content: '\f286';
}

.zmdi-camera-mic:before {
  content: '\f287';
}

.zmdi-camera-party-mode:before {
  content: '\f288';
}

.zmdi-camera-rear:before {
  content: '\f289';
}

.zmdi-camera-roll:before {
  content: '\f28a';
}

.zmdi-camera-switch:before {
  content: '\f28b';
}

.zmdi-camera:before {
  content: '\f28c';
}

.zmdi-card-alert:before {
  content: '\f28d';
}

.zmdi-card-off:before {
  content: '\f28e';
}

.zmdi-card-sd:before {
  content: '\f28f';
}

.zmdi-card-sim:before {
  content: '\f290';
}

.zmdi-desktop-mac:before {
  content: '\f291';
}

.zmdi-desktop-windows:before {
  content: '\f292';
}

.zmdi-device-hub:before {
  content: '\f293';
}

.zmdi-devices-off:before {
  content: '\f294';
}

.zmdi-devices:before {
  content: '\f295';
}

.zmdi-dock:before {
  content: '\f296';
}

.zmdi-floppy:before {
  content: '\f297';
}

.zmdi-gamepad:before {
  content: '\f298';
}

.zmdi-gps-dot:before {
  content: '\f299';
}

.zmdi-gps-off:before {
  content: '\f29a';
}

.zmdi-gps:before {
  content: '\f29b';
}

.zmdi-headset-mic:before {
  content: '\f29c';
}

.zmdi-headset:before {
  content: '\f29d';
}

.zmdi-input-antenna:before {
  content: '\f29e';
}

.zmdi-input-composite:before {
  content: '\f29f';
}

.zmdi-input-hdmi:before {
  content: '\f2a0';
}

.zmdi-input-power:before {
  content: '\f2a1';
}

.zmdi-input-svideo:before {
  content: '\f2a2';
}

.zmdi-keyboard-hide:before {
  content: '\f2a3';
}

.zmdi-keyboard:before {
  content: '\f2a4';
}

.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}

.zmdi-laptop-mac:before {
  content: '\f2a6';
}

.zmdi-laptop:before {
  content: '\f2a7';
}

.zmdi-mic-off:before {
  content: '\f2a8';
}

.zmdi-mic-outline:before {
  content: '\f2a9';
}

.zmdi-mic-setting:before {
  content: '\f2aa';
}

.zmdi-mic:before {
  content: '\f2ab';
}

.zmdi-mouse:before {
  content: '\f2ac';
}

.zmdi-network-alert:before {
  content: '\f2ad';
}

.zmdi-network-locked:before {
  content: '\f2ae';
}

.zmdi-network-off:before {
  content: '\f2af';
}

.zmdi-network-outline:before {
  content: '\f2b0';
}

.zmdi-network-setting:before {
  content: '\f2b1';
}

.zmdi-network:before {
  content: '\f2b2';
}

.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}

.zmdi-phone-end:before {
  content: '\f2b4';
}

.zmdi-phone-forwarded:before {
  content: '\f2b5';
}

.zmdi-phone-in-talk:before {
  content: '\f2b6';
}

.zmdi-phone-locked:before {
  content: '\f2b7';
}

.zmdi-phone-missed:before {
  content: '\f2b8';
}

.zmdi-phone-msg:before {
  content: '\f2b9';
}

.zmdi-phone-paused:before {
  content: '\f2ba';
}

.zmdi-phone-ring:before {
  content: '\f2bb';
}

.zmdi-phone-setting:before {
  content: '\f2bc';
}

.zmdi-phone-sip:before {
  content: '\f2bd';
}

.zmdi-phone:before {
  content: '\f2be';
}

.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}

.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}

.zmdi-portable-wifi:before {
  content: '\f2c1';
}

.zmdi-radio:before {
  content: '\f2c2';
}

.zmdi-reader:before {
  content: '\f2c3';
}

.zmdi-remote-control-alt:before {
  content: '\f2c4';
}

.zmdi-remote-control:before {
  content: '\f2c5';
}

.zmdi-router:before {
  content: '\f2c6';
}

.zmdi-scanner:before {
  content: '\f2c7';
}

.zmdi-smartphone-android:before {
  content: '\f2c8';
}

.zmdi-smartphone-download:before {
  content: '\f2c9';
}

.zmdi-smartphone-erase:before {
  content: '\f2ca';
}

.zmdi-smartphone-info:before {
  content: '\f2cb';
}

.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}

.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}

.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}

.zmdi-smartphone-lock:before {
  content: '\f2cf';
}

.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}

.zmdi-smartphone-ring:before {
  content: '\f2d1';
}

.zmdi-smartphone-setting:before {
  content: '\f2d2';
}

.zmdi-smartphone-setup:before {
  content: '\f2d3';
}

.zmdi-smartphone:before {
  content: '\f2d4';
}

.zmdi-speaker:before {
  content: '\f2d5';
}

.zmdi-tablet-android:before {
  content: '\f2d6';
}

.zmdi-tablet-mac:before {
  content: '\f2d7';
}

.zmdi-tablet:before {
  content: '\f2d8';
}

.zmdi-tv-alt-play:before {
  content: '\f2d9';
}

.zmdi-tv-list:before {
  content: '\f2da';
}

.zmdi-tv-play:before {
  content: '\f2db';
}

.zmdi-tv:before {
  content: '\f2dc';
}

.zmdi-usb:before {
  content: '\f2dd';
}

.zmdi-videocam-off:before {
  content: '\f2de';
}

.zmdi-videocam-switch:before {
  content: '\f2df';
}

.zmdi-videocam:before {
  content: '\f2e0';
}

.zmdi-watch:before {
  content: '\f2e1';
}

.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}

.zmdi-wifi-alt:before {
  content: '\f2e3';
}

.zmdi-wifi-info:before {
  content: '\f2e4';
}

.zmdi-wifi-lock:before {
  content: '\f2e5';
}

.zmdi-wifi-off:before {
  content: '\f2e6';
}

.zmdi-wifi-outline:before {
  content: '\f2e7';
}

.zmdi-wifi:before {
  content: '\f2e8';
}

.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}

.zmdi-arrow-left:before {
  content: '\f2ea';
}

.zmdi-arrow-merge:before {
  content: '\f2eb';
}

.zmdi-arrow-missed:before {
  content: '\f2ec';
}

.zmdi-arrow-right-top:before {
  content: '\f2ed';
}

.zmdi-arrow-right:before {
  content: '\f2ee';
}

.zmdi-arrow-split:before {
  content: '\f2ef';
}

.zmdi-arrows:before {
  content: '\f2f0';
}

.zmdi-caret-down-circle:before {
  content: '\f2f1';
}

.zmdi-caret-down:before {
  content: '\f2f2';
}

.zmdi-caret-left-circle:before {
  content: '\f2f3';
}

.zmdi-caret-left:before {
  content: '\f2f4';
}

.zmdi-caret-right-circle:before {
  content: '\f2f5';
}

.zmdi-caret-right:before {
  content: '\f2f6';
}

.zmdi-caret-up-circle:before {
  content: '\f2f7';
}

.zmdi-caret-up:before {
  content: '\f2f8';
}

.zmdi-chevron-down:before {
  content: '\f2f9';
}

.zmdi-chevron-left:before {
  content: '\f2fa';
}

.zmdi-chevron-right:before {
  content: '\f2fb';
}

.zmdi-chevron-up:before {
  content: '\f2fc';
}

.zmdi-forward:before {
  content: '\f2fd';
}

.zmdi-long-arrow-down:before {
  content: '\f2fe';
}

.zmdi-long-arrow-left:before {
  content: '\f2ff';
}

.zmdi-long-arrow-return:before {
  content: '\f300';
}

.zmdi-long-arrow-right:before {
  content: '\f301';
}

.zmdi-long-arrow-tab:before {
  content: '\f302';
}

.zmdi-long-arrow-up:before {
  content: '\f303';
}

.zmdi-rotate-ccw:before {
  content: '\f304';
}

.zmdi-rotate-cw:before {
  content: '\f305';
}

.zmdi-rotate-left:before {
  content: '\f306';
}

.zmdi-rotate-right:before {
  content: '\f307';
}

.zmdi-square-down:before {
  content: '\f308';
}

.zmdi-square-right:before {
  content: '\f309';
}

.zmdi-swap-alt:before {
  content: '\f30a';
}

.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}

.zmdi-swap-vertical:before {
  content: '\f30c';
}

.zmdi-swap:before {
  content: '\f30d';
}

.zmdi-trending-down:before {
  content: '\f30e';
}

.zmdi-trending-flat:before {
  content: '\f30f';
}

.zmdi-trending-up:before {
  content: '\f310';
}

.zmdi-unfold-less:before {
  content: '\f311';
}

.zmdi-unfold-more:before {
  content: '\f312';
}

.zmdi-apps:before {
  content: '\f313';
}

.zmdi-grid-off:before {
  content: '\f314';
}

.zmdi-grid:before {
  content: '\f315';
}

.zmdi-view-agenda:before {
  content: '\f316';
}

.zmdi-view-array:before {
  content: '\f317';
}

.zmdi-view-carousel:before {
  content: '\f318';
}

.zmdi-view-column:before {
  content: '\f319';
}

.zmdi-view-comfy:before {
  content: '\f31a';
}

.zmdi-view-compact:before {
  content: '\f31b';
}

.zmdi-view-dashboard:before {
  content: '\f31c';
}

.zmdi-view-day:before {
  content: '\f31d';
}

.zmdi-view-headline:before {
  content: '\f31e';
}

.zmdi-view-list-alt:before {
  content: '\f31f';
}

.zmdi-view-list:before {
  content: '\f320';
}

.zmdi-view-module:before {
  content: '\f321';
}

.zmdi-view-quilt:before {
  content: '\f322';
}

.zmdi-view-stream:before {
  content: '\f323';
}

.zmdi-view-subtitles:before {
  content: '\f324';
}

.zmdi-view-toc:before {
  content: '\f325';
}

.zmdi-view-web:before {
  content: '\f326';
}

.zmdi-view-week:before {
  content: '\f327';
}

.zmdi-widgets:before {
  content: '\f328';
}

.zmdi-alarm-check:before {
  content: '\f329';
}

.zmdi-alarm-off:before {
  content: '\f32a';
}

.zmdi-alarm-plus:before {
  content: '\f32b';
}

.zmdi-alarm-snooze:before {
  content: '\f32c';
}

.zmdi-alarm:before {
  content: '\f32d';
}

.zmdi-calendar-alt:before {
  content: '\f32e';
}

.zmdi-calendar-check:before {
  content: '\f32f';
}

.zmdi-calendar-close:before {
  content: '\f330';
}

.zmdi-calendar-note:before {
  content: '\f331';
}

.zmdi-calendar:before {
  content: '\f332';
}

.zmdi-time-countdown:before {
  content: '\f333';
}

.zmdi-time-interval:before {
  content: '\f334';
}

.zmdi-time-restore-setting:before {
  content: '\f335';
}

.zmdi-time-restore:before {
  content: '\f336';
}

.zmdi-time:before {
  content: '\f337';
}

.zmdi-timer-off:before {
  content: '\f338';
}

.zmdi-timer:before {
  content: '\f339';
}

.zmdi-android-alt:before {
  content: '\f33a';
}

.zmdi-android:before {
  content: '\f33b';
}

.zmdi-apple:before {
  content: '\f33c';
}

.zmdi-behance:before {
  content: '\f33d';
}

.zmdi-codepen:before {
  content: '\f33e';
}

.zmdi-dribbble:before {
  content: '\f33f';
}

.zmdi-dropbox:before {
  content: '\f340';
}

.zmdi-evernote:before {
  content: '\f341';
}

.zmdi-facebook-box:before {
  content: '\f342';
}

.zmdi-facebook:before {
  content: '\f343';
}

.zmdi-github-box:before {
  content: '\f344';
}

.zmdi-github:before {
  content: '\f345';
}

.zmdi-google-drive:before {
  content: '\f346';
}

.zmdi-google-earth:before {
  content: '\f347';
}

.zmdi-google-glass:before {
  content: '\f348';
}

.zmdi-google-maps:before {
  content: '\f349';
}

.zmdi-google-pages:before {
  content: '\f34a';
}

.zmdi-google-play:before {
  content: '\f34b';
}

.zmdi-google-plus-box:before {
  content: '\f34c';
}

.zmdi-google-plus:before {
  content: '\f34d';
}

.zmdi-google:before {
  content: '\f34e';
}

.zmdi-instagram:before {
  content: '\f34f';
}

.zmdi-language-css3:before {
  content: '\f350';
}

.zmdi-language-html5:before {
  content: '\f351';
}

.zmdi-language-javascript:before {
  content: '\f352';
}

.zmdi-language-python-alt:before {
  content: '\f353';
}

.zmdi-language-python:before {
  content: '\f354';
}

.zmdi-lastfm:before {
  content: '\f355';
}

.zmdi-linkedin-box:before {
  content: '\f356';
}

.zmdi-paypal:before {
  content: '\f357';
}

.zmdi-pinterest-box:before {
  content: '\f358';
}

.zmdi-pocket:before {
  content: '\f359';
}

.zmdi-polymer:before {
  content: '\f35a';
}

.zmdi-share:before {
  content: '\f35b';
}

.zmdi-stackoverflow:before {
  content: '\f35c';
}

.zmdi-steam-square:before {
  content: '\f35d';
}

.zmdi-steam:before {
  content: '\f35e';
}

.zmdi-twitter-box:before {
  content: '\f35f';
}

.zmdi-twitter:before {
  content: '\f360';
}

.zmdi-vk:before {
  content: '\f361';
}

.zmdi-wikipedia:before {
  content: '\f362';
}

.zmdi-windows:before {
  content: '\f363';
}

.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}

.zmdi-aspect-ratio:before {
  content: '\f365';
}

.zmdi-blur-circular:before {
  content: '\f366';
}

.zmdi-blur-linear:before {
  content: '\f367';
}

.zmdi-blur-off:before {
  content: '\f368';
}

.zmdi-blur:before {
  content: '\f369';
}

.zmdi-brightness-2:before {
  content: '\f36a';
}

.zmdi-brightness-3:before {
  content: '\f36b';
}

.zmdi-brightness-4:before {
  content: '\f36c';
}

.zmdi-brightness-5:before {
  content: '\f36d';
}

.zmdi-brightness-6:before {
  content: '\f36e';
}

.zmdi-brightness-7:before {
  content: '\f36f';
}

.zmdi-brightness-auto:before {
  content: '\f370';
}

.zmdi-brightness-setting:before {
  content: '\f371';
}

.zmdi-broken-image:before {
  content: '\f372';
}

.zmdi-center-focus-strong:before {
  content: '\f373';
}

.zmdi-center-focus-weak:before {
  content: '\f374';
}

.zmdi-compare:before {
  content: '\f375';
}

.zmdi-crop-16-9:before {
  content: '\f376';
}

.zmdi-crop-3-2:before {
  content: '\f377';
}

.zmdi-crop-5-4:before {
  content: '\f378';
}

.zmdi-crop-7-5:before {
  content: '\f379';
}

.zmdi-crop-din:before {
  content: '\f37a';
}

.zmdi-crop-free:before {
  content: '\f37b';
}

.zmdi-crop-landscape:before {
  content: '\f37c';
}

.zmdi-crop-portrait:before {
  content: '\f37d';
}

.zmdi-crop-square:before {
  content: '\f37e';
}

.zmdi-exposure-alt:before {
  content: '\f37f';
}

.zmdi-exposure:before {
  content: '\f380';
}

.zmdi-filter-b-and-w:before {
  content: '\f381';
}

.zmdi-filter-center-focus:before {
  content: '\f382';
}

.zmdi-filter-frames:before {
  content: '\f383';
}

.zmdi-filter-tilt-shift:before {
  content: '\f384';
}

.zmdi-gradient:before {
  content: '\f385';
}

.zmdi-grain:before {
  content: '\f386';
}

.zmdi-graphic-eq:before {
  content: '\f387';
}

.zmdi-hdr-off:before {
  content: '\f388';
}

.zmdi-hdr-strong:before {
  content: '\f389';
}

.zmdi-hdr-weak:before {
  content: '\f38a';
}

.zmdi-hdr:before {
  content: '\f38b';
}

.zmdi-iridescent:before {
  content: '\f38c';
}

.zmdi-leak-off:before {
  content: '\f38d';
}

.zmdi-leak:before {
  content: '\f38e';
}

.zmdi-looks:before {
  content: '\f38f';
}

.zmdi-loupe:before {
  content: '\f390';
}

.zmdi-panorama-horizontal:before {
  content: '\f391';
}

.zmdi-panorama-vertical:before {
  content: '\f392';
}

.zmdi-panorama-wide-angle:before {
  content: '\f393';
}

.zmdi-photo-size-select-large:before {
  content: '\f394';
}

.zmdi-photo-size-select-small:before {
  content: '\f395';
}

.zmdi-picture-in-picture:before {
  content: '\f396';
}

.zmdi-slideshow:before {
  content: '\f397';
}

.zmdi-texture:before {
  content: '\f398';
}

.zmdi-tonality:before {
  content: '\f399';
}

.zmdi-vignette:before {
  content: '\f39a';
}

.zmdi-wb-auto:before {
  content: '\f39b';
}

.zmdi-eject-alt:before {
  content: '\f39c';
}

.zmdi-eject:before {
  content: '\f39d';
}

.zmdi-equalizer:before {
  content: '\f39e';
}

.zmdi-fast-forward:before {
  content: '\f39f';
}

.zmdi-fast-rewind:before {
  content: '\f3a0';
}

.zmdi-forward-10:before {
  content: '\f3a1';
}

.zmdi-forward-30:before {
  content: '\f3a2';
}

.zmdi-forward-5:before {
  content: '\f3a3';
}

.zmdi-hearing:before {
  content: '\f3a4';
}

.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}

.zmdi-pause-circle:before {
  content: '\f3a6';
}

.zmdi-pause:before {
  content: '\f3a7';
}

.zmdi-play-circle-outline:before {
  content: '\f3a8';
}

.zmdi-play-circle:before {
  content: '\f3a9';
}

.zmdi-play:before {
  content: '\f3aa';
}

.zmdi-playlist-audio:before {
  content: '\f3ab';
}

.zmdi-playlist-plus:before {
  content: '\f3ac';
}

.zmdi-repeat-one:before {
  content: '\f3ad';
}

.zmdi-repeat:before {
  content: '\f3ae';
}

.zmdi-replay-10:before {
  content: '\f3af';
}

.zmdi-replay-30:before {
  content: '\f3b0';
}

.zmdi-replay-5:before {
  content: '\f3b1';
}

.zmdi-replay:before {
  content: '\f3b2';
}

.zmdi-shuffle:before {
  content: '\f3b3';
}

.zmdi-skip-next:before {
  content: '\f3b4';
}

.zmdi-skip-previous:before {
  content: '\f3b5';
}

.zmdi-stop:before {
  content: '\f3b6';
}

.zmdi-surround-sound:before {
  content: '\f3b7';
}

.zmdi-tune:before {
  content: '\f3b8';
}

.zmdi-volume-down:before {
  content: '\f3b9';
}

.zmdi-volume-mute:before {
  content: '\f3ba';
}

.zmdi-volume-off:before {
  content: '\f3bb';
}

.zmdi-volume-up:before {
  content: '\f3bc';
}

.zmdi-n-1-square:before {
  content: '\f3bd';
}

.zmdi-n-2-square:before {
  content: '\f3be';
}

.zmdi-n-3-square:before {
  content: '\f3bf';
}

.zmdi-n-4-square:before {
  content: '\f3c0';
}

.zmdi-n-5-square:before {
  content: '\f3c1';
}

.zmdi-n-6-square:before {
  content: '\f3c2';
}

.zmdi-neg-1:before {
  content: '\f3c3';
}

.zmdi-neg-2:before {
  content: '\f3c4';
}

.zmdi-plus-1:before {
  content: '\f3c5';
}

.zmdi-plus-2:before {
  content: '\f3c6';
}

.zmdi-sec-10:before {
  content: '\f3c7';
}

.zmdi-sec-3:before {
  content: '\f3c8';
}

.zmdi-zero:before {
  content: '\f3c9';
}

.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}

.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}

.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}

.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}

.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}

.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}

.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}

.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}

.zmdi-airplay:before {
  content: '\f3d2';
}

.zmdi-closed-caption:before {
  content: '\f3d3';
}

.zmdi-confirmation-number:before {
  content: '\f3d4';
}

.zmdi-developer-board:before {
  content: '\f3d5';
}

.zmdi-disc-full:before {
  content: '\f3d6';
}

.zmdi-explicit:before {
  content: '\f3d7';
}

.zmdi-flight-land:before {
  content: '\f3d8';
}

.zmdi-flight-takeoff:before {
  content: '\f3d9';
}

.zmdi-flip-to-back:before {
  content: '\f3da';
}

.zmdi-flip-to-front:before {
  content: '\f3db';
}

.zmdi-group-work:before {
  content: '\f3dc';
}

.zmdi-hd:before {
  content: '\f3dd';
}

.zmdi-hq:before {
  content: '\f3de';
}

.zmdi-markunread-mailbox:before {
  content: '\f3df';
}

.zmdi-memory:before {
  content: '\f3e0';
}

.zmdi-nfc:before {
  content: '\f3e1';
}

.zmdi-play-for-work:before {
  content: '\f3e2';
}

.zmdi-power-input:before {
  content: '\f3e3';
}

.zmdi-present-to-all:before {
  content: '\f3e4';
}

.zmdi-satellite:before {
  content: '\f3e5';
}

.zmdi-tap-and-play:before {
  content: '\f3e6';
}

.zmdi-vibration:before {
  content: '\f3e7';
}

.zmdi-voicemail:before {
  content: '\f3e8';
}

.zmdi-group:before {
  content: '\f3e9';
}

.zmdi-rss:before {
  content: '\f3ea';
}

.zmdi-shape:before {
  content: '\f3eb';
}

.zmdi-spinner:before {
  content: '\f3ec';
}

.zmdi-ungroup:before {
  content: '\f3ed';
}

.zmdi-500px:before {
  content: '\f3ee';
}

.zmdi-8tracks:before {
  content: '\f3ef';
}

.zmdi-amazon:before {
  content: '\f3f0';
}

.zmdi-blogger:before {
  content: '\f3f1';
}

.zmdi-delicious:before {
  content: '\f3f2';
}

.zmdi-disqus:before {
  content: '\f3f3';
}

.zmdi-flattr:before {
  content: '\f3f4';
}

.zmdi-flickr:before {
  content: '\f3f5';
}

.zmdi-github-alt:before {
  content: '\f3f6';
}

.zmdi-google-old:before {
  content: '\f3f7';
}

.zmdi-linkedin:before {
  content: '\f3f8';
}

.zmdi-odnoklassniki:before {
  content: '\f3f9';
}

.zmdi-outlook:before {
  content: '\f3fa';
}

.zmdi-paypal-alt:before {
  content: '\f3fb';
}

.zmdi-pinterest:before {
  content: '\f3fc';
}

.zmdi-playstation:before {
  content: '\f3fd';
}

.zmdi-reddit:before {
  content: '\f3fe';
}

.zmdi-skype:before {
  content: '\f3ff';
}

.zmdi-slideshare:before {
  content: '\f400';
}

.zmdi-soundcloud:before {
  content: '\f401';
}

.zmdi-tumblr:before {
  content: '\f402';
}

.zmdi-twitch:before {
  content: '\f403';
}

.zmdi-vimeo:before {
  content: '\f404';
}

.zmdi-whatsapp:before {
  content: '\f405';
}

.zmdi-xbox:before {
  content: '\f406';
}

.zmdi-yahoo:before {
  content: '\f407';
}

.zmdi-youtube-play:before {
  content: '\f408';
}

.zmdi-youtube:before {
  content: '\f409';
}

.zmdi-3d-rotation:before {
  content: '\f101';
}

.zmdi-airplane-off:before {
  content: '\f102';
}

.zmdi-airplane:before {
  content: '\f103';
}

.zmdi-album:before {
  content: '\f104';
}

.zmdi-archive:before {
  content: '\f105';
}

.zmdi-assignment-account:before {
  content: '\f106';
}

.zmdi-assignment-alert:before {
  content: '\f107';
}

.zmdi-assignment-check:before {
  content: '\f108';
}

.zmdi-assignment-o:before {
  content: '\f109';
}

.zmdi-assignment-return:before {
  content: '\f10a';
}

.zmdi-assignment-returned:before {
  content: '\f10b';
}

.zmdi-assignment:before {
  content: '\f10c';
}

.zmdi-attachment-alt:before {
  content: '\f10d';
}

.zmdi-attachment:before {
  content: '\f10e';
}

.zmdi-audio:before {
  content: '\f10f';
}

.zmdi-badge-check:before {
  content: '\f110';
}

.zmdi-balance-wallet:before {
  content: '\f111';
}

.zmdi-balance:before {
  content: '\f112';
}

.zmdi-battery-alert:before {
  content: '\f113';
}

.zmdi-battery-flash:before {
  content: '\f114';
}

.zmdi-battery-unknown:before {
  content: '\f115';
}

.zmdi-battery:before {
  content: '\f116';
}

.zmdi-bike:before {
  content: '\f117';
}

.zmdi-block-alt:before {
  content: '\f118';
}

.zmdi-block:before {
  content: '\f119';
}

.zmdi-boat:before {
  content: '\f11a';
}

.zmdi-book-image:before {
  content: '\f11b';
}

.zmdi-book:before {
  content: '\f11c';
}

.zmdi-bookmark-outline:before {
  content: '\f11d';
}

.zmdi-bookmark:before {
  content: '\f11e';
}

.zmdi-brush:before {
  content: '\f11f';
}

.zmdi-bug:before {
  content: '\f120';
}

.zmdi-bus:before {
  content: '\f121';
}

.zmdi-cake:before {
  content: '\f122';
}

.zmdi-car-taxi:before {
  content: '\f123';
}

.zmdi-car-wash:before {
  content: '\f124';
}

.zmdi-car:before {
  content: '\f125';
}

.zmdi-card-giftcard:before {
  content: '\f126';
}

.zmdi-card-membership:before {
  content: '\f127';
}

.zmdi-card-travel:before {
  content: '\f128';
}

.zmdi-card:before {
  content: '\f129';
}

.zmdi-case-check:before {
  content: '\f12a';
}

.zmdi-case-download:before {
  content: '\f12b';
}

.zmdi-case-play:before {
  content: '\f12c';
}

.zmdi-case:before {
  content: '\f12d';
}

.zmdi-cast-connected:before {
  content: '\f12e';
}

.zmdi-cast:before {
  content: '\f12f';
}

.zmdi-chart-donut:before {
  content: '\f130';
}

.zmdi-chart:before {
  content: '\f131';
}

.zmdi-city-alt:before {
  content: '\f132';
}

.zmdi-city:before {
  content: '\f133';
}

.zmdi-close-circle-o:before {
  content: '\f134';
}

.zmdi-close-circle:before {
  content: '\f135';
}

.zmdi-close:before {
  content: '\f136';
}

.zmdi-cocktail:before {
  content: '\f137';
}

.zmdi-code-setting:before {
  content: '\f138';
}

.zmdi-code-smartphone:before {
  content: '\f139';
}

.zmdi-code:before {
  content: '\f13a';
}

.zmdi-coffee:before {
  content: '\f13b';
}

.zmdi-collection-bookmark:before {
  content: '\f13c';
}

.zmdi-collection-case-play:before {
  content: '\f13d';
}

.zmdi-collection-folder-image:before {
  content: '\f13e';
}

.zmdi-collection-image-o:before {
  content: '\f13f';
}

.zmdi-collection-image:before {
  content: '\f140';
}

.zmdi-collection-item-1:before {
  content: '\f141';
}

.zmdi-collection-item-2:before {
  content: '\f142';
}

.zmdi-collection-item-3:before {
  content: '\f143';
}

.zmdi-collection-item-4:before {
  content: '\f144';
}

.zmdi-collection-item-5:before {
  content: '\f145';
}

.zmdi-collection-item-6:before {
  content: '\f146';
}

.zmdi-collection-item-7:before {
  content: '\f147';
}

.zmdi-collection-item-8:before {
  content: '\f148';
}

.zmdi-collection-item-9-plus:before {
  content: '\f149';
}

.zmdi-collection-item-9:before {
  content: '\f14a';
}

.zmdi-collection-item:before {
  content: '\f14b';
}

.zmdi-collection-music:before {
  content: '\f14c';
}

.zmdi-collection-pdf:before {
  content: '\f14d';
}

.zmdi-collection-plus:before {
  content: '\f14e';
}

.zmdi-collection-speaker:before {
  content: '\f14f';
}

.zmdi-collection-text:before {
  content: '\f150';
}

.zmdi-collection-video:before {
  content: '\f151';
}

.zmdi-compass:before {
  content: '\f152';
}

.zmdi-cutlery:before {
  content: '\f153';
}

.zmdi-delete:before {
  content: '\f154';
}

.zmdi-dialpad:before {
  content: '\f155';
}

.zmdi-dns:before {
  content: '\f156';
}

.zmdi-drink:before {
  content: '\f157';
}

.zmdi-edit:before {
  content: '\f158';
}

.zmdi-email-open:before {
  content: '\f159';
}

.zmdi-email:before {
  content: '\f15a';
}

.zmdi-eye-off:before {
  content: '\f15b';
}

.zmdi-eye:before {
  content: '\f15c';
}

.zmdi-eyedropper:before {
  content: '\f15d';
}

.zmdi-favorite-outline:before {
  content: '\f15e';
}

.zmdi-favorite:before {
  content: '\f15f';
}

.zmdi-filter-list:before {
  content: '\f160';
}

.zmdi-fire:before {
  content: '\f161';
}

.zmdi-flag:before {
  content: '\f162';
}

.zmdi-flare:before {
  content: '\f163';
}

.zmdi-flash-auto:before {
  content: '\f164';
}

.zmdi-flash-off:before {
  content: '\f165';
}

.zmdi-flash:before {
  content: '\f166';
}

.zmdi-flip:before {
  content: '\f167';
}

.zmdi-flower-alt:before {
  content: '\f168';
}

.zmdi-flower:before {
  content: '\f169';
}

.zmdi-font:before {
  content: '\f16a';
}

.zmdi-fullscreen-alt:before {
  content: '\f16b';
}

.zmdi-fullscreen-exit:before {
  content: '\f16c';
}

.zmdi-fullscreen:before {
  content: '\f16d';
}

.zmdi-functions:before {
  content: '\f16e';
}

.zmdi-gas-station:before {
  content: '\f16f';
}

.zmdi-gesture:before {
  content: '\f170';
}

.zmdi-globe-alt:before {
  content: '\f171';
}

.zmdi-globe-lock:before {
  content: '\f172';
}

.zmdi-globe:before {
  content: '\f173';
}

.zmdi-graduation-cap:before {
  content: '\f174';
}

.zmdi-home:before {
  content: '\f175';
}

.zmdi-hospital-alt:before {
  content: '\f176';
}

.zmdi-hospital:before {
  content: '\f177';
}

.zmdi-hotel:before {
  content: '\f178';
}

.zmdi-hourglass-alt:before {
  content: '\f179';
}

.zmdi-hourglass-outline:before {
  content: '\f17a';
}

.zmdi-hourglass:before {
  content: '\f17b';
}

.zmdi-http:before {
  content: '\f17c';
}

.zmdi-image-alt:before {
  content: '\f17d';
}

.zmdi-image-o:before {
  content: '\f17e';
}

.zmdi-image:before {
  content: '\f17f';
}

.zmdi-inbox:before {
  content: '\f180';
}

.zmdi-invert-colors-off:before {
  content: '\f181';
}

.zmdi-invert-colors:before {
  content: '\f182';
}

.zmdi-key:before {
  content: '\f183';
}

.zmdi-label-alt-outline:before {
  content: '\f184';
}

.zmdi-label-alt:before {
  content: '\f185';
}

.zmdi-label-heart:before {
  content: '\f186';
}

.zmdi-label:before {
  content: '\f187';
}

.zmdi-labels:before {
  content: '\f188';
}

.zmdi-lamp:before {
  content: '\f189';
}

.zmdi-landscape:before {
  content: '\f18a';
}

.zmdi-layers-off:before {
  content: '\f18b';
}

.zmdi-layers:before {
  content: '\f18c';
}

.zmdi-library:before {
  content: '\f18d';
}

.zmdi-link:before {
  content: '\f18e';
}

.zmdi-lock-open:before {
  content: '\f18f';
}

.zmdi-lock-outline:before {
  content: '\f190';
}

.zmdi-lock:before {
  content: '\f191';
}

.zmdi-mail-reply-all:before {
  content: '\f192';
}

.zmdi-mail-reply:before {
  content: '\f193';
}

.zmdi-mail-send:before {
  content: '\f194';
}

.zmdi-mall:before {
  content: '\f195';
}

.zmdi-map:before {
  content: '\f196';
}

.zmdi-menu:before {
  content: '\f197';
}

.zmdi-money-box:before {
  content: '\f198';
}

.zmdi-money-off:before {
  content: '\f199';
}

.zmdi-money:before {
  content: '\f19a';
}

.zmdi-more-vert:before {
  content: '\f19b';
}

.zmdi-more:before {
  content: '\f19c';
}

.zmdi-movie-alt:before {
  content: '\f19d';
}

.zmdi-movie:before {
  content: '\f19e';
}

.zmdi-nature-people:before {
  content: '\f19f';
}

.zmdi-nature:before {
  content: '\f1a0';
}

.zmdi-navigation:before {
  content: '\f1a1';
}

.zmdi-open-in-browser:before {
  content: '\f1a2';
}

.zmdi-open-in-new:before {
  content: '\f1a3';
}

.zmdi-palette:before {
  content: '\f1a4';
}

.zmdi-parking:before {
  content: '\f1a5';
}

.zmdi-pin-account:before {
  content: '\f1a6';
}

.zmdi-pin-assistant:before {
  content: '\f1a7';
}

.zmdi-pin-drop:before {
  content: '\f1a8';
}

.zmdi-pin-help:before {
  content: '\f1a9';
}

.zmdi-pin-off:before {
  content: '\f1aa';
}

.zmdi-pin:before {
  content: '\f1ab';
}

.zmdi-pizza:before {
  content: '\f1ac';
}

.zmdi-plaster:before {
  content: '\f1ad';
}

.zmdi-power-setting:before {
  content: '\f1ae';
}

.zmdi-power:before {
  content: '\f1af';
}

.zmdi-print:before {
  content: '\f1b0';
}

.zmdi-puzzle-piece:before {
  content: '\f1b1';
}

.zmdi-quote:before {
  content: '\f1b2';
}

.zmdi-railway:before {
  content: '\f1b3';
}

.zmdi-receipt:before {
  content: '\f1b4';
}

.zmdi-refresh-alt:before {
  content: '\f1b5';
}

.zmdi-refresh-sync-alert:before {
  content: '\f1b6';
}

.zmdi-refresh-sync-off:before {
  content: '\f1b7';
}

.zmdi-refresh-sync:before {
  content: '\f1b8';
}

.zmdi-refresh:before {
  content: '\f1b9';
}

.zmdi-roller:before {
  content: '\f1ba';
}

.zmdi-ruler:before {
  content: '\f1bb';
}

.zmdi-scissors:before {
  content: '\f1bc';
}

.zmdi-screen-rotation-lock:before {
  content: '\f1bd';
}

.zmdi-screen-rotation:before {
  content: '\f1be';
}

.zmdi-search-for:before {
  content: '\f1bf';
}

.zmdi-search-in-file:before {
  content: '\f1c0';
}

.zmdi-search-in-page:before {
  content: '\f1c1';
}

.zmdi-search-replace:before {
  content: '\f1c2';
}

.zmdi-search:before {
  content: '\f1c3';
}

.zmdi-seat:before {
  content: '\f1c4';
}

.zmdi-settings-square:before {
  content: '\f1c5';
}

.zmdi-settings:before {
  content: '\f1c6';
}

.zmdi-shield-check:before {
  content: '\f1c7';
}

.zmdi-shield-security:before {
  content: '\f1c8';
}

.zmdi-shopping-basket:before {
  content: '\f1c9';
}

.zmdi-shopping-cart-plus:before {
  content: '\f1ca';
}

.zmdi-shopping-cart:before {
  content: '\f1cb';
}

.zmdi-sign-in:before {
  content: '\f1cc';
}

.zmdi-sort-amount-asc:before {
  content: '\f1cd';
}

.zmdi-sort-amount-desc:before {
  content: '\f1ce';
}

.zmdi-sort-asc:before {
  content: '\f1cf';
}

.zmdi-sort-desc:before {
  content: '\f1d0';
}

.zmdi-spellcheck:before {
  content: '\f1d1';
}

.zmdi-storage:before {
  content: '\f1d2';
}

.zmdi-store-24:before {
  content: '\f1d3';
}

.zmdi-store:before {
  content: '\f1d4';
}

.zmdi-subway:before {
  content: '\f1d5';
}

.zmdi-sun:before {
  content: '\f1d6';
}

.zmdi-tab-unselected:before {
  content: '\f1d7';
}

.zmdi-tab:before {
  content: '\f1d8';
}

.zmdi-tag-close:before {
  content: '\f1d9';
}

.zmdi-tag-more:before {
  content: '\f1da';
}

.zmdi-tag:before {
  content: '\f1db';
}

.zmdi-thumb-down:before {
  content: '\f1dc';
}

.zmdi-thumb-up-down:before {
  content: '\f1dd';
}

.zmdi-thumb-up:before {
  content: '\f1de';
}

.zmdi-ticket-star:before {
  content: '\f1df';
}

.zmdi-toll:before {
  content: '\f1e0';
}

.zmdi-toys:before {
  content: '\f1e1';
}

.zmdi-traffic:before {
  content: '\f1e2';
}

.zmdi-translate:before {
  content: '\f1e3';
}

.zmdi-triangle-down:before {
  content: '\f1e4';
}

.zmdi-triangle-up:before {
  content: '\f1e5';
}

.zmdi-truck:before {
  content: '\f1e6';
}

.zmdi-turning-sign:before {
  content: '\f1e7';
}

.zmdi-wallpaper:before {
  content: '\f1e8';
}

.zmdi-washing-machine:before {
  content: '\f1e9';
}

.zmdi-window-maximize:before {
  content: '\f1ea';
}

.zmdi-window-minimize:before {
  content: '\f1eb';
}

.zmdi-window-restore:before {
  content: '\f1ec';
}

.zmdi-wrench:before {
  content: '\f1ed';
}

.zmdi-zoom-in:before {
  content: '\f1ee';
}

.zmdi-zoom-out:before {
  content: '\f1ef';
}

.zmdi-alert-circle-o:before {
  content: '\f1f0';
}

.zmdi-alert-circle:before {
  content: '\f1f1';
}

.zmdi-alert-octagon:before {
  content: '\f1f2';
}

.zmdi-alert-polygon:before {
  content: '\f1f3';
}

.zmdi-alert-triangle:before {
  content: '\f1f4';
}

.zmdi-help-outline:before {
  content: '\f1f5';
}

.zmdi-help:before {
  content: '\f1f6';
}

.zmdi-info-outline:before {
  content: '\f1f7';
}

.zmdi-info:before {
  content: '\f1f8';
}

.zmdi-notifications-active:before {
  content: '\f1f9';
}

.zmdi-notifications-add:before {
  content: '\f1fa';
}

.zmdi-notifications-none:before {
  content: '\f1fb';
}

.zmdi-notifications-off:before {
  content: '\f1fc';
}

.zmdi-notifications-paused:before {
  content: '\f1fd';
}

.zmdi-notifications:before {
  content: '\f1fe';
}

.zmdi-account-add:before {
  content: '\f1ff';
}

.zmdi-account-box-mail:before {
  content: '\f200';
}

.zmdi-account-box-o:before {
  content: '\f201';
}

.zmdi-account-box-phone:before {
  content: '\f202';
}

.zmdi-account-box:before {
  content: '\f203';
}

.zmdi-account-calendar:before {
  content: '\f204';
}

.zmdi-account-circle:before {
  content: '\f205';
}

.zmdi-account-o:before {
  content: '\f206';
}

.zmdi-account:before {
  content: '\f207';
}

.zmdi-accounts-add:before {
  content: '\f208';
}

.zmdi-accounts-alt:before {
  content: '\f209';
}

.zmdi-accounts-list-alt:before {
  content: '\f20a';
}

.zmdi-accounts-list:before {
  content: '\f20b';
}

.zmdi-accounts-outline:before {
  content: '\f20c';
}

.zmdi-accounts:before {
  content: '\f20d';
}

.zmdi-face:before {
  content: '\f20e';
}

.zmdi-female:before {
  content: '\f20f';
}

.zmdi-male-alt:before {
  content: '\f210';
}

.zmdi-male-female:before {
  content: '\f211';
}

.zmdi-male:before {
  content: '\f212';
}

.zmdi-mood-bad:before {
  content: '\f213';
}

.zmdi-mood:before {
  content: '\f214';
}

.zmdi-run:before {
  content: '\f215';
}

.zmdi-walk:before {
  content: '\f216';
}

.zmdi-cloud-box:before {
  content: '\f217';
}

.zmdi-cloud-circle:before {
  content: '\f218';
}

.zmdi-cloud-done:before {
  content: '\f219';
}

.zmdi-cloud-download:before {
  content: '\f21a';
}

.zmdi-cloud-off:before {
  content: '\f21b';
}

.zmdi-cloud-outline-alt:before {
  content: '\f21c';
}

.zmdi-cloud-outline:before {
  content: '\f21d';
}

.zmdi-cloud-upload:before {
  content: '\f21e';
}

.zmdi-cloud:before {
  content: '\f21f';
}

.zmdi-download:before {
  content: '\f220';
}

.zmdi-file-plus:before {
  content: '\f221';
}

.zmdi-file-text:before {
  content: '\f222';
}

.zmdi-file:before {
  content: '\f223';
}

.zmdi-folder-outline:before {
  content: '\f224';
}

.zmdi-folder-person:before {
  content: '\f225';
}

.zmdi-folder-star-alt:before {
  content: '\f226';
}

.zmdi-folder-star:before {
  content: '\f227';
}

.zmdi-folder:before {
  content: '\f228';
}

.zmdi-gif:before {
  content: '\f229';
}

.zmdi-upload:before {
  content: '\f22a';
}

.zmdi-border-all:before {
  content: '\f22b';
}

.zmdi-border-bottom:before {
  content: '\f22c';
}

.zmdi-border-clear:before {
  content: '\f22d';
}

.zmdi-border-color:before {
  content: '\f22e';
}

.zmdi-border-horizontal:before {
  content: '\f22f';
}

.zmdi-border-inner:before {
  content: '\f230';
}

.zmdi-border-left:before {
  content: '\f231';
}

.zmdi-border-outer:before {
  content: '\f232';
}

.zmdi-border-right:before {
  content: '\f233';
}

.zmdi-border-style:before {
  content: '\f234';
}

.zmdi-border-top:before {
  content: '\f235';
}

.zmdi-border-vertical:before {
  content: '\f236';
}

.zmdi-copy:before {
  content: '\f237';
}

.zmdi-crop:before {
  content: '\f238';
}

.zmdi-format-align-center:before {
  content: '\f239';
}

.zmdi-format-align-justify:before {
  content: '\f23a';
}

.zmdi-format-align-left:before {
  content: '\f23b';
}

.zmdi-format-align-right:before {
  content: '\f23c';
}

.zmdi-format-bold:before {
  content: '\f23d';
}

.zmdi-format-clear-all:before {
  content: '\f23e';
}

.zmdi-format-clear:before {
  content: '\f23f';
}

.zmdi-format-color-fill:before {
  content: '\f240';
}

.zmdi-format-color-reset:before {
  content: '\f241';
}

.zmdi-format-color-text:before {
  content: '\f242';
}

.zmdi-format-indent-decrease:before {
  content: '\f243';
}

.zmdi-format-indent-increase:before {
  content: '\f244';
}

.zmdi-format-italic:before {
  content: '\f245';
}

.zmdi-format-line-spacing:before {
  content: '\f246';
}

.zmdi-format-list-bulleted:before {
  content: '\f247';
}

.zmdi-format-list-numbered:before {
  content: '\f248';
}

.zmdi-format-ltr:before {
  content: '\f249';
}

.zmdi-format-rtl:before {
  content: '\f24a';
}

.zmdi-format-size:before {
  content: '\f24b';
}

.zmdi-format-strikethrough-s:before {
  content: '\f24c';
}

.zmdi-format-strikethrough:before {
  content: '\f24d';
}

.zmdi-format-subject:before {
  content: '\f24e';
}

.zmdi-format-underlined:before {
  content: '\f24f';
}

.zmdi-format-valign-bottom:before {
  content: '\f250';
}

.zmdi-format-valign-center:before {
  content: '\f251';
}

.zmdi-format-valign-top:before {
  content: '\f252';
}

.zmdi-redo:before {
  content: '\f253';
}

.zmdi-select-all:before {
  content: '\f254';
}

.zmdi-space-bar:before {
  content: '\f255';
}

.zmdi-text-format:before {
  content: '\f256';
}

.zmdi-transform:before {
  content: '\f257';
}

.zmdi-undo:before {
  content: '\f258';
}

.zmdi-wrap-text:before {
  content: '\f259';
}

.zmdi-comment-alert:before {
  content: '\f25a';
}

.zmdi-comment-alt-text:before {
  content: '\f25b';
}

.zmdi-comment-alt:before {
  content: '\f25c';
}

.zmdi-comment-edit:before {
  content: '\f25d';
}

.zmdi-comment-image:before {
  content: '\f25e';
}

.zmdi-comment-list:before {
  content: '\f25f';
}

.zmdi-comment-more:before {
  content: '\f260';
}

.zmdi-comment-outline:before {
  content: '\f261';
}

.zmdi-comment-text-alt:before {
  content: '\f262';
}

.zmdi-comment-text:before {
  content: '\f263';
}

.zmdi-comment-video:before {
  content: '\f264';
}

.zmdi-comment:before {
  content: '\f265';
}

.zmdi-comments:before {
  content: '\f266';
}

.zmdi-check-all:before {
  content: '\f267';
}

.zmdi-check-circle-u:before {
  content: '\f268';
}

.zmdi-check-circle:before {
  content: '\f269';
}

.zmdi-check-square:before {
  content: '\f26a';
}

.zmdi-check:before {
  content: '\f26b';
}

.zmdi-circle-o:before {
  content: '\f26c';
}

.zmdi-circle:before {
  content: '\f26d';
}

.zmdi-dot-circle-alt:before {
  content: '\f26e';
}

.zmdi-dot-circle:before {
  content: '\f26f';
}

.zmdi-minus-circle-outline:before {
  content: '\f270';
}

.zmdi-minus-circle:before {
  content: '\f271';
}

.zmdi-minus-square:before {
  content: '\f272';
}

.zmdi-minus:before {
  content: '\f273';
}

.zmdi-plus-circle-o-duplicate:before {
  content: '\f274';
}

.zmdi-plus-circle-o:before {
  content: '\f275';
}

.zmdi-plus-circle:before {
  content: '\f276';
}

.zmdi-plus-square:before {
  content: '\f277';
}

.zmdi-plus:before {
  content: '\f278';
}

.zmdi-square-o:before {
  content: '\f279';
}

.zmdi-star-circle:before {
  content: '\f27a';
}

.zmdi-star-half:before {
  content: '\f27b';
}

.zmdi-star-outline:before {
  content: '\f27c';
}

.zmdi-star:before {
  content: '\f27d';
}

.zmdi-bluetooth-connected:before {
  content: '\f27e';
}

.zmdi-bluetooth-off:before {
  content: '\f27f';
}

.zmdi-bluetooth-search:before {
  content: '\f280';
}

.zmdi-bluetooth-setting:before {
  content: '\f281';
}

.zmdi-bluetooth:before {
  content: '\f282';
}

.zmdi-camera-add:before {
  content: '\f283';
}

.zmdi-camera-alt:before {
  content: '\f284';
}

.zmdi-camera-bw:before {
  content: '\f285';
}

.zmdi-camera-front:before {
  content: '\f286';
}

.zmdi-camera-mic:before {
  content: '\f287';
}

.zmdi-camera-party-mode:before {
  content: '\f288';
}

.zmdi-camera-rear:before {
  content: '\f289';
}

.zmdi-camera-roll:before {
  content: '\f28a';
}

.zmdi-camera-switch:before {
  content: '\f28b';
}

.zmdi-camera:before {
  content: '\f28c';
}

.zmdi-card-alert:before {
  content: '\f28d';
}

.zmdi-card-off:before {
  content: '\f28e';
}

.zmdi-card-sd:before {
  content: '\f28f';
}

.zmdi-card-sim:before {
  content: '\f290';
}

.zmdi-desktop-mac:before {
  content: '\f291';
}

.zmdi-desktop-windows:before {
  content: '\f292';
}

.zmdi-device-hub:before {
  content: '\f293';
}

.zmdi-devices-off:before {
  content: '\f294';
}

.zmdi-devices:before {
  content: '\f295';
}

.zmdi-dock:before {
  content: '\f296';
}

.zmdi-floppy:before {
  content: '\f297';
}

.zmdi-gamepad:before {
  content: '\f298';
}

.zmdi-gps-dot:before {
  content: '\f299';
}

.zmdi-gps-off:before {
  content: '\f29a';
}

.zmdi-gps:before {
  content: '\f29b';
}

.zmdi-headset-mic:before {
  content: '\f29c';
}

.zmdi-headset:before {
  content: '\f29d';
}

.zmdi-input-antenna:before {
  content: '\f29e';
}

.zmdi-input-composite:before {
  content: '\f29f';
}

.zmdi-input-hdmi:before {
  content: '\f2a0';
}

.zmdi-input-power:before {
  content: '\f2a1';
}

.zmdi-input-svideo:before {
  content: '\f2a2';
}

.zmdi-keyboard-hide:before {
  content: '\f2a3';
}

.zmdi-keyboard:before {
  content: '\f2a4';
}

.zmdi-laptop-chromebook:before {
  content: '\f2a5';
}

.zmdi-laptop-mac:before {
  content: '\f2a6';
}

.zmdi-laptop:before {
  content: '\f2a7';
}

.zmdi-mic-off:before {
  content: '\f2a8';
}

.zmdi-mic-outline:before {
  content: '\f2a9';
}

.zmdi-mic-setting:before {
  content: '\f2aa';
}

.zmdi-mic:before {
  content: '\f2ab';
}

.zmdi-mouse:before {
  content: '\f2ac';
}

.zmdi-network-alert:before {
  content: '\f2ad';
}

.zmdi-network-locked:before {
  content: '\f2ae';
}

.zmdi-network-off:before {
  content: '\f2af';
}

.zmdi-network-outline:before {
  content: '\f2b0';
}

.zmdi-network-setting:before {
  content: '\f2b1';
}

.zmdi-network:before {
  content: '\f2b2';
}

.zmdi-phone-bluetooth:before {
  content: '\f2b3';
}

.zmdi-phone-end:before {
  content: '\f2b4';
}

.zmdi-phone-forwarded:before {
  content: '\f2b5';
}

.zmdi-phone-in-talk:before {
  content: '\f2b6';
}

.zmdi-phone-locked:before {
  content: '\f2b7';
}

.zmdi-phone-missed:before {
  content: '\f2b8';
}

.zmdi-phone-msg:before {
  content: '\f2b9';
}

.zmdi-phone-paused:before {
  content: '\f2ba';
}

.zmdi-phone-ring:before {
  content: '\f2bb';
}

.zmdi-phone-setting:before {
  content: '\f2bc';
}

.zmdi-phone-sip:before {
  content: '\f2bd';
}

.zmdi-phone:before {
  content: '\f2be';
}

.zmdi-portable-wifi-changes:before {
  content: '\f2bf';
}

.zmdi-portable-wifi-off:before {
  content: '\f2c0';
}

.zmdi-portable-wifi:before {
  content: '\f2c1';
}

.zmdi-radio:before {
  content: '\f2c2';
}

.zmdi-reader:before {
  content: '\f2c3';
}

.zmdi-remote-control-alt:before {
  content: '\f2c4';
}

.zmdi-remote-control:before {
  content: '\f2c5';
}

.zmdi-router:before {
  content: '\f2c6';
}

.zmdi-scanner:before {
  content: '\f2c7';
}

.zmdi-smartphone-android:before {
  content: '\f2c8';
}

.zmdi-smartphone-download:before {
  content: '\f2c9';
}

.zmdi-smartphone-erase:before {
  content: '\f2ca';
}

.zmdi-smartphone-info:before {
  content: '\f2cb';
}

.zmdi-smartphone-iphone:before {
  content: '\f2cc';
}

.zmdi-smartphone-landscape-lock:before {
  content: '\f2cd';
}

.zmdi-smartphone-landscape:before {
  content: '\f2ce';
}

.zmdi-smartphone-lock:before {
  content: '\f2cf';
}

.zmdi-smartphone-portrait-lock:before {
  content: '\f2d0';
}

.zmdi-smartphone-ring:before {
  content: '\f2d1';
}

.zmdi-smartphone-setting:before {
  content: '\f2d2';
}

.zmdi-smartphone-setup:before {
  content: '\f2d3';
}

.zmdi-smartphone:before {
  content: '\f2d4';
}

.zmdi-speaker:before {
  content: '\f2d5';
}

.zmdi-tablet-android:before {
  content: '\f2d6';
}

.zmdi-tablet-mac:before {
  content: '\f2d7';
}

.zmdi-tablet:before {
  content: '\f2d8';
}

.zmdi-tv-alt-play:before {
  content: '\f2d9';
}

.zmdi-tv-list:before {
  content: '\f2da';
}

.zmdi-tv-play:before {
  content: '\f2db';
}

.zmdi-tv:before {
  content: '\f2dc';
}

.zmdi-usb:before {
  content: '\f2dd';
}

.zmdi-videocam-off:before {
  content: '\f2de';
}

.zmdi-videocam-switch:before {
  content: '\f2df';
}

.zmdi-videocam:before {
  content: '\f2e0';
}

.zmdi-watch:before {
  content: '\f2e1';
}

.zmdi-wifi-alt-2:before {
  content: '\f2e2';
}

.zmdi-wifi-alt:before {
  content: '\f2e3';
}

.zmdi-wifi-info:before {
  content: '\f2e4';
}

.zmdi-wifi-lock:before {
  content: '\f2e5';
}

.zmdi-wifi-off:before {
  content: '\f2e6';
}

.zmdi-wifi-outline:before {
  content: '\f2e7';
}

.zmdi-wifi:before {
  content: '\f2e8';
}

.zmdi-arrow-left-bottom:before {
  content: '\f2e9';
}

.zmdi-arrow-left:before {
  content: '\f2ea';
}

.zmdi-arrow-merge:before {
  content: '\f2eb';
}

.zmdi-arrow-missed:before {
  content: '\f2ec';
}

.zmdi-arrow-right-top:before {
  content: '\f2ed';
}

.zmdi-arrow-right:before {
  content: '\f2ee';
}

.zmdi-arrow-split:before {
  content: '\f2ef';
}

.zmdi-arrows:before {
  content: '\f2f0';
}

.zmdi-caret-down-circle:before {
  content: '\f2f1';
}

.zmdi-caret-down:before {
  content: '\f2f2';
}

.zmdi-caret-left-circle:before {
  content: '\f2f3';
}

.zmdi-caret-left:before {
  content: '\f2f4';
}

.zmdi-caret-right-circle:before {
  content: '\f2f5';
}

.zmdi-caret-right:before {
  content: '\f2f6';
}

.zmdi-caret-up-circle:before {
  content: '\f2f7';
}

.zmdi-caret-up:before {
  content: '\f2f8';
}

.zmdi-chevron-down:before {
  content: '\f2f9';
}

.zmdi-chevron-left:before {
  content: '\f2fa';
}

.zmdi-chevron-right:before {
  content: '\f2fb';
}

.zmdi-chevron-up:before {
  content: '\f2fc';
}

.zmdi-forward:before {
  content: '\f2fd';
}

.zmdi-long-arrow-down:before {
  content: '\f2fe';
}

.zmdi-long-arrow-left:before {
  content: '\f2ff';
}

.zmdi-long-arrow-return:before {
  content: '\f300';
}

.zmdi-long-arrow-right:before {
  content: '\f301';
}

.zmdi-long-arrow-tab:before {
  content: '\f302';
}

.zmdi-long-arrow-up:before {
  content: '\f303';
}

.zmdi-rotate-ccw:before {
  content: '\f304';
}

.zmdi-rotate-cw:before {
  content: '\f305';
}

.zmdi-rotate-left:before {
  content: '\f306';
}

.zmdi-rotate-right:before {
  content: '\f307';
}

.zmdi-square-down:before {
  content: '\f308';
}

.zmdi-square-right:before {
  content: '\f309';
}

.zmdi-swap-alt:before {
  content: '\f30a';
}

.zmdi-swap-vertical-circle:before {
  content: '\f30b';
}

.zmdi-swap-vertical:before {
  content: '\f30c';
}

.zmdi-swap:before {
  content: '\f30d';
}

.zmdi-trending-down:before {
  content: '\f30e';
}

.zmdi-trending-flat:before {
  content: '\f30f';
}

.zmdi-trending-up:before {
  content: '\f310';
}

.zmdi-unfold-less:before {
  content: '\f311';
}

.zmdi-unfold-more:before {
  content: '\f312';
}

.zmdi-apps:before {
  content: '\f313';
}

.zmdi-grid-off:before {
  content: '\f314';
}

.zmdi-grid:before {
  content: '\f315';
}

.zmdi-view-agenda:before {
  content: '\f316';
}

.zmdi-view-array:before {
  content: '\f317';
}

.zmdi-view-carousel:before {
  content: '\f318';
}

.zmdi-view-column:before {
  content: '\f319';
}

.zmdi-view-comfy:before {
  content: '\f31a';
}

.zmdi-view-compact:before {
  content: '\f31b';
}

.zmdi-view-dashboard:before {
  content: '\f31c';
}

.zmdi-view-day:before {
  content: '\f31d';
}

.zmdi-view-headline:before {
  content: '\f31e';
}

.zmdi-view-list-alt:before {
  content: '\f31f';
}

.zmdi-view-list:before {
  content: '\f320';
}

.zmdi-view-module:before {
  content: '\f321';
}

.zmdi-view-quilt:before {
  content: '\f322';
}

.zmdi-view-stream:before {
  content: '\f323';
}

.zmdi-view-subtitles:before {
  content: '\f324';
}

.zmdi-view-toc:before {
  content: '\f325';
}

.zmdi-view-web:before {
  content: '\f326';
}

.zmdi-view-week:before {
  content: '\f327';
}

.zmdi-widgets:before {
  content: '\f328';
}

.zmdi-alarm-check:before {
  content: '\f329';
}

.zmdi-alarm-off:before {
  content: '\f32a';
}

.zmdi-alarm-plus:before {
  content: '\f32b';
}

.zmdi-alarm-snooze:before {
  content: '\f32c';
}

.zmdi-alarm:before {
  content: '\f32d';
}

.zmdi-calendar-alt:before {
  content: '\f32e';
}

.zmdi-calendar-check:before {
  content: '\f32f';
}

.zmdi-calendar-close:before {
  content: '\f330';
}

.zmdi-calendar-note:before {
  content: '\f331';
}

.zmdi-calendar:before {
  content: '\f332';
}

.zmdi-time-countdown:before {
  content: '\f333';
}

.zmdi-time-interval:before {
  content: '\f334';
}

.zmdi-time-restore-setting:before {
  content: '\f335';
}

.zmdi-time-restore:before {
  content: '\f336';
}

.zmdi-time:before {
  content: '\f337';
}

.zmdi-timer-off:before {
  content: '\f338';
}

.zmdi-timer:before {
  content: '\f339';
}

.zmdi-android-alt:before {
  content: '\f33a';
}

.zmdi-android:before {
  content: '\f33b';
}

.zmdi-apple:before {
  content: '\f33c';
}

.zmdi-behance:before {
  content: '\f33d';
}

.zmdi-codepen:before {
  content: '\f33e';
}

.zmdi-dribbble:before {
  content: '\f33f';
}

.zmdi-dropbox:before {
  content: '\f340';
}

.zmdi-evernote:before {
  content: '\f341';
}

.zmdi-facebook-box:before {
  content: '\f342';
}

.zmdi-facebook:before {
  content: '\f343';
}

.zmdi-github-box:before {
  content: '\f344';
}

.zmdi-github:before {
  content: '\f345';
}

.zmdi-google-drive:before {
  content: '\f346';
}

.zmdi-google-earth:before {
  content: '\f347';
}

.zmdi-google-glass:before {
  content: '\f348';
}

.zmdi-google-maps:before {
  content: '\f349';
}

.zmdi-google-pages:before {
  content: '\f34a';
}

.zmdi-google-play:before {
  content: '\f34b';
}

.zmdi-google-plus-box:before {
  content: '\f34c';
}

.zmdi-google-plus:before {
  content: '\f34d';
}

.zmdi-google:before {
  content: '\f34e';
}

.zmdi-instagram:before {
  content: '\f34f';
}

.zmdi-language-css3:before {
  content: '\f350';
}

.zmdi-language-html5:before {
  content: '\f351';
}

.zmdi-language-javascript:before {
  content: '\f352';
}

.zmdi-language-python-alt:before {
  content: '\f353';
}

.zmdi-language-python:before {
  content: '\f354';
}

.zmdi-lastfm:before {
  content: '\f355';
}

.zmdi-linkedin-box:before {
  content: '\f356';
}

.zmdi-paypal:before {
  content: '\f357';
}

.zmdi-pinterest-box:before {
  content: '\f358';
}

.zmdi-pocket:before {
  content: '\f359';
}

.zmdi-polymer:before {
  content: '\f35a';
}

.zmdi-share:before {
  content: '\f35b';
}

.zmdi-stackoverflow:before {
  content: '\f35c';
}

.zmdi-steam-square:before {
  content: '\f35d';
}

.zmdi-steam:before {
  content: '\f35e';
}

.zmdi-twitter-box:before {
  content: '\f35f';
}

.zmdi-twitter:before {
  content: '\f360';
}

.zmdi-vk:before {
  content: '\f361';
}

.zmdi-wikipedia:before {
  content: '\f362';
}

.zmdi-windows:before {
  content: '\f363';
}

.zmdi-aspect-ratio-alt:before {
  content: '\f364';
}

.zmdi-aspect-ratio:before {
  content: '\f365';
}

.zmdi-blur-circular:before {
  content: '\f366';
}

.zmdi-blur-linear:before {
  content: '\f367';
}

.zmdi-blur-off:before {
  content: '\f368';
}

.zmdi-blur:before {
  content: '\f369';
}

.zmdi-brightness-2:before {
  content: '\f36a';
}

.zmdi-brightness-3:before {
  content: '\f36b';
}

.zmdi-brightness-4:before {
  content: '\f36c';
}

.zmdi-brightness-5:before {
  content: '\f36d';
}

.zmdi-brightness-6:before {
  content: '\f36e';
}

.zmdi-brightness-7:before {
  content: '\f36f';
}

.zmdi-brightness-auto:before {
  content: '\f370';
}

.zmdi-brightness-setting:before {
  content: '\f371';
}

.zmdi-broken-image:before {
  content: '\f372';
}

.zmdi-center-focus-strong:before {
  content: '\f373';
}

.zmdi-center-focus-weak:before {
  content: '\f374';
}

.zmdi-compare:before {
  content: '\f375';
}

.zmdi-crop-16-9:before {
  content: '\f376';
}

.zmdi-crop-3-2:before {
  content: '\f377';
}

.zmdi-crop-5-4:before {
  content: '\f378';
}

.zmdi-crop-7-5:before {
  content: '\f379';
}

.zmdi-crop-din:before {
  content: '\f37a';
}

.zmdi-crop-free:before {
  content: '\f37b';
}

.zmdi-crop-landscape:before {
  content: '\f37c';
}

.zmdi-crop-portrait:before {
  content: '\f37d';
}

.zmdi-crop-square:before {
  content: '\f37e';
}

.zmdi-exposure-alt:before {
  content: '\f37f';
}

.zmdi-exposure:before {
  content: '\f380';
}

.zmdi-filter-b-and-w:before {
  content: '\f381';
}

.zmdi-filter-center-focus:before {
  content: '\f382';
}

.zmdi-filter-frames:before {
  content: '\f383';
}

.zmdi-filter-tilt-shift:before {
  content: '\f384';
}

.zmdi-gradient:before {
  content: '\f385';
}

.zmdi-grain:before {
  content: '\f386';
}

.zmdi-graphic-eq:before {
  content: '\f387';
}

.zmdi-hdr-off:before {
  content: '\f388';
}

.zmdi-hdr-strong:before {
  content: '\f389';
}

.zmdi-hdr-weak:before {
  content: '\f38a';
}

.zmdi-hdr:before {
  content: '\f38b';
}

.zmdi-iridescent:before {
  content: '\f38c';
}

.zmdi-leak-off:before {
  content: '\f38d';
}

.zmdi-leak:before {
  content: '\f38e';
}

.zmdi-looks:before {
  content: '\f38f';
}

.zmdi-loupe:before {
  content: '\f390';
}

.zmdi-panorama-horizontal:before {
  content: '\f391';
}

.zmdi-panorama-vertical:before {
  content: '\f392';
}

.zmdi-panorama-wide-angle:before {
  content: '\f393';
}

.zmdi-photo-size-select-large:before {
  content: '\f394';
}

.zmdi-photo-size-select-small:before {
  content: '\f395';
}

.zmdi-picture-in-picture:before {
  content: '\f396';
}

.zmdi-slideshow:before {
  content: '\f397';
}

.zmdi-texture:before {
  content: '\f398';
}

.zmdi-tonality:before {
  content: '\f399';
}

.zmdi-vignette:before {
  content: '\f39a';
}

.zmdi-wb-auto:before {
  content: '\f39b';
}

.zmdi-eject-alt:before {
  content: '\f39c';
}

.zmdi-eject:before {
  content: '\f39d';
}

.zmdi-equalizer:before {
  content: '\f39e';
}

.zmdi-fast-forward:before {
  content: '\f39f';
}

.zmdi-fast-rewind:before {
  content: '\f3a0';
}

.zmdi-forward-10:before {
  content: '\f3a1';
}

.zmdi-forward-30:before {
  content: '\f3a2';
}

.zmdi-forward-5:before {
  content: '\f3a3';
}

.zmdi-hearing:before {
  content: '\f3a4';
}

.zmdi-pause-circle-outline:before {
  content: '\f3a5';
}

.zmdi-pause-circle:before {
  content: '\f3a6';
}

.zmdi-pause:before {
  content: '\f3a7';
}

.zmdi-play-circle-outline:before {
  content: '\f3a8';
}

.zmdi-play-circle:before {
  content: '\f3a9';
}

.zmdi-play:before {
  content: '\f3aa';
}

.zmdi-playlist-audio:before {
  content: '\f3ab';
}

.zmdi-playlist-plus:before {
  content: '\f3ac';
}

.zmdi-repeat-one:before {
  content: '\f3ad';
}

.zmdi-repeat:before {
  content: '\f3ae';
}

.zmdi-replay-10:before {
  content: '\f3af';
}

.zmdi-replay-30:before {
  content: '\f3b0';
}

.zmdi-replay-5:before {
  content: '\f3b1';
}

.zmdi-replay:before {
  content: '\f3b2';
}

.zmdi-shuffle:before {
  content: '\f3b3';
}

.zmdi-skip-next:before {
  content: '\f3b4';
}

.zmdi-skip-previous:before {
  content: '\f3b5';
}

.zmdi-stop:before {
  content: '\f3b6';
}

.zmdi-surround-sound:before {
  content: '\f3b7';
}

.zmdi-tune:before {
  content: '\f3b8';
}

.zmdi-volume-down:before {
  content: '\f3b9';
}

.zmdi-volume-mute:before {
  content: '\f3ba';
}

.zmdi-volume-off:before {
  content: '\f3bb';
}

.zmdi-volume-up:before {
  content: '\f3bc';
}

.zmdi-n-1-square:before {
  content: '\f3bd';
}

.zmdi-n-2-square:before {
  content: '\f3be';
}

.zmdi-n-3-square:before {
  content: '\f3bf';
}

.zmdi-n-4-square:before {
  content: '\f3c0';
}

.zmdi-n-5-square:before {
  content: '\f3c1';
}

.zmdi-n-6-square:before {
  content: '\f3c2';
}

.zmdi-neg-1:before {
  content: '\f3c3';
}

.zmdi-neg-2:before {
  content: '\f3c4';
}

.zmdi-plus-1:before {
  content: '\f3c5';
}

.zmdi-plus-2:before {
  content: '\f3c6';
}

.zmdi-sec-10:before {
  content: '\f3c7';
}

.zmdi-sec-3:before {
  content: '\f3c8';
}

.zmdi-zero:before {
  content: '\f3c9';
}

.zmdi-airline-seat-flat-angled:before {
  content: '\f3ca';
}

.zmdi-airline-seat-flat:before {
  content: '\f3cb';
}

.zmdi-airline-seat-individual-suite:before {
  content: '\f3cc';
}

.zmdi-airline-seat-legroom-extra:before {
  content: '\f3cd';
}

.zmdi-airline-seat-legroom-normal:before {
  content: '\f3ce';
}

.zmdi-airline-seat-legroom-reduced:before {
  content: '\f3cf';
}

.zmdi-airline-seat-recline-extra:before {
  content: '\f3d0';
}

.zmdi-airline-seat-recline-normal:before {
  content: '\f3d1';
}

.zmdi-airplay:before {
  content: '\f3d2';
}

.zmdi-closed-caption:before {
  content: '\f3d3';
}

.zmdi-confirmation-number:before {
  content: '\f3d4';
}

.zmdi-developer-board:before {
  content: '\f3d5';
}

.zmdi-disc-full:before {
  content: '\f3d6';
}

.zmdi-explicit:before {
  content: '\f3d7';
}

.zmdi-flight-land:before {
  content: '\f3d8';
}

.zmdi-flight-takeoff:before {
  content: '\f3d9';
}

.zmdi-flip-to-back:before {
  content: '\f3da';
}

.zmdi-flip-to-front:before {
  content: '\f3db';
}

.zmdi-group-work:before {
  content: '\f3dc';
}

.zmdi-hd:before {
  content: '\f3dd';
}

.zmdi-hq:before {
  content: '\f3de';
}

.zmdi-markunread-mailbox:before {
  content: '\f3df';
}

.zmdi-memory:before {
  content: '\f3e0';
}

.zmdi-nfc:before {
  content: '\f3e1';
}

.zmdi-play-for-work:before {
  content: '\f3e2';
}

.zmdi-power-input:before {
  content: '\f3e3';
}

.zmdi-present-to-all:before {
  content: '\f3e4';
}

.zmdi-satellite:before {
  content: '\f3e5';
}

.zmdi-tap-and-play:before {
  content: '\f3e6';
}

.zmdi-vibration:before {
  content: '\f3e7';
}

.zmdi-voicemail:before {
  content: '\f3e8';
}

.zmdi-group:before {
  content: '\f3e9';
}

.zmdi-rss:before {
  content: '\f3ea';
}

.zmdi-shape:before {
  content: '\f3eb';
}

.zmdi-spinner:before {
  content: '\f3ec';
}

.zmdi-ungroup:before {
  content: '\f3ed';
}

.zmdi-500px:before {
  content: '\f3ee';
}

.zmdi-8tracks:before {
  content: '\f3ef';
}

.zmdi-amazon:before {
  content: '\f3f0';
}

.zmdi-blogger:before {
  content: '\f3f1';
}

.zmdi-delicious:before {
  content: '\f3f2';
}

.zmdi-disqus:before {
  content: '\f3f3';
}

.zmdi-flattr:before {
  content: '\f3f4';
}

.zmdi-flickr:before {
  content: '\f3f5';
}

.zmdi-github-alt:before {
  content: '\f3f6';
}

.zmdi-google-old:before {
  content: '\f3f7';
}

.zmdi-linkedin:before {
  content: '\f3f8';
}

.zmdi-odnoklassniki:before {
  content: '\f3f9';
}

.zmdi-outlook:before {
  content: '\f3fa';
}

.zmdi-paypal-alt:before {
  content: '\f3fb';
}

.zmdi-pinterest:before {
  content: '\f3fc';
}

.zmdi-playstation:before {
  content: '\f3fd';
}

.zmdi-reddit:before {
  content: '\f3fe';
}

.zmdi-skype:before {
  content: '\f3ff';
}

.zmdi-slideshare:before {
  content: '\f400';
}

.zmdi-soundcloud:before {
  content: '\f401';
}

.zmdi-tumblr:before {
  content: '\f402';
}

.zmdi-twitch:before {
  content: '\f403';
}

.zmdi-vimeo:before {
  content: '\f404';
}

.zmdi-whatsapp:before {
  content: '\f405';
}

.zmdi-xbox:before {
  content: '\f406';
}

.zmdi-yahoo:before {
  content: '\f407';
}

.zmdi-youtube-play:before {
  content: '\f408';
}

.zmdi-youtube:before {
  content: '\f409';
}

.zmdi-import-export:before {
  content: '\f30c';
}

.zmdi-swap-vertical-:before {
  content: '\f30c';
}

.zmdi-airplanemode-inactive:before {
  content: '\f102';
}

.zmdi-airplanemode-active:before {
  content: '\f103';
}

.zmdi-rate-review:before {
  content: '\f103';
}

.zmdi-comment-sign:before {
  content: '\f25a';
}

.zmdi-network-warning:before {
  content: '\f2ad';
}

.zmdi-shopping-cart-add:before {
  content: '\f1ca';
}

.zmdi-file-add:before {
  content: '\f221';
}

.zmdi-network-wifi-scan:before {
  content: '\f2e4';
}

.zmdi-collection-add:before {
  content: '\f14e';
}

.zmdi-format-playlist-add:before {
  content: '\f3ac';
}

.zmdi-format-queue-music:before {
  content: '\f3ab';
}

.zmdi-plus-box:before {
  content: '\f277';
}

.zmdi-tag-backspace:before {
  content: '\f1d9';
}

.zmdi-alarm-add:before {
  content: '\f32b';
}

.zmdi-battery-charging:before {
  content: '\f114';
}

.zmdi-daydream-setting:before {
  content: '\f217';
}

.zmdi-more-horiz:before {
  content: '\f19c';
}

.zmdi-book-photo:before {
  content: '\f11b';
}

.zmdi-incandescent:before {
  content: '\f189';
}

.zmdi-wb-iridescent:before {
  content: '\f38c';
}

.zmdi-calendar-remove:before {
  content: '\f330';
}

.zmdi-refresh-sync-disabled:before {
  content: '\f1b7';
}

.zmdi-refresh-sync-problem:before {
  content: '\f1b6';
}

.zmdi-crop-original:before {
  content: '\f17e';
}

.zmdi-power-off:before {
  content: '\f1af';
}

.zmdi-power-off-setting:before {
  content: '\f1ae';
}

.zmdi-leak-remove:before {
  content: '\f38d';
}

.zmdi-star-border:before {
  content: '\f27c';
}

.zmdi-brightness-low:before {
  content: '\f36d';
}

.zmdi-brightness-medium:before {
  content: '\f36e';
}

.zmdi-brightness-high:before {
  content: '\f36f';
}

.zmdi-smartphone-portrait:before {
  content: '\f2d4';
}

.zmdi-live-tv:before {
  content: '\f2d9';
}

.zmdi-format-textdirection-l-to-r:before {
  content: '\f249';
}

.zmdi-format-textdirection-r-to-l:before {
  content: '\f24a';
}

.zmdi-arrow-back:before {
  content: '\f2ea';
}

.zmdi-arrow-forward:before {
  content: '\f2ee';
}

.zmdi-arrow-in:before {
  content: '\f2e9';
}

.zmdi-arrow-out:before {
  content: '\f2ed';
}

.zmdi-rotate-90-degrees-ccw:before {
  content: '\f304';
}

.zmdi-adb:before {
  content: '\f33a';
}

.zmdi-network-wifi:before {
  content: '\f2e8';
}

.zmdi-network-wifi-alt:before {
  content: '\f2e3';
}

.zmdi-network-wifi-lock:before {
  content: '\f2e5';
}

.zmdi-network-wifi-off:before {
  content: '\f2e6';
}

.zmdi-network-wifi-outline:before {
  content: '\f2e7';
}

.zmdi-network-wifi-info:before {
  content: '\f2e4';
}

.zmdi-layers-clear:before {
  content: '\f18b';
}

.zmdi-colorize:before {
  content: '\f15d';
}

.zmdi-format-paint:before {
  content: '\f1ba';
}

.zmdi-format-quote:before {
  content: '\f1b2';
}

.zmdi-camera-monochrome-photos:before {
  content: '\f285';
}

.zmdi-sort-by-alpha:before {
  content: '\f1cf';
}

.zmdi-folder-shared:before {
  content: '\f225';
}

.zmdi-folder-special:before {
  content: '\f226';
}

.zmdi-comment-dots:before {
  content: '\f260';
}

.zmdi-reorder:before {
  content: '\f31e';
}

.zmdi-dehaze:before {
  content: '\f197';
}

.zmdi-sort:before {
  content: '\f1ce';
}

.zmdi-pages:before {
  content: '\f34a';
}

.zmdi-stack-overflow:before {
  content: '\f35c';
}

.zmdi-calendar-account:before {
  content: '\f204';
}

.zmdi-paste:before {
  content: '\f109';
}

.zmdi-cut:before {
  content: '\f1bc';
}

.zmdi-save:before {
  content: '\f297';
}

.zmdi-smartphone-code:before {
  content: '\f139';
}

.zmdi-directions-bike:before {
  content: '\f117';
}

.zmdi-directions-boat:before {
  content: '\f11a';
}

.zmdi-directions-bus:before {
  content: '\f121';
}

.zmdi-directions-car:before {
  content: '\f125';
}

.zmdi-directions-railway:before {
  content: '\f1b3';
}

.zmdi-directions-run:before {
  content: '\f215';
}

.zmdi-directions-subway:before {
  content: '\f1d5';
}

.zmdi-directions-walk:before {
  content: '\f216';
}

.zmdi-local-hotel:before {
  content: '\f178';
}

.zmdi-local-activity:before {
  content: '\f1df';
}

.zmdi-local-play:before {
  content: '\f1df';
}

.zmdi-local-airport:before {
  content: '\f103';
}

.zmdi-local-atm:before {
  content: '\f198';
}

.zmdi-local-bar:before {
  content: '\f137';
}

.zmdi-local-cafe:before {
  content: '\f13b';
}

.zmdi-local-car-wash:before {
  content: '\f124';
}

.zmdi-local-convenience-store:before {
  content: '\f1d3';
}

.zmdi-local-dining:before {
  content: '\f153';
}

.zmdi-local-drink:before {
  content: '\f157';
}

.zmdi-local-florist:before {
  content: '\f168';
}

.zmdi-local-gas-station:before {
  content: '\f16f';
}

.zmdi-local-grocery-store:before {
  content: '\f1cb';
}

.zmdi-local-hospital:before {
  content: '\f177';
}

.zmdi-local-laundry-service:before {
  content: '\f1e9';
}

.zmdi-local-library:before {
  content: '\f18d';
}

.zmdi-local-mall:before {
  content: '\f195';
}

.zmdi-local-movies:before {
  content: '\f19d';
}

.zmdi-local-offer:before {
  content: '\f187';
}

.zmdi-local-parking:before {
  content: '\f1a5';
}

.zmdi-local-parking:before {
  content: '\f1a5';
}

.zmdi-local-pharmacy:before {
  content: '\f176';
}

.zmdi-local-phone:before {
  content: '\f2be';
}

.zmdi-local-pizza:before {
  content: '\f1ac';
}

.zmdi-local-post-office:before {
  content: '\f15a';
}

.zmdi-local-printshop:before {
  content: '\f1b0';
}

.zmdi-local-see:before {
  content: '\f28c';
}

.zmdi-local-shipping:before {
  content: '\f1e6';
}

.zmdi-local-store:before {
  content: '\f1d4';
}

.zmdi-local-taxi:before {
  content: '\f123';
}

.zmdi-local-wc:before {
  content: '\f211';
}

.zmdi-my-location:before {
  content: '\f299';
}

.zmdi-directions:before {
  content: '\f1e7';
}

/*----------  responsive breakpoints
------------------------------------------------------------------------------*/
/*----------  font smoothing
------------------------------------------------------------------------------*/
/*----------  input placeholder
------------------------------------------------------------------------------*/
/*----------  base float
------------------------------------------------------------------------------*/
/*----------  Text Overflow
------------------------------------------------------------------------------*/
/*----------  vertical align
------------------------------------------------------------------------------*/
/*----------  vertical align apsolute postion
------------------------------------------------------------------------------*/
/*----------  bottom align
------------------------------------------------------------------------------*/
/*---------- horizontal align
------------------------------------------------------------------------------*/
/*---------- horizontal align apsolute postion
------------------------------------------------------------------------------*/
/*---------- center align apsolute postion
------------------------------------------------------------------------------*/
/*---------- animations
------------------------------------------------------------------------------*/
/*---------- buttons animation - wobble horizontal
------------------------------------------------------------------------------*/
@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  33.3% {
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
    transform: translateX(-16px);
  }
  49.95% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  33.3% {
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
    transform: translateX(-16px);
  }
  49.95% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  33.3% {
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
    transform: translateX(-16px);
  }
  49.95% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  33.3% {
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
    transform: translateX(-16px);
  }
  49.95% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  33.3% {
    -webkit-transform: translateX(-16px);
    -moz-transform: translateX(-16px);
    -ms-transform: translateX(-16px);
    -o-transform: translateX(-16px);
    transform: translateX(-16px);
  }
  49.95% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  66.6% {
    -webkit-transform: translateX(-6px);
    -moz-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    -o-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    -moz-transform: translateX(1px);
    -ms-transform: translateX(1px);
    -o-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounce {
  from, 20%, 53%, 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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-moz-keyframes bounce {
  from, 20%, 53%, 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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-ms-keyframes bounce {
  from, 20%, 53%, 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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-o-keyframes bounce {
  from, 20%, 53%, 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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
/*----------  color schemes
------------------------------------------------------------------------------*/
/*---------- mixin for multiline
------------------------------------------------------------------------------*/
/*---------- svg sprite
------------------------------------------------------------------------------*/
.ico-menu, .ico-logo, .header.light-color .ico-menu, .header.light-color.sticky .ico-menu {
  background-image: url("../img/sprite.svg");
  background-size: 204px 132px;
}

/*----------  helpers
------------------------------------------------------------------------------*/
.clearfix, .download-form .form-field, .two-blocks, .slick-track, .grid-boxes > .container,
.grid-boxes > .container > .container-fluid,
.grid-boxes > .container > .container-fluid > .row,
.grid-boxes > .container-fluid,
.grid-boxes > .container-fluid .row, .grid-boxes .title, .grid-boxes.clients > .container-fluid,
.grid-boxes.clients > .container-fluid .row {
  *zoom: 1;
}
.clearfix:before, .download-form .form-field:before, .two-blocks:before, .slick-track:before, .grid-boxes > .container:before,
.grid-boxes > .container > .container-fluid:before,
.grid-boxes > .container > .container-fluid > .row:before,
.grid-boxes > .container-fluid:before,
.grid-boxes > .container-fluid .row:before, .grid-boxes .title:before, .grid-boxes.clients > .container-fluid:before,
.grid-boxes.clients > .container-fluid .row:before, .clearfix:after, .download-form .form-field:after, .two-blocks:after, .slick-track:after, .grid-boxes > .container:after,
.grid-boxes > .container > .container-fluid:after,
.grid-boxes > .container > .container-fluid > .row:after,
.grid-boxes > .container-fluid:after,
.grid-boxes > .container-fluid .row:after, .grid-boxes .title:after, .grid-boxes.clients > .container-fluid:after,
.grid-boxes.clients > .container-fluid .row:after {
  content: "";
  display: table;
}
.clearfix:after, .download-form .form-field:after, .two-blocks:after, .slick-track:after, .grid-boxes > .container:after,
.grid-boxes > .container > .container-fluid:after,
.grid-boxes > .container > .container-fluid > .row:after,
.grid-boxes > .container-fluid:after,
.grid-boxes > .container-fluid .row:after, .grid-boxes .title:after, .grid-boxes.clients > .container-fluid:after,
.grid-boxes.clients > .container-fluid .row:after {
  clear: both;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.clear {
  clear: both;
}

.no-margin {
  margin: 0;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.show-on-mobile {
  display: none !important;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .show-on-mobile {
    display: block !important;
  }
}

.hidden-on-mobile {
  display: inline-block !important;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .hidden-on-mobile {
    display: none !important;
  }
}

.show-device {
  display: none !important;
}
@media only screen and (max-width: 1169px) {
  .show-device {
    display: inline-block !important;
  }
}

.hidden-device {
  display: inline-block !important;
}
@media only screen and (max-width: 1170px) {
  .hidden-device {
    display: none !important;
  }
}

.vertical-align {
  position: relative;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10;
}

.vertical-align-apsolute {
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 10;
  width: 100%;
}

.bottom-align {
  position: relative;
  bottom: -100%;
  -moz-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}

.bottom-align-apsolute {
  position: absolute !important;
  bottom: 0;
  z-index: 10;
}

.slide-up {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

.hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  visibility: hidden;
}

.visible {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
}

.delay-025 {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

.delay-075 {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.delay-125 {
  -webkit-animation-delay: 1.25s;
  -moz-animation-delay: 1.25s;
  -o-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.bg-img {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 1170px) {
  .col-md-6 {
    max-width: 50%;
    overflow: hidden;
  }
}
.animate {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ==========================================================================
	base
	========================================================================== */
.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1500px) {
  .col-lg-2-4 {
    float: left;
    width: 20%;
  }
}

.col-md-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 1170px) {
  .col-md-2-4 {
    float: left;
    width: 20%;
  }
}

.col-sm-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .col-sm-2-4 {
    float: left;
    width: 20%;
  }
}

@media (min-width: 1170px) {
  .col-md-push-2-4 {
    left: 20%;
  }
}

@media (min-width: 1170px) {
  .col-md-pull-2-4 {
    right: 20%;
  }
}

@media (min-width: 1170px) {
  .col-md-offset-2-4 {
    margin-left: 20%;
  }
}

/* five column grid */
@media (min-width: 1170px) {
  .col-md-2-4 {
    float: left;
    width: 20%;
  }
  .col-md-2-4.col-md-6 {
    float: left;
    width: 20%;
  }
}
/*----------  typography
------------------------------------------------------------------------------*/
/*----------  fonts
------------------------------------------------------------------------------*/
/* ----------- cordale   ------------ */
/**
 * @license
 * MyFonts Webfont Build ID 3227367, 2016-06-02T10:10:33-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Cordale-Italic by Dalton Maag
 * URL: http://www.myfonts.com/fonts/daltonmaag/cordale/italic/
 * Copyright: Copyright 2008-2015 Dalton Maag Ltd. All rights reserved. This font may not be altered in any way without prior permission of Dalton Maag Ltd.
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3227367
 *
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Cordale-Italic';
  src: url("../fonts/313EE7_0_0.eot");
  src: url("../fonts/313EE7_0_0d41dd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/313EE7_0_0.woff2") format("woff2"), url("../fonts/313EE7_0_0.woff") format("woff"), url("../fonts/313EE7_0_0.ttf") format("truetype");
}
@font-face {
  font-family: 'cordaleregular';
  src: url("../fonts/cordale-regular-webfont.eot");
  src: url("../fonts/cordale-regular-webfont.svg") format("svg"), url("../fonts/cordale-regular-webfont.woff") format("woff"), url("../fonts/cordale-regular-webfont.ttf") format("truetype");
}
/* ------------- Gotham ------------- */
/*----------  headings
------------------------------------------------------------------------------*/
h1,
.h1 {
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 40px;
  letter-spacing: -3.5px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -1.25px;
    margin-bottom: 20px;
  }
}

h2 {
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -4px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    letter-spacing: -2.5px;
  }
}

h3 {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  h3 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2.5px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  h3 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2px;
  }
}

h4 {
  font-size: 30px;
  line-height: 32px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  h4 {
    font-size: 20px;
    line-height: 26px;
  }
}

h5 {
  font-size: 18px;
  line-height: 20px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}

h6.offscreen {
  font-size: 0;
  position: absolute;
  left: -50000px;
}

p {
  margin-bottom: 15px;
  line-height: 26px;
  color: #5f686d;
  margin-bottom: 25px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
p a {
  text-decoration: underline;
  color: #17252d;
}

ol {
  margin-left: 0;
  padding-right: 0;
  counter-reset: li;
}
ol li {
  list-style-type: decimal-leading-zero;
  list-style-type: none;
  counter-increment: li;
  position: relative;
  padding-left: 38px;
}
ol li:before {
  content: counter(li,decimal-leading-zero) ".";
  position: absolute;
  left: 0;
  width: 30px;
  color: #17252d;
  font-weight: bold;
}

.intro {
  font-size: 45px;
  line-height: 36px;
  color: #17252d;
  margin-bottom: 35px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}

.text-underline {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-size: 12px;
  letter-spacing: 1.2px;
}
.text-underline.blue:before {
  background: #2dccd3;
}
.text-underline.blue-light:before {
  background: #69b9c0;
}
.text-underline.red:before {
  background: #e40046;
}
.text-underline.white:before {
  background: #fff;
}
.text-underline.green:before {
  background: #00c389;
}
.text-underline.orange:before {
  background: #ff8200;
}
.text-underline.yellow:before {
  background: #ffcd00;
}
.text-underline.green-light:before {
  background: #c4d600;
}
.text-underline.magenta:before {
  background: #c6007e;
}
.text-underline.purple:before {
  background: #9757a6;
}
.text-underline.emperor-orange:before {
  background: #ff9e1b;
}
.text-underline:before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  position: absolute;
}
.text-underline.centered:before {
  left: auto;
  right: auto;
  margin: 0 auto;
  position: relative;
  bottom: -37px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .text-underline {
    margin-bottom: 15px;
    padding-bottom: 7px;
  }
}

.quoted-text {
  quotes: '\201c' '\201d';
  position: relative;
  padding-left: 11px;
  padding-right: 11px;
  overflow: visible;
  margin-left: -11px;
}
.quoted-text:before {
  content: '\201C';
  position: absolute;
  left: -15px;
  top: 4px;
}
.quoted-text:after {
  content: '\201D';
  position: absolute;
  bottom: -5px;
  margin-left: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .quoted-text:before {
    top: 6px;
  }
  .quoted-text:after {
    position: absolute;
    bottom: -5px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .quoted-text:after {
    position: absolute;
    bottom: -6px;
  }
}

.quoted-start {
  quotes: '\201c' '\201d';
  position: relative;
  padding-left: 11px;
  padding-right: 11px;
  overflow: visible;
  margin-left: -11px;
  margin-bottom: 0 !important;
}
.quoted-start:before {
  content: '\201C';
  position: absolute;
  left: -15px;
  top: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .quoted-start:before {
    top: 6px;
  }
}

.quoted-end {
  quotes: '\201c' '\201d';
  position: relative;
  padding-left: 11px;
  padding-right: 11px;
  overflow: visible;
  margin-left: -11px;
}
.quoted-end:after {
  content: '\201D';
  position: absolute;
  bottom: -5px;
  margin-left: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .quoted-end:after {
    position: absolute;
    bottom: -5px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .quoted-end:after {
    position: absolute;
    bottom: -6px;
  }
}

.quotation-author {
  color: #a3acb1;
  font-size: 14px;
  letter-spacing: 0;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .quotation-author {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .quotation-author {
    margin-bottom: 10px;
    font-size: 12px;
  }
}

@media only screen and (min-width: 120px) and (max-width: 767px) {
  p .quotation-author {
    margin-bottom: 0;
  }
}

.bordered {
  border-top: 1px solid #e8eced;
  border-bottom: 1px solid #e8eced;
}

.circle-img {
  border-radius: 50%;
}

/*----------  background color varation
------------------------------------------------------------------------------*/
.yellow-bg .bg-color {
  background-color: #ffd300;
}

.blue-bg .bg-color {
  background-color: #00b4e1;
}

.white-bg .bg-color {
  background-color: #fff;
  color: #17252d;
}

.emperor-black.block .bg-color {
  background-color: #2C2A29;
  color: #fff;
}
.emperor-black .header nav a:not(.zmdi)::before {
  background: #2C2A29 !important;
}
.emperor-black .top-page-banner .colored {
 /*  color: #2C2A29; */
  color: #007DC6;
}

.emperor-white.block .bg-color {
  background-color: #fff;
  color: #2C2A29;
}
.emperor-white .header nav a:not(.zmdi)::before {
  background: #fff !important;
}
.emperor-white .top-page-banner .colored {
  
}

.emperor-yellow.block .bg-color {
  background-color: #FFCD00;
  color: #2C2A29;
}
.emperor-yellow .header nav a:not(.zmdi)::before {
  background: #FFCD00 !important;
}
.emperor-yellow .top-page-banner .colored {
  color: #FFCD00;
}

.emperor-orange.block .bg-color {
  background-color: #FF9E1B;
  color: #fff;
}
.emperor-orange .header nav a:not(.zmdi)::before {
  background: #FF9E1B !important;
}
.emperor-orange .top-page-banner .colored {
  color: #FF9E1B;
}

.emperor-dark-blue.block .bg-color {
  background-color: #253746;
  color: #fff;
}
.emperor-dark-blue .header nav a:not(.zmdi)::before {
  background: #253746 !important;
}
.emperor-dark-blue .top-page-banner .colored {
  color: #253746;
}

.emperor-bright-blue.block .bg-color {
  background-color: #00A3E0;
  color: #fff;
}
.emperor-bright-blue .header nav a:not(.zmdi)::before {
  background: #00A3E0 !important;
}
.emperor-bright-blue .top-page-banner .colored {
  color: #00A3E0;
}

.emperor-grey-1.block .bg-color {
  background-color: #E6E6E6;
  color: #2C2A29;
}
.emperor-grey-1 .header nav a:not(.zmdi)::before {
  background: #e6e6e6 !important;
}
.emperor-grey-1 .top-page-banner .colored {
  color: #e6e6e6;
}

.emperor-grey-2.block .bg-color {
  background-color: #BFBFBF;
  color: #2C2A29;
}
.emperor-grey-2 .header nav a:not(.zmdi)::before {
  background: #bfbfbf !important;
}
.emperor-grey-2 .top-page-banner .colored {
  color: #bfbfbf;
}

.emperor-grey-3.block .bg-color {
  background-color: #999;
  color: #2C2A29;
}
.emperor-grey-3 .header nav a:not(.zmdi)::before {
  background: #999 !important;
}
.emperor-grey-3 .top-page-banner .colored {
  color: #999;
}

.emperor-grey-4.block .bg-color {
  background-color: #4d4d4d;
  color: #2C2A29;
}
.emperor-grey-4 .header nav a:not(.zmdi)::before {
  background: #4d4d4d !important;
}
.emperor-grey-4 .top-page-banner .colored {
  color: #4d4d4d;
}

.red-bg {
  background-color: #ee3d43;
}

.blue-dark-bg {
  background-color: #17252d;
}

.grey-lighter {
  background-color: #f0f1f3;
}

.e-blue-bg {
  background-color: #00A3E0;
}

/*----------  text color varation
------------------------------------------------------------------------------*/
.white-color {
  color: #fff;
}
.white-color .btn {
  border-color: #fff;
  color: #fff;
}
.white-color .btn:hover {
  color: #17252d;
  background: #fff;
}
.white-color .client-name {
  color: #fff;
}

.black-color,
.black-color a {
  color: #17252d;
}
.black-color .btn,
.black-color a .btn {
  border-color: #17252d;
  color: #17252d;
}
.black-color .btn:hover,
.black-color a .btn:hover {
  color: #fff;
}
.black-color .client-name,
.black-color a .client-name {
  color: #17252d;
}

/*----------  RTE styles
------------------------------------------------------------------------------*/
.right-side h4 {
  margin-bottom: 25px;
}
.right-side p {
  margin-bottom: 52px;
}
.right-side img {
  width: 100%;
  height: auto;
  margin-bottom: 58px;
}
.right-side ul {
  width: 100%;
  float: left;
  padding: 0 0 0 20px !important;
  margin-bottom: 20px !important;
}
.right-side ul:before {
  display: none !important;
}
.right-side ul li {
  list-style: disc !important;
  display: list-item !important;
  margin-bottom: 10px !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  font-size: 23px !important;
  line-height: 33px !important;
  font-weight: 400 !important;
  letter-spacing: -0.7px !important;
  color: #5f686d !important;
}
.right-side ul li strong {
  color: #17252d !important;
}
.right-side ol li {
  font-size: 23px !important;
  line-height: 33px !important;
  font-weight: 400 !important;
  letter-spacing: -0.7px !important;
  color: #5f686d !important;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .right-side ul li {
    font-size: 16px !important;
    line-height: 26px !important;
  }
  .right-side ol li {
    font-size: 16px !important;
    line-height: 26px !important;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .right-side ul li {
    font-size: 14px !important;
    line-height: 24px !important;
  }
  .right-side ol li {
    font-size: 14px !important;
    line-height: 24px !important;
  }
}

.button {
  display: inline-block;
  float: left;
}
.button a {
  border-radius: 4px;
  display: inline-block;
  transition: all 0.5s ease;
  border: 2px solid #17252d;
  color: #17252d;
  height: 60px;
  line-height: 56px;
  padding: 0 32px;
  font-size: 16px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 500;
  /* gotham-medium */
  font-style: normal;
  letter-spacing: -0.5px;
  text-decoration: none;
}
.button a:after {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f301';
  margin-left: 5px;
}
.button a:hover {
  background: #17252d;
  color: #fff;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .button a:hover {
    background: none;
    color: #17252d;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .button a {
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    font-size: 14px;
    letter-spacing: -0.3px;
  }
}

/*----------  layout
------------------------------------------------------------------------------*/
html, body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  font-size: 16px;
  overflow-x: hidden;
}
body.blue .top-page-banner .colored,
body.blue .top-page-banner .colored {
  color: #2dccd3;
}
body.blue .top-page-banner ul:before {
  background: #2dccd3;
}
body.blue .top-page-banner .right-col p a,
body.blue .top-page-banner .right-col h1 a,
body.blue .top-page-banner .right-col h2 a {
  color: #2dccd3;
}
body.blue .top-page-banner .author a {
  color: #2dccd3;
  text-decoration: underline;
}
body.blue .top-page-banner .author strong.colored-text {
  color: #2dccd3;
}
body.blue .top-page-banner.bottom-page button[type=submit], body.blue .top-page-banner.bottom-page input[type=submit] {
  background-color: #2dccd3;
}
body.blue .header nav > ul > li > a:hover:before,
body.blue .header nav > ul > li > a.active:before,
body.blue .header .main-nav li a:before,
body.blue .download-form input[type=checkbox] + label:after,
body.blue .download-form button[type=submit] {
  background: #2dccd3;
}
body.blue .quoted-text:after,
body.blue .quoted-text:before,
body.blue .quoted-start:before,
body.blue .quoted-end:after,
body.blue .two-cols-text-grid .title span,
body.blue .colored-text,
body.blue .two-cols-img-text strong span,
body.blue .grid-boxes strong,
body.blue .grid-boxes .zmdi,
body.blue .filter span,
body.blue .newListSelected .selectedTxt:before {
  color: #2dccd3;
}
body.blue .landing-page.details .top-page-banner .back-link:after {
  background: #2dccd3;
}
body.blue.thank-you-popup .mfp-content h3 {
  color: #2dccd3;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.blue .top-page-banner .back-link:before {
    background: #2dccd3;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.blue .top-page-banner .back-link:before {
    background: #2dccd3;
  }
}
body.red .top-page-banner .colored,
body.red .top-page-banner .colored {
  color: #e40046;
}
body.red .top-page-banner ul:before {
  background: #e40046;
}
body.red .top-page-banner .right-col p a,
body.red .top-page-banner .right-col h1 a,
body.red .top-page-banner .right-col h2 a {
  color: #e40046;
}
body.red .top-page-banner .author a {
  color: #e40046;
  text-decoration: underline;
}
body.red .top-page-banner .author strong.colored-text {
  color: #e40046;
}
body.red .top-page-banner.bottom-page button[type=submit], body.red .top-page-banner.bottom-page input[type=submit] {
  background-color: #e40046;
}
body.red .header nav > ul > li > a:hover:before,
body.red .header nav > ul > li > a.active:before,
body.red .header .main-nav li a:before,
body.red .download-form input[type=checkbox] + label:after,
body.red .download-form button[type=submit] {
  background: #e40046;
}
body.red .quoted-text:after,
body.red .quoted-text:before,
body.red .quoted-start:before,
body.red .quoted-end:after,
body.red .two-cols-text-grid .title span,
body.red .colored-text,
body.red .two-cols-img-text strong span,
body.red .grid-boxes strong,
body.red .grid-boxes .zmdi,
body.red .filter span,
body.red .newListSelected .selectedTxt:before {
  color: #e40046;
}
body.red .landing-page.details .top-page-banner .back-link:after {
  background: #e40046;
}
body.red.thank-you-popup .mfp-content h3 {
  color: #e40046;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.red .top-page-banner .back-link:before {
    background: #e40046;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.red .top-page-banner .back-link:before {
    background: #e40046;
  }
}
body.yellow .top-page-banner .colored,
body.yellow .top-page-banner .colored {
  color: #ffcd00;
}
body.yellow .top-page-banner ul:before {
  background: #ffcd00;
}
body.yellow .top-page-banner .right-col p a,
body.yellow .top-page-banner .right-col h1 a,
body.yellow .top-page-banner .right-col h2 a {
  color: #ffcd00;
}
body.yellow .top-page-banner .author a {
  color: #ffcd00;
  text-decoration: underline;
}
body.yellow .top-page-banner .author strong.colored-text {
  color: #ffcd00;
}
body.yellow .top-page-banner.bottom-page button[type=submit], body.yellow .top-page-banner.bottom-page input[type=submit] {
  background-color: #ffcd00;
}
body.yellow .header nav > ul > li > a:hover:before,
body.yellow .header nav > ul > li > a.active:before,
body.yellow .header .main-nav li a:before,
body.yellow .download-form input[type=checkbox] + label:after,
body.yellow .download-form button[type=submit] {
  background: #ffcd00;
}
body.yellow .quoted-text:after,
body.yellow .quoted-text:before,
body.yellow .quoted-start:before,
body.yellow .quoted-end:after,
body.yellow .two-cols-text-grid .title span,
body.yellow .colored-text,
body.yellow .two-cols-img-text strong span,
body.yellow .grid-boxes strong,
body.yellow .grid-boxes .zmdi,
body.yellow .filter span,
body.yellow .newListSelected .selectedTxt:before {
  color: #ffcd00;
}
body.yellow .landing-page.details .top-page-banner .back-link:after {
  background: #ffcd00;
}
body.yellow.thank-you-popup .mfp-content h3 {
  color: #ffcd00;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.yellow .top-page-banner .back-link:before {
    background: #ffcd00;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.yellow .top-page-banner .back-link:before {
    background: #ffcd00;
  }
}
body.green .top-page-banner .colored,
body.green .top-page-banner .colored {
  color: #00c389;
}
body.green .top-page-banner ul:before {
  background: #00c389;
}
body.green .top-page-banner .right-col p a,
body.green .top-page-banner .right-col h1 a,
body.green .top-page-banner .right-col h2 a {
  color: #00c389;
}
body.green .top-page-banner .author a {
  color: #00c389;
  text-decoration: underline;
}
body.green .top-page-banner .author strong.colored-text {
  color: #00c389;
}
body.green .top-page-banner.bottom-page button[type=submit], body.green .top-page-banner.bottom-page input[type=submit] {
  background-color: #00c389;
}
body.green .header nav > ul > li > a:hover:before,
body.green .header nav > ul > li > a.active:before,
body.green .header .main-nav li a:before,
body.green .download-form input[type=checkbox] + label:after,
body.green .download-form button[type=submit] {
  background: #00c389;
}
body.green .quoted-text:after,
body.green .quoted-text:before,
body.green .quoted-start:before,
body.green .quoted-end:after,
body.green .two-cols-text-grid .title span,
body.green .colored-text,
body.green .two-cols-img-text strong span,
body.green .grid-boxes strong,
body.green .grid-boxes .zmdi,
body.green .filter span,
body.green .newListSelected .selectedTxt:before {
  color: #00c389;
}
body.green .landing-page.details .top-page-banner .back-link:after {
  background: #00c389;
}
body.green.thank-you-popup .mfp-content h3 {
  color: #00c389;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.green .top-page-banner .back-link:before {
    background: #00c389;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.green .top-page-banner .back-link:before {
    background: #00c389;
  }
}
body.blue-light .top-page-banner .colored,
body.blue-light .top-page-banner .colored {
  color: #69b9c0;
}
body.blue-light .top-page-banner ul:before {
  background: #69b9c0;
}
body.blue-light .top-page-banner .right-col p a,
body.blue-light .top-page-banner .right-col h1 a,
body.blue-light .top-page-banner .right-col h2 a {
  color: #69b9c0;
}
body.blue-light .top-page-banner .author a {
  color: #69b9c0;
  text-decoration: underline;
}
body.blue-light .top-page-banner .author strong.colored-text {
  color: #69b9c0;
}
body.blue-light .top-page-banner.bottom-page button[type=submit], body.blue-light .top-page-banner.bottom-page input[type=submit] {
  background-color: #69b9c0;
}
body.blue-light .header nav > ul > li > a:hover:before,
body.blue-light .header nav > ul > li > a.active:before,
body.blue-light .header .main-nav li a:before,
body.blue-light .download-form input[type=checkbox] + label:after,
body.blue-light .download-form button[type=submit] {
  background: #69b9c0;
}
body.blue-light .quoted-text:after,
body.blue-light .quoted-text:before,
body.blue-light .quoted-start:before,
body.blue-light .quoted-end:after,
body.blue-light .two-cols-text-grid .title span,
body.blue-light .colored-text,
body.blue-light .two-cols-img-text strong span,
body.blue-light .grid-boxes strong,
body.blue-light .grid-boxes .zmdi,
body.blue-light .filter span,
body.blue-light .newListSelected .selectedTxt:before {
  color: #69b9c0;
}
body.blue-light .landing-page.details .top-page-banner .back-link:after {
  background: #69b9c0;
}
body.blue-light.thank-you-popup .mfp-content h3 {
  color: #69b9c0;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.blue-light .top-page-banner .back-link:before {
    background: #69b9c0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.blue-light .top-page-banner .back-link:before {
    background: #69b9c0;
  }
}
body.blue-dark .top-page-banner .colored,
body.blue-dark .top-page-banner .colored {
  color: #17262d;
}
body.blue-dark .top-page-banner ul:before {
  background: #17262d;
}
body.blue-dark .top-page-banner .right-col p a,
body.blue-dark .top-page-banner .right-col h1 a,
body.blue-dark .top-page-banner .right-col h2 a {
  color: #17262d;
}
body.blue-dark .top-page-banner .author a {
  color: #17262d;
  text-decoration: underline;
}
body.blue-dark .top-page-banner .author strong.colored-text {
  color: #17262d;
}
body.blue-dark .top-page-banner.bottom-page button[type=submit], body.blue-dark .top-page-banner.bottom-page input[type=submit] {
  background-color: #17262d;
}
body.blue-dark .header nav > ul > li > a:hover:before,
body.blue-dark .header nav > ul > li > a.active:before,
body.blue-dark .header .main-nav li a:before,
body.blue-dark .download-form input[type=checkbox] + label:after,
body.blue-dark .download-form button[type=submit] {
  background: #17262d;
}
body.blue-dark .quoted-text:after,
body.blue-dark .quoted-text:before,
body.blue-dark .quoted-start:before,
body.blue-dark .quoted-end:after,
body.blue-dark .two-cols-text-grid .title span,
body.blue-dark .colored-text,
body.blue-dark .two-cols-img-text strong span,
body.blue-dark .grid-boxes strong,
body.blue-dark .grid-boxes .zmdi,
body.blue-dark .filter span,
body.blue-dark .newListSelected .selectedTxt:before {
  color: #17262d;
}
body.blue-dark .landing-page.details .top-page-banner .back-link:after {
  background: #17262d;
}
body.blue-dark.thank-you-popup .mfp-content h3 {
  color: #17262d;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.blue-dark .top-page-banner .back-link:before {
    background: #17262d;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.blue-dark .top-page-banner .back-link:before {
    background: #17262d;
  }
}
body.purple .top-page-banner .colored,
body.purple .top-page-banner .colored {
  color: #9757a6;
}
body.purple .top-page-banner ul:before {
  background: #9757a6;
}
body.purple .top-page-banner .right-col p a,
body.purple .top-page-banner .right-col h1 a,
body.purple .top-page-banner .right-col h2 a {
  color: #9757a6;
}
body.purple .top-page-banner .author a {
  color: #9757a6;
  text-decoration: underline;
}
body.purple .top-page-banner .author strong.colored-text {
  color: #9757a6;
}
body.purple .top-page-banner.bottom-page button[type=submit], body.purple .top-page-banner.bottom-page input[type=submit] {
  background-color: #9757a6;
}
body.purple .header nav > ul > li > a:hover:before,
body.purple .header nav > ul > li > a.active:before,
body.purple .header .main-nav li a:before,
body.purple .download-form input[type=checkbox] + label:after,
body.purple .download-form button[type=submit] {
  background: #9757a6;
}
body.purple .quoted-text:after,
body.purple .quoted-text:before,
body.purple .quoted-start:before,
body.purple .quoted-end:after,
body.purple .two-cols-text-grid .title span,
body.purple .colored-text,
body.purple .two-cols-img-text strong span,
body.purple .grid-boxes strong,
body.purple .grid-boxes .zmdi,
body.purple .filter span,
body.purple .newListSelected .selectedTxt:before {
  color: #9757a6;
}
body.purple .landing-page.details .top-page-banner .back-link:after {
  background: #9757a6;
}
body.purple.thank-you-popup .mfp-content h3 {
  color: #9757a6;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.purple .top-page-banner .back-link:before {
    background: #9757a6;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.purple .top-page-banner .back-link:before {
    background: #9757a6;
  }
}
body.green-light .top-page-banner .colored,
body.green-light .top-page-banner .colored {
  color: #c4d600;
}
body.green-light .top-page-banner ul:before {
  background: #c4d600;
}
body.green-light .top-page-banner .right-col p a,
body.green-light .top-page-banner .right-col h1 a,
body.green-light .top-page-banner .right-col h2 a {
  color: #c4d600;
}
body.green-light .top-page-banner .author a {
  color: #c4d600;
  text-decoration: underline;
}
body.green-light .top-page-banner .author strong.colored-text {
  color: #c4d600;
}
body.green-light .top-page-banner.bottom-page button[type=submit], body.green-light .top-page-banner.bottom-page input[type=submit] {
  background-color: #c4d600;
}
body.green-light .header nav > ul > li > a:hover:before,
body.green-light .header nav > ul > li > a.active:before,
body.green-light .header .main-nav li a:before,
body.green-light .download-form input[type=checkbox] + label:after,
body.green-light .download-form button[type=submit] {
  background: #c4d600;
}
body.green-light .quoted-text:after,
body.green-light .quoted-text:before,
body.green-light .quoted-start:before,
body.green-light .quoted-end:after,
body.green-light .two-cols-text-grid .title span,
body.green-light .colored-text,
body.green-light .two-cols-img-text strong span,
body.green-light .grid-boxes strong,
body.green-light .grid-boxes .zmdi,
body.green-light .filter span,
body.green-light .newListSelected .selectedTxt:before {
  color: #c4d600;
}
body.green-light .landing-page.details .top-page-banner .back-link:after {
  background: #c4d600;
}
body.green-light.thank-you-popup .mfp-content h3 {
  color: #c4d600;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.green-light .top-page-banner .back-link:before {
    background: #c4d600;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.green-light .top-page-banner .back-link:before {
    background: #c4d600;
  }
}
body.orange .top-page-banner .colored,
body.orange .top-page-banner .colored {
  color: #ff8200;
}
body.orange .top-page-banner ul:before {
  background: #ff8200;
}
body.orange .top-page-banner .right-col p a,
body.orange .top-page-banner .right-col h1 a,
body.orange .top-page-banner .right-col h2 a {
  color: #ff8200;
}
body.orange .top-page-banner .author a {
  color: #ff8200;
  text-decoration: underline;
}
body.orange .top-page-banner .author strong.colored-text {
  color: #ff8200;
}
body.orange .top-page-banner.bottom-page button[type=submit], body.orange .top-page-banner.bottom-page input[type=submit] {
  background-color: #ff8200;
}
body.orange .header nav > ul > li > a:hover:before,
body.orange .header nav > ul > li > a.active:before,
body.orange .header .main-nav li a:before,
body.orange .download-form input[type=checkbox] + label:after,
body.orange .download-form button[type=submit] {
  background: #ff8200;
}
body.orange .quoted-text:after,
body.orange .quoted-text:before,
body.orange .quoted-start:before,
body.orange .quoted-end:after,
body.orange .two-cols-text-grid .title span,
body.orange .colored-text,
body.orange .two-cols-img-text strong span,
body.orange .grid-boxes strong,
body.orange .grid-boxes .zmdi,
body.orange .filter span,
body.orange .newListSelected .selectedTxt:before {
  color: #ff8200;
}
body.orange .landing-page.details .top-page-banner .back-link:after {
  background: #ff8200;
}
body.orange.thank-you-popup .mfp-content h3 {
  color: #ff8200;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.orange .top-page-banner .back-link:before {
    background: #ff8200;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.orange .top-page-banner .back-link:before {
    background: #ff8200;
  }
}
body.magenta .top-page-banner .colored,
body.magenta .top-page-banner .colored {
  color: #c6007e;
}
body.magenta .top-page-banner ul:before {
  background: #c6007e;
}
body.magenta .top-page-banner .right-col p a,
body.magenta .top-page-banner .right-col h1 a,
body.magenta .top-page-banner .right-col h2 a {
  color: #c6007e;
}
body.magenta .top-page-banner .author a {
  color: #c6007e;
  text-decoration: underline;
}
body.magenta .top-page-banner .author strong.colored-text {
  color: #c6007e;
}
body.magenta .top-page-banner.bottom-page button[type=submit], body.magenta .top-page-banner.bottom-page input[type=submit] {
  background-color: #c6007e;
}
body.magenta .header nav > ul > li > a:hover:before,
body.magenta .header nav > ul > li > a.active:before,
body.magenta .header .main-nav li a:before,
body.magenta .download-form input[type=checkbox] + label:after,
body.magenta .download-form button[type=submit] {
  background: #c6007e;
}
body.magenta .quoted-text:after,
body.magenta .quoted-text:before,
body.magenta .quoted-start:before,
body.magenta .quoted-end:after,
body.magenta .two-cols-text-grid .title span,
body.magenta .colored-text,
body.magenta .two-cols-img-text strong span,
body.magenta .grid-boxes strong,
body.magenta .grid-boxes .zmdi,
body.magenta .filter span,
body.magenta .newListSelected .selectedTxt:before {
  color: #c6007e;
}
body.magenta .landing-page.details .top-page-banner .back-link:after {
  background: #c6007e;
}
body.magenta.thank-you-popup .mfp-content h3 {
  color: #c6007e;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  body.magenta .top-page-banner .back-link:before {
    background: #c6007e;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  body.magenta .top-page-banner .back-link:before {
    background: #c6007e;
  }
}
body.popup-show, body.video-overlay {
  overflow: hidden;
}
body.pulse-page-body {
  font-family: "Gotham", sans-serif;
  font-weight: 300;
}
body.pulse-page-body p {
  font-family: "Gotham", sans-serif;
}

@media only screen and (max-width: 319px) {
  .container {
    width: 320px;
  }
}

.wrapper {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.content {
  min-height: 500px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  *zoom: 1;
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1170px) {
  .container {
    width: 1170px;
    max-width: 100%;
  }
}
@media (min-width: 1500px) {
  .container {
    width: 1530px;
    max-width: 100%;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  overflow: hidden;
  *zoom: 1;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
  overflow: hidden;
  *zoom: 1;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

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

.col-xs-1 {
  width: 8.33333%;
}

.col-xs-2 {
  width: 16.66667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.33333%;
}

.col-xs-5 {
  width: 41.66667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.33333%;
}

.col-xs-8 {
  width: 66.66667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.33333%;
}

.col-xs-11 {
  width: 91.66667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.33333%;
}

.col-xs-pull-2 {
  right: 16.66667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.33333%;
}

.col-xs-pull-5 {
  right: 41.66667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.33333%;
}

.col-xs-pull-8 {
  right: 66.66667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.33333%;
}

.col-xs-pull-11 {
  right: 91.66667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.33333%;
}

.col-xs-push-2 {
  left: 16.66667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.33333%;
}

.col-xs-push-5 {
  left: 41.66667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.33333%;
}

.col-xs-push-8 {
  left: 66.66667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.33333%;
}

.col-xs-push-11 {
  left: 91.66667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-1 {
    width: 8.33333%;
  }

  .col-sm-2 {
    width: 16.66667%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-4 {
    width: 33.33333%;
  }

  .col-sm-5 {
    width: 41.66667%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.33333%;
  }

  .col-sm-8 {
    width: 66.66667%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-10 {
    width: 83.33333%;
  }

  .col-sm-11 {
    width: 91.66667%;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-pull-1 {
    right: 8.33333%;
  }

  .col-sm-pull-2 {
    right: 16.66667%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-4 {
    right: 33.33333%;
  }

  .col-sm-pull-5 {
    right: 41.66667%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-7 {
    right: 58.33333%;
  }

  .col-sm-pull-8 {
    right: 66.66667%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-10 {
    right: 83.33333%;
  }

  .col-sm-pull-11 {
    right: 91.66667%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-push-1 {
    left: 8.33333%;
  }

  .col-sm-push-2 {
    left: 16.66667%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-4 {
    left: 33.33333%;
  }

  .col-sm-push-5 {
    left: 41.66667%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-7 {
    left: 58.33333%;
  }

  .col-sm-push-8 {
    left: 66.66667%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-10 {
    left: 83.33333%;
  }

  .col-sm-push-11 {
    left: 91.66667%;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66667%;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1170px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-1 {
    width: 8.33333%;
  }

  .col-md-2 {
    width: 16.66667%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-4 {
    width: 33.33333%;
  }

  .col-md-5 {
    width: 41.66667%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-7 {
    width: 58.33333%;
  }

  .col-md-8 {
    width: 66.66667%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-10 {
    width: 83.33333%;
  }

  .col-md-11 {
    width: 91.66667%;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-pull-1 {
    right: 8.33333%;
  }

  .col-md-pull-2 {
    right: 16.66667%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-4 {
    right: 33.33333%;
  }

  .col-md-pull-5 {
    right: 41.66667%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-7 {
    right: 58.33333%;
  }

  .col-md-pull-8 {
    right: 66.66667%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-10 {
    right: 83.33333%;
  }

  .col-md-pull-11 {
    right: 91.66667%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-push-1 {
    left: 8.33333%;
  }

  .col-md-push-2 {
    left: 16.66667%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-4 {
    left: 33.33333%;
  }

  .col-md-push-5 {
    left: 41.66667%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-7 {
    left: 58.33333%;
  }

  .col-md-push-8 {
    left: 66.66667%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-10 {
    left: 83.33333%;
  }

  .col-md-push-11 {
    left: 91.66667%;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333%;
  }

  .col-md-offset-2 {
    margin-left: 16.66667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333%;
  }

  .col-md-offset-5 {
    margin-left: 41.66667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333%;
  }

  .col-md-offset-8 {
    margin-left: 66.66667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333%;
  }

  .col-md-offset-11 {
    margin-left: 91.66667%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1500px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-1 {
    width: 8.33333%;
  }

  .col-lg-2 {
    width: 16.66667%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-4 {
    width: 33.33333%;
  }

  .col-lg-5 {
    width: 41.66667%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-7 {
    width: 58.33333%;
  }

  .col-lg-8 {
    width: 66.66667%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-10 {
    width: 83.33333%;
  }

  .col-lg-11 {
    width: 91.66667%;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-pull-1 {
    right: 8.33333%;
  }

  .col-lg-pull-2 {
    right: 16.66667%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-4 {
    right: 33.33333%;
  }

  .col-lg-pull-5 {
    right: 41.66667%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-7 {
    right: 58.33333%;
  }

  .col-lg-pull-8 {
    right: 66.66667%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-10 {
    right: 83.33333%;
  }

  .col-lg-pull-11 {
    right: 91.66667%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-push-1 {
    left: 8.33333%;
  }

  .col-lg-push-2 {
    left: 16.66667%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-4 {
    left: 33.33333%;
  }

  .col-lg-push-5 {
    left: 41.66667%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-7 {
    left: 58.33333%;
  }

  .col-lg-push-8 {
    left: 66.66667%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-10 {
    left: 83.33333%;
  }

  .col-lg-push-11 {
    left: 91.66667%;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66667%;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table !important;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 1169px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 1169px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1170px) and (max-width: 1499px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table !important;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1170px) and (max-width: 1499px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 1170px) and (max-width: 1499px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 1170px) and (max-width: 1499px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1500px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table !important;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1500px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1500px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1500px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 1169px) {
  .container {
    padding-left: 29px;
    padding-right: 29px;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

  .container {
    padding-left: 18px;
    padding-right: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1169px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1170px) and (max-width: 1499px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1500px) {
  .hidden-lg {
    display: none !important;
  }
}
@media (min-width: 1170px) and (max-width: 1250px) {
  .container {
    width: 1110px;
  }
}
/* five column grid */
@media (min-width: 1170px) {
  .col-md-2-4 {
    float: left;
    width: 20%;
  }
  .col-md-2-4.col-md-6 {
    float: left;
    width: 20%;
  }
}
@font-face {
  font-family: 'Gotham';
  src: url("../../fonts/Gotham-Book.eot");
  src: url("../../fonts/Gotham-Bookd41dd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/Gotham-Book.woff2") format("woff2"), url("../../fonts/Gotham-Book.woff") format("woff"), url("../../fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url("../../fonts/Gotham-BoldItalic.eot");
  src: url("../../fonts/Gotham-BoldItalicd41dd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/Gotham-BoldItalic.woff2") format("woff2"), url("../../fonts/Gotham-BoldItalic.woff") format("woff"), url("../../fonts/Gotham-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gotham';
  src: url("../../fonts/Gotham-Bold.eot");
  src: url("../../fonts/Gotham-Boldd41dd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/Gotham-Bold.woff2") format("woff2"), url("../../fonts/Gotham-Bold.woff") format("woff"), url("../../fonts/Gotham-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* ==========================================================================
	layout
	========================================================================== */
/*----------  button
------------------------------------------------------------------------------*/
a,
button {
  appearance: none;
  border: 0;
  outline: none;
  transition: 0.3s ease;
}

.btn {
  border-radius: 4px;
  display: inline-block;
  transition: all 0.5s ease;
  border: 2px solid #17252d;
  color: #17252d;
  height: 60px;
  line-height: 56px;
  padding: 0 32px;
  font-size: 16px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 500;
  /* gotham-medium */
  font-style: normal;
  letter-spacing: -0.5px;
}
.btn:hover {
  background: #17252d;
  color: #fff;
}
.btn.white {
  border-color: #fff;
  color: #fff;
}
.btn.white:hover {
  border-color: #17252d;
}
.btn.small {
  width: 60px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -ms-animation-name: bounce;
  -o-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  text-align: center;
  font-size: 20px;
}
.btn.small .zmdi-long-arrow-down {
  margin-right: 0;
}
.btn.small.white {
  color: #fff;
}
.btn.small.white:hover {
  color: #fff;
  background: #17252d;
}
.btn .zmdi-long-arrow-down {
  margin-right: 4px;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .btn:hover {
    background: none;
    color: #17252d;
  }
  .btn.white:hover {
    color: #fff;
    border-color: #fff;
  }
  .btn.small {
    width: 50px;
    height: 50px;
    line-height: 46px;
  }
  .btn.small.white:hover {
    background: none;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .btn {
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    font-size: 14px;
    letter-spacing: -0.3px;
  }
  .btn .zmdi-long-arrow-down {
    margin-right: 1px;
  }
  .btn.small .zmdi-long-arrow-down {
    margin-right: 0;
  }
}

/*----------  icons
------------------------------------------------------------------------------*/
.ico {
  display: inline-block;
}

.ico-menu {
  width: 31px;
  height: 17px;
  background-position: -10px -70px;
}

.ico-logo {
  width: 185px;
  height: 41px;
  background-position: -10px -10px;
}

.animated-icon {
  display: block;
  width: 100px;
  height: 100px;
}

/*----------  forms
------------------------------------------------------------------------------*/
input,
textarea {
  border-radius: 3px;
  border: none;
  background: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #17252d;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #a3acb3;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #a3acb3;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #a3acb3;
}
input.half,
textarea.half {
  width: 48.8%;
}
input.half:nth-child(odd),
textarea.half:nth-child(odd) {
  float: left;
}
input.half:nth-child(even),
textarea.half:nth-child(even) {
  float: right;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  input.half,
  textarea.half {
    width: 100%;
  }
  input.half:nth-child(odd),
  textarea.half:nth-child(odd) {
    margin-bottom: 20px;
  }
}

input[type="email"] {
  width: 356px;
  margin-right: 5px;
  color: #a3acb1;
  background: #fff;
  letter-spacing: -0.8px;
}
input[type="email"].half {
  width: 48.8%;
  margin-right: 0;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  input[type="email"] {
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.75px;
    padding: 0 16px;
  }
  input[type="email"].half {
    width: 100%;
  }
}

input[type="submit"],
button[type="submit"] {
  padding: 6px 24px;
  color: #fff;
  background: #ee3d43;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 3px;
  border: none;
  height: 50px;
  line-height: 44px;
  font-weight: 700;
}
input[type="submit"]#submitBtn,
button[type="submit"]#submitBtn {
  background: #00a3e0;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  input[type="submit"],
  button[type="submit"] {
    line-height: 40px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  input[type="submit"],
  button[type="submit"] {
    line-height: 38px;
  }
}

.form-row {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

/*----------  custom select
------------------------------------------------------------------------------*/
.newListSelected {
  width: 340px;
  height: 70px;
  cursor: pointer;
  float: left;
  margin-left: 30px;
  position: relative;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.newListSelected:before {
  content: '\f2f9';
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 2em;
}
.newListSelected ::-webkit-scrollbar {
  width: 10px;
}
.newListSelected ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 15px;
}
.newListSelected ::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 15px;
}
.newListSelected .selectedTxt {
  height: 70px;
  line-height: 70px;
  padding: 0 25px 0 10px;
  color: #17252d;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}
.newListSelected .selectedTxt:after {
  display: block;
  content: '';
  position: absolute;
  top: 20px;
  right: 0px;
  width: 1px;
  height: 30px;
  background: #cbced0;
}
.newListSelected .newList {
  width: 100%;
  position: absolute;
  overflow: auto;
  z-index: 9999;
  float: none;
  border-left: 1px solid #eaeced;
  border-bottom: 1px solid #eaeced;
  border-right: 1px solid #eaeced;
  height: auto !important;
  top: 38px !important;
  background: #fff;
  overflow-y: scroll;
}
.newListSelected .newList li {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 0;
}
.newListSelected .newList li a {
  width: 100%;
  float: left;
  color: #6D6D6D;
  padding: 10px;
  font-weight: normal;
  display: block;
  line-height: 16px;
  text-align: left;
  height: auto;
}
.newListSelected.newListSelFocus {
  outline: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}
/*----------  custom form for campaign pages
------------------------------------------------------------------------------*/
.contact-form input {
  height: 60px;
  line-height: 60px;
  border: 2px solid #ebecee;
  font-size: 16px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.contact-form input:focus {
  border: 2px solid #17252d;
}
.contact-form input[type="email"] {
  color: #17252d;
}
.contact-form textarea {
  width: 100%;
  height: auto;
  line-height: normal;
  padding: 20px;
  border: 2px solid #ebecee;
  font-size: 16px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.contact-form textarea:focus {
  border: 2px solid #17252d;
}
.contact-form .btn {
  width: 100%;
}
.contact-form .btn:hover {
  color: #fff;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .contact-form input, .contact-form textarea {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .contact-form {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .contact-form {
    float: left;
    margin-bottom: 25px;
  }
}

/*----------  download form
------------------------------------------------------------------------------*/
.download-form {
  padding: 7px 0 140px;
}
.download-form form {
  padding-top: 14px;
}
.download-form .form-field {
  margin-bottom: 20px;
  width: 484px;
  max-width: 100%;
}
.download-form input {
  border: 2px solid #eaeced;
}
.download-form input.touched:invalid {
  background: none;
  border-color: #ee3d43;
}
.download-form input:invalid {
  background: none;
}
.download-form .text-field input {
  font-size: 20px;
  width: 100%;
  padding: 15px 20px;
  height: 60px;
}
.download-form .text-field input[type=email] {
  color: #17252d;
}
.download-form input[type='checkbox'] {
  display: none;
}
.download-form input[type='checkbox'] + label {
  padding-left: 30px;
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block;
  text-indent: -9999px;
}
.download-form input[type='checkbox'] + label:before {
  content: '';
  width: 30px;
  height: 30px;
  border: 2px solid #eaeced;
  border-radius: 3px;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.download-form input[type='checkbox']:checked + label:after {
  content: '';
  background: #ee3d43;
  border-radius: 3px;
  width: 20px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  height: 20px;
}
.download-form .checkbox {
  width: 30px;
  float: left;
}
.download-form .checkbox-message {
  font-size: 14px;
  line-height: 16px;
  float: left;
  width: calc(100% - 30px);
  padding: 0 0 4px 28px;
  margin-top: -2px;
  color: #5f686d;
}
.download-form .form-message {
  padding-top: 25px;
}
.download-form .form-message p {
  font-weight: bold;
  color: black;
  line-height: 22px;
}
.download-form button[type=submit] {
  font-size: 16px;
  width: 100%;
  padding: 10px 24px;
  height: 60px;
}
.download-form button[type=submit] i {
  margin-right: 5px;
}
.download-form button[type=submit]:focus {
  outline: 0;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .download-form {
    padding: 7px 0 53px;
  }
  .download-form .form-field {
    width: 590px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .download-form form {
    padding-top: 24px;
  }
  .download-form .checkbox {
    margin-top: 10px;
  }
  .download-form .checkbox-message {
    margin-top: 8px;
    padding: 0 0 12px 28px;
    max-width: 450px;
    width: 100%;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .download-form {
    padding: 7px 0 21px;
  }
  .download-form .form-field {
    margin-bottom: 12px;
  }
  .download-form .text-field input {
    padding: 10px 20px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
  }
  .download-form .checkbox {
    margin-top: 14px;
  }
  .download-form .checkbox-message {
    margin-top: 11px;
  }
  .download-form .form-message {
    padding-top: 5px;
  }
  .download-form .form-message p {
    font-size: 16px;
  }
  .download-form button[type=submit] {
    padding: 10px 0;
  }
}

.insights-detail-page .download-form h2 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .insights-detail-page .download-form h2 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 23px;
    margin-bottom: 22px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .insights-detail-page .download-form h2 {
    font-size: 18px;
    line-height: 18px;
    margin-top: 16px;
    margin-bottom: 24px;
  }
}

/* ==========================================================================
	partials
   ========================================================================== */
/*----------  header
------------------------------------------------------------------------------*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12;
  min-height: 100px;
  padding: 30px 0 0 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  border-bottom: 1px solid transparent;
}
.header > .container {
  overflow: visible;
}
.header.sticky {
  background-color: #fff;
  padding: 5px 0 0;
  min-height: 80px;
  border-bottom: 1px solid #eaeced;
}
.header.sticky .logo {
  margin-top: 3px;
}
.header.sticky nav > ul > li {
  margin-top: 5px;
  height: 50px;
}
.header.menu-active {
  position: absolute;
}
.header.menu-active .menu-toggle {
  position: absolute;
}
.header.light-color nav > ul > li > a {
  color: #fff;
}
.header.light-color nav > ul > li > a:hover:before {
  background: #fff;
}
.header.light-color .ico-menu {
  width: 31px;
  height: 17px;
  background-position: -10px -106px;
}
.header.light-color .logo .white {
  display: block;
}
.header.light-color .logo .dark {
  display: none;
}
.header.light-color.sticky nav > ul > li > a {
  color: #17252d;
}
.header.light-color.sticky nav > ul > li > a:before {
  background: #17252d;
}
.header.light-color.sticky .ico-menu {
  width: 31px;
  height: 17px;
  background-position: -10px -70px;
}
.header.light-color.sticky .logo .white {
  display: none;
}
.header.light-color.sticky .logo .dark {
  display: block;
}
.header.cookie-padding {
  padding-top: 98px;
}
.header.cookie-padding.sticky {
  padding-top: 63px;
}
.header .animated {
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.header nav {
  float: right;
  margin-top: 18px;
}
.header nav > ul > li {
  display: inline-block;
  margin-top: 3px;
  margin-right: 50px;
  height: 35px;
}
.header nav > ul > li:last-of-type {
  display: inline-block;
  margin-right: -2px;
}
.header nav > ul > li:last-of-type > a:before {
  display: none;
}
.header nav > ul > li:nth-last-child(2) {
  margin-right: 78px;
}
.header nav > ul > li > a {
  text-transform: uppercase;
  color: #17252d;
  position: relative;
  display: block;
  height: 100%;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  letter-spacing: 1.6px;
}
.header nav > ul > li > a:before {
  content: '';
  display: block;
  opacity: 0;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -1px;
  position: absolute;
  background: #17252d;
}
.header nav > ul > li > a:hover:before, .header nav > ul > li > a.active:before {
  opacity: 1;
  transition: opacity .5s ease;
  -webkit-transition: opacity .5s ease;
}
.header nav > ul .language-item {
  display: inline-block;
  margin-right: 10px;
}
.header nav > ul .language-item a {
  color: #666;
  font-size: 12px;
  position: relative;
  padding-bottom: 10px;
  font-weight: 400;
  height: auto;
  line-height: 1;
}
.header nav > ul .language-item a::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 5px;
  position: absolute;
  background: transparent;
}
.header nav > ul .language-item a:before {
  content: '';
  display: block;
  opacity: 0;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 5px;
  position: absolute;
  background: #17252d;
}
.header nav > ul .language-item a:hover:before {
  background-color: #fff;
}
.header nav > ul .language-item.active a {
  color: #000;
}
.header nav > ul .language-item.active a::after {
  background-color: #000;
}
.header nav > ul .language-item--white.active a {
  color: #fff;
}
.header nav > ul .language-item--white.active a::after {
  background-color: #fff;
}
.header .logo {
  display: inline-block;
  width: 184px;
  height: 40px;
}
.header .logo img {
  width: 100%;
}
.header .logo .white {
  display: none;
}
.header .menu-icon {
  display: inline-block;
  top: 3px;
}
.header .menu-toggle {
  padding: 48px 20px 20px 58px;
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  visibility: hidden;
  width: 567px;
  height: 100%;
  background: #017DC5;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  transform: translate3d(100%, 0, 0);
  animation: fadeOut 0.7s ease-in;
  -webkit-animation: fadeOut 0.7s ease-in;
}
.header .menu-toggle.open {
  visibility: visible;
  transform: translate3d(0, 0, 0);
  animation: fadeIn 0.7s ease-in;
  -webkit-animation: fadeIn 0.7s ease-in;
}
.header .menu-toggle a {
  display: inline-block;
}
.header .menu-toggle .ico-close {
  display: block;
  width: 21px;
  height: 20px;
  margin: 0 0 40px 271px;
  float: none;
  background: url(../img/ico-menu-close.png) no-repeat 0 0;
}
.header .main-nav a,
.header .sec-nav a {
  color: #a3acb1;
}
.header .main-nav a:focus, .header .main-nav a:hover, .header .main-nav a.active,
.header .sec-nav a:focus,
.header .sec-nav a:hover,
.header .sec-nav a.active {
  color: #fff;
}
.header .main-nav {
  font-size: 18px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.header .main-nav ul {
  margin-bottom: 44px;
  clear: both;
}
.header .main-nav li {
  margin-bottom: 20px;
  text-transform: uppercase;
}
.header .main-nav li a {
  position: relative;
  transition: all 0.3s;
  letter-spacing: 1.8px;
}
.header .main-nav li a:focus, .header .main-nav li a:hover, .header .main-nav li a.active {
  padding-left: 16px;
}
.header .main-nav li a:focus:before, .header .main-nav li a:hover:before, .header .main-nav li a.active:before {
  opacity: 1;
  transition: opacity .5s ease;
  -webkit-transition: opacity .5s ease;
}
.header .main-nav li a:before {
  opacity: 0;
  content: '';
  background: #f14841;
  width: 3px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.header .main-nav li:nth-of-type(1) a {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  -o-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.header .main-nav li:nth-of-type(2) a {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  -o-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.header .main-nav li:nth-of-type(3) a {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.header .main-nav li:nth-of-type(4) a {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  -o-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.header .main-nav li:nth-of-type(5) a {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  -o-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.header .main-nav li:nth-of-type(6) a {
  -webkit-animation-delay: 0.35s;
  -moz-animation-delay: 0.35s;
  -o-animation-delay: 0.35s;
  animation-delay: 0.35s;
}
.header .main-nav > ul > li {
  margin-bottom: 25px;
  line-height: 15px;
}
.header .sec-nav {
  margin-bottom: 45px;
  font-family: "Cordale-Italic";
  font-style: normal;
}
.header .sec-nav li {
  margin-bottom: 8px;
}
.header .sec-nav li:nth-of-type(1) a {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.header .sec-nav li:nth-of-type(2) a {
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  animation-delay: 0.45s;
}
.header .sec-nav li:nth-of-type(3) a {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.header .sec-nav li:nth-of-type(4) a {
  -webkit-animation-delay: 0.55s;
  -moz-animation-delay: 0.55s;
  -o-animation-delay: 0.55s;
  animation-delay: 0.55s;
}
.header .btns {
  margin-top: 39px;
  margin-bottom: 49px;
}
.header .btns li {
  margin-bottom: 9px;
}
.header .btns li:nth-of-type(1) a {
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.header .btns li:nth-of-type(2) a {
  -webkit-animation-delay: 0.65s;
  -moz-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}
.header .btns li a {
  height: 50px;
  line-height: 46px;
  padding: 0 24px;
  font-size: 14px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.header .btns li a:hover {
  background: #fff;
  color: #17252d;
  animation-delay: 0;
  -webkit-animation-delay: 0;
}
.header .socials-links li {
  margin-right: 28px;
  display: inline-block;
}
.header .socials-links li a {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  -o-animation-delay: 0.7s;
  animation-delay: 0.7s;
  font-size: 30px;
  color: #babec0;
}
.header .footer-links li {
  margin-bottom: 4px;
}
.header .footer-links li a {
  font-size: 12px;
  color: #a3acb1;
  font-weight: 400;
}
.header .footer-links li:nth-of-type(1) a {
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.header .footer-links li:nth-of-type(2) a {
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  -o-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.header .footer-links li:nth-of-type(3) a {
  -webkit-animation-delay: 0.85s;
  -moz-animation-delay: 0.85s;
  -o-animation-delay: 0.85s;
  animation-delay: 0.85s;
}
.header .footer-links li:nth-of-type(4) a {
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@media (max-width: 1499px) {
  .header nav > ul > li {
    margin-right: 83px;
    height: 100%;
    margin-top: 0;
    display: none;
  }
  .header nav > ul > li:last-of-type {
    margin: 4px 10px 0 0;
    display: inline-block;
  }
  .header.cookie-padding {
    padding-top: 68px;
  }
}
@media only screen and (min-width: 1170px) {
  .header .footer-links {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .header {
    min-height: 70px;
    padding: 29px 0 0 0;
  }
  .header.sticky {
    padding: 23px 0 0;
    min-height: 80px;
  }
  .header.sticky .logo {
    margin-top: 5px;
  }
  .header.sticky nav > ul > li:last-of-type {
    margin: 6px 10px 0 0;
  }
  .header.cookie-padding {
    padding-top: 69px;
  }
  .header.cookie-padding.sticky {
    padding-top: 63px;
  }
  .header .logo {
    width: 161px;
    height: 35px;
  }
  .header .menu-toggle {
    width: 400px;
    padding: 36px 51px 20px 58px;
  }
  .header .menu-toggle .ico-close {
    margin: 0 0 52px 0;
    float: right;
  }
  .header nav > ul > li {
    margin-right: 83px;
    height: 100%;
    margin-top: 0;
    display: none;
  }
  .header nav > ul > li:last-of-type {
    margin: 4px 10px 0 0;
    display: inline-block;
  }
  .header .socials-links {
    margin-bottom: 69px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .header {
    min-height: 60px;
    padding: 19px 0 0 0;
  }
  .header.sticky {
    padding: 19px 0px 0px;
    min-height: 60px;
  }
  .header.sticky .logo {
    margin-top: 1px;
  }
  .header.sticky nav > ul > li {
    height: 37px;
  }
  .header.cookie-padding {
    padding-top: 109px;
  }
  .header.cookie-padding.sticky {
    padding-top: 109px;
  }
  .header .logo {
    width: 115px;
    height: 25px;
  }
  .header .menu-icon {
    top: 0px;
  }
  .header .main-nav ul {
    margin-bottom: 40px;
  }
  .header .main-nav > ul > li {
    margin-bottom: 15px;
  }
  .header .menu-toggle {
    width: 100%;
    padding: 20px 29px 20px 38px;
  }
  .header .menu-toggle .ico-close {
    margin: 0 0 27px;
    float: right;
  }
  .header .sec-nav {
    margin-bottom: 35px;
  }
  .header .sec-nav li {
    margin-bottom: 8px;
  }
  .header .btns {
    margin-bottom: 33px;
  }
  .header .socials-links {
    margin-bottom: 69px;
  }
  .header .socials-links li {
    margin-right: 21px;
  }
  .header .socials-links li a {
    font-size: 26px;
  }
  .header nav > ul > li {
    margin-right: 83px;
    margin-bottom: 15px;
    height: 100%;
    margin-top: 0;
    display: none;
  }
  .header nav > ul > li:last-of-type {
    margin: 3px -1px 0 0;
    display: inline-block;
  }
}

.language-switcher {
  display: inline-block;
  font-size: 0;
}

/*----------  footer
------------------------------------------------------------------------------*/
.footer {
  background: #17252d;
}
.footer .container {
  overflow: visible;
  padding: 27px 0 29px;
}
.footer ul li {
  display: inline-block;
}
.footer .left-nav a {
  color: #a3acb1;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  letter-spacing: -0.5px;
}
.footer .left-nav li {
  font-size: 12px;
  line-height: 22px;
  position: relative;
  padding-left: 19px;
  margin-right: 12px;
}
.footer .left-nav li:first-of-type {
  font-size: 16px;
  margin-right: 13px;
  padding-left: 0;
  font-size: 16px;
}
.footer .left-nav li:first-of-type a {
  color: #fff;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.footer .left-nav li:first-of-type:before {
  display: none;
}
.footer .left-nav li:before {
  content: '/';
  position: absolute;
  left: 0;
  color: #2f3b42;
}
.footer .right-nav {
  margin-top: 1px;
  float: right;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.footer .right-nav a,
.footer .right-nav p {
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 1px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 700;
}
.footer .right-nav li {
  margin-right: 18px;
}
.footer .right-nav li:last-of-type {
  margin-right: 52px;
}
.footer .social {
  float: right;
}
.footer .social li {
  margin-right: 15px;
}
.footer .social li:last-of-type {
  margin-right: 0;
}
.footer .social a {
  display: block;
  font-size: 20px;
  color: #fff;
}
@media only screen and (min-width: 1170px) and (max-width: 1520px) {
  .footer .left-nav li {
    padding-left: 15px;
    margin-right: 3px;
  }
  .footer .left-nav li:first-of-type {
    margin-right: 5px;
  }
  .footer .right-nav {
    clear: right;
  }
  .footer .right-nav li:last-of-type {
    margin-right: 0;
  }
  .footer .social {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .footer .container {
    padding: 27px 29px 29px;
  }
  .footer .right-nav {
    display: none;
  }
  .footer .left-nav li:nth-last-child(-n+3) {
    display: none;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .footer .container {
    padding: 18px;
  }
  .footer .right-nav {
    display: none;
  }
  .footer .social {
    display: none;
  }
  .footer .left-nav li {
    display: none;
  }
  .footer .left-nav li:nth-child(-n+2) {
    display: inline-block;
  }
}

/*----------  banners
------------------------------------------------------------------------------*/
.top-page-banner .social-links,
.bottom-page-banner-pulse .social-links {
  padding-top: 33px;
}
.top-page-banner .social-links:before,
.bottom-page-banner-pulse .social-links:before {
  display: none;
}
.top-page-banner .social-links li,
.bottom-page-banner-pulse .social-links li {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
}
.top-page-banner .social-links.text:before,
.bottom-page-banner-pulse .social-links.text:before {
  display: block;
}
.top-page-banner .social-links.text li,
.bottom-page-banner-pulse .social-links.text li {
  display: block;
  margin: 0 0 17px;
  float: none;
}
.top-page-banner .social-links.text li a,
.bottom-page-banner-pulse .social-links.text li a {
  padding-left: 28px;
  position: relative;
  font-size: 14px;
}
.top-page-banner .social-links.text li a .zmdi,
.bottom-page-banner-pulse .social-links.text li a .zmdi {
  position: absolute;
  left: 0;
  color: #17252d;
  font-size: 16px;
}
.top-page-banner .social-links.text li:last-of-type,
.bottom-page-banner-pulse .social-links.text li:last-of-type {
  margin-bottom: 0;
}
.top-page-banner .social-links .ico,
.bottom-page-banner-pulse .social-links .ico {
  display: block;
  width: 35px;
  height: 35px;
  margin-bottom: 0;
  border-radius: 50%;
  border: 2px solid #17252d;
  text-align: center;
  line-height: 33px;
  font-size: 18px;
  color: #17252d;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-background-clip: padding-box;
}
.top-page-banner .social-links .ico:hover,
.bottom-page-banner-pulse .social-links .ico:hover {
  color: #fff;
  background: #17252d;
}
.top-page-banner .social-links .ico .zmdi,
.bottom-page-banner-pulse .social-links .ico .zmdi {
  margin-left: 2px;
}
.top-page-banner .social-links .ico .stButton,
.bottom-page-banner-pulse .social-links .ico .stButton {
  display: none !important;
}
.top-page-banner ul,
.bottom-page-banner-pulse ul {
  padding-top: 60px;
  position: relative;
  font-size: 14px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  letter-spacing: 1.4px;
}
.top-page-banner ul:before,
.bottom-page-banner-pulse ul:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
}
.top-page-banner ul li,
.bottom-page-banner-pulse ul li {
  margin-bottom: 17px;
  display: inline-block;
}
.top-page-banner ul a,
.bottom-page-banner-pulse ul a {
  color: #a3acb1;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.top-page-banner ul a:hover, .top-page-banner ul a.active,
.bottom-page-banner-pulse ul a:hover,
.bottom-page-banner-pulse ul a.active {
  color: #17252d;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (max-height: 900px) {
  .top-page-banner ul,
  .bottom-page-banner-pulse ul {
    padding-top: 60px;
    font-size: 13px;
  }
}

.top-page-banner:not(.bottom-page-banner-pulse) {
  color: #17252d;
  height: 100vh;
  padding-top: 100px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .container,
.top-page-banner:not(.bottom-page-banner-pulse) .container-fluid {
  height: 100%;
  
}
.top-page-banner:not(.bottom-page-banner-pulse) .bottom-align {
  padding-bottom: 8.625%;
}
.top-page-banner:not(.bottom-page-banner-pulse) .inner-wrap {
  margin-top: 140px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .inner-wrap > .ico {
  margin-bottom: 62px;
}
.top-page-banner:not(.bottom-page-banner-pulse).bottom-page .right-col {
  float: right;
}
.top-page-banner:not(.bottom-page-banner-pulse).white-color,
.top-page-banner:not(.bottom-page-banner-pulse) .white-color {
  color: #fff;
}
.top-page-banner:not(.bottom-page-banner-pulse) p {
  color: #5f686d;
  font-size: 23px;
  line-height: 33px;
  margin-bottom: 40px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  letter-spacing: -.7px;
}
.top-page-banner:not(.bottom-page-banner-pulse) p.intro {
  color: #17252d;
  font-size: 35px;
  line-height: 46px;
  letter-spacing: -1.8px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .top-page-banner:not(.bottom-page-banner-pulse) p.intro {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -1.3px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .top-page-banner:not(.bottom-page-banner-pulse) p.intro {
    font-size: 21px;
    line-height: 30px;
    letter-spacing: -1.3px;
  }
}
.top-page-banner:not(.bottom-page-banner-pulse) .intro {
  margin-bottom: 40px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .back-link {
  display: inline-block;
  margin-bottom: 14px;
  color: #17252d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 500;
  /* gotham-medium */
  font-style: normal;
  letter-spacing: -0.4px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .back-link i {
  margin-right: 4px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .btn, .top-page-banner:not(.bottom-page-banner-pulse) .button {
  margin-right: 16px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .quoted-text {
  margin-bottom: 16px;
}
.top-page-banner:not(.bottom-page-banner-pulse) .author,
.top-page-banner:not(.bottom-page-banner-pulse) .quotation-author {
  color: #a3acb1;
  text-transform: none;
  font-family: "cordaleregular";
  font-size: 14px;
  display: block;
  letter-spacing: 0;
}
.top-page-banner:not(.bottom-page-banner-pulse) .quotes .author strong,
.top-page-banner:not(.bottom-page-banner-pulse) .quotes .quotation-author strong {
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .top-page-banner:not(.bottom-page-banner-pulse) {
    height: 100%;
    min-height: 100vh;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .bottom-align {
    padding-top: 40px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .container {
    height: auto !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .top-page-banner:not(.bottom-page-banner-pulse) {
    padding-top: 70px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .bottom-align {
    padding-bottom: 11.4%;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page {
    padding: 40px 0 54px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col {
    display: table !important;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col ul {
    display: block !important;
    padding: 0;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col ul:before {
    display: none;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col .btn-wrap {
    display: table-footer-group !important;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col .social-links {
    display: table-header-group !important;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) h1 {
    letter-spacing: -3.5px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 29px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .intro {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -2.5px;
    margin-bottom: 30px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .back-link {
    font-size: 14px;
    margin-bottom: 13px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .btn, .top-page-banner:not(.bottom-page-banner-pulse) .button a {
    height: 50px;
    line-height: 46px;
    padding: 0 20px;
    font-size: 14px;
    margin-right: 14px;
  }

}


@media only screen and (min-width: 120px) and (max-width: 767px) {
  .top-page-banner:not(.bottom-page-banner-pulse) {
    padding-top: 60px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .bottom-align {
    padding-bottom: 60px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page {
    padding: 40px 0 50px 0;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col {
    display: table !important;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col ul {
    display: block !important;
    padding: 0;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col ul:before {
    display: none;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col .btn-wrap {
    display: table-footer-group !important;
  }
  .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col .social-links {
    display: table-header-group !important;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 25px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .intro {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1.5px;
    margin-bottom: 24px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .back-link {
    font-size: 14px;
    margin-bottom: 13px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .btn, .top-page-banner:not(.bottom-page-banner-pulse) .button {
    display: block;
    width: auto;
    float: left;
    clear: both;
    margin-right: 0;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .btn.small, .top-page-banner:not(.bottom-page-banner-pulse) .button.small {
    width: 50px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .top-page-banner:not(.bottom-page-banner-pulse) .bottom-align {
    padding-bottom: 25px;
  }
  .top-page-banner:not(.bottom-page-banner-pulse) .btn, .top-page-banner:not(.bottom-page-banner-pulse) .button {
    display: inline-block;
    clear: none;
    float: none;
  }
}

.bottom-img-banner {
  color: #fff;
  position: relative;
  height: 100vh;
  overflow: hidden;
}
.bottom-img-banner .container,
.bottom-img-banner .container-fluid {
  height: 100%;
}
.bottom-img-banner .container > .row,
.bottom-img-banner .container-fluid > .row {
  height: 100%;
}
.bottom-img-banner .container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.bottom-img-banner span {
  margin-bottom: 38px;
  padding-bottom: 22px;
}
.bottom-img-banner h1 {
  margin-bottom: 41px;
  color: #fff;
}
.bottom-img-banner .btn {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  border-color: #fff;
  color: #fff;
}
.bottom-img-banner .btn:hover {
  background: #fff;
  color: #17252d;
}
.bottom-img-banner .text-underline {
  font-size: 14px;
  letter-spacing: 1.4px;
  margin-bottom: 24px;
  padding-bottom: 19px;
  color: #fff;
}
.bottom-img-banner .text-underline:before {
  width: 60px;
}
.bottom-img-banner .black-color h1, .bottom-img-banner .black-color .text-underline {
  color: #17252d;
}
.bottom-img-banner .black-color .btn {
  border-color: #17252d;
  color: #17252d;
}
.bottom-img-banner .black-color .btn:hover {
  background: #17252d;
  color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .bottom-img-banner h1 {
    margin-bottom: 35px;
  }
  .bottom-img-banner .text-underline {
    margin-bottom: 41px;
    padding-bottom: 19px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .bottom-img-banner h1 {
    margin-bottom: 36px;
  }
  .bottom-img-banner .text-underline {
    font-size: 12px;
    letter-spacing: 1.3px;
    margin-bottom: 15px;
    padding-bottom: 8px;
  }
}

.full-screen-height {
  height: calc(100vh - 80px);
}
.full-screen-height .container,
.full-screen-height .container-fluid {
  height: 100%;
}
.full-screen-height .container > .row,
.full-screen-height .container-fluid > .row {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .full-screen-height {
    height: calc(100vh - 70px);
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .full-screen-height {
    height: calc(100vh - 60px);
  }
}

.full-screen-height.video-wrap {
  height: calc(60vh - 70px);
}
.full-screen-height.video-wrap .container,
.full-screen-height.video-wrap .container-fluid {
  height: 100%;
}
.full-screen-height.video-wrap .container > .row,
.full-screen-height.video-wrap .container-fluid > .row {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .full-screen-height.video-wrap {
    height: calc(50vh - 70px);
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .full-screen-height.video-wrap {
    height: calc(50vh - 60px);
  }
}

/*----------  modules
------------------------------------------------------------------------------*/
.two-blocks {
  text-align: center;
}
.two-blocks .icon-wrap {
  display: block;
  margin: 0 auto;
}
.two-blocks .icon-wrap i {
  font-size: 40px;
  margin-bottom: 25px;
}
.two-blocks .icon-wrap i:nth-of-type(2) {
  margin-left: 16px;
}
.two-blocks .play-ico i {
  font-size: 100px;
  display: block;
  margin: 0 auto;
}
.two-blocks .block {
  height: 100%;
  padding-bottom: 100%;
}
.two-blocks .block img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  transform: scale(1.025);
  min-height:400px;
  object-fit:cover;
}
.two-blocks .block.row-top, .two-blocks .block.row.top, .two-blocks .block.row-bottom {
  padding-bottom: 50%;
}
.two-blocks .block.row-top .block, .two-blocks .block.row.top .block, .two-blocks .block.row-bottom .block {
  padding-bottom: 50%;
}
.two-blocks .row-bottom .block,
.two-blocks .row-top .block,
.two-blocks .row.top .block,
.two-blocks .row-bottom .block {
  padding-bottom: 50%;
}
.two-blocks .row-bottom .play-ico i,
.two-blocks .row-top .play-ico i,
.two-blocks .row.top .play-ico i,
.two-blocks .row-bottom .play-ico i {
  font-size: 60px;
}
.two-blocks .col {
  float: left;
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .two-blocks h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -3px;
  }
  .two-blocks .col {
    width: 100%;
  }
  .two-blocks .icon-wrap i:nth-of-type(2) {
    margin-left: 19px;
  }
  .two-blocks .play-ico i {
    font-size: 60px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .two-blocks .col {
    width: 100%;
  }
  .two-blocks .block {
    padding-bottom: 100% !important;
  }
  .two-blocks .block.row-top {
    padding-bottom: 100% !important;
  }
  .two-blocks .play-ico i {
    font-size: 60px;
  }
  .two-blocks .icon-wrap i {
    margin-bottom: 10px;
  }
}

.one-block {
  text-align: center;
}
.one-block .block {
  padding-bottom: 50%;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.one-block .block img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: scale(1.009);
  transform: scale(1.009);
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .one-block .block {
    padding-bottom: 100%;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .one-block .block {
    padding-bottom: 100%;
  }
}

.two-cols-img-text {
  position: relative;
}
.two-cols-img-text h4 {
  line-height: 36px;
  letter-spacing: -0.05em;
  margin-bottom: 40px;
}
.two-cols-img-text p {
  font-size: 20px;
  line-height: 30px;
  color: #5f686d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  margin-bottom: 30px;
}
.two-cols-img-text ol {
  margin-bottom: 47px;
}
.two-cols-img-text ol p {
  margin-bottom: 0;
}
.two-cols-img-text ol li {
  margin-bottom: 14px;
}
.two-cols-img-text ol li:before {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  color: #17252d;
  font-size: 20px;
  line-height: 30px;
}
.two-cols-img-text.white-color ol li:before {
  color: #ee3d43;
}
.two-cols-img-text .text-block {
  width: 50%;
  float: left;
  position: relative;
}
.two-cols-img-text .text-block .container-fluid {
  height: 100%;
}
.two-cols-img-text .text-block .container-fluid > .row {
  height: 100%;
}
.two-cols-img-text .text-block .vertical-align-apsolute {
  padding: 0 18.75%;
}
.two-cols-img-text .text-block.small-title-spacing p,
.two-cols-img-text .text-block.small-title-spacing h4,
.two-cols-img-text .text-block.small-title-spacing strong {
  margin-bottom: 10px;
}
.two-cols-img-text .quotation-author {
  margin-bottom: 50px;
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .two-cols-img-text .text-block .vertical-align-apsolute {
    padding: 0 10.75%;
  }
}
@media only screen and (min-width: 1169px) and (max-width: 1499px) {
  .two-cols-img-text .text-block .vertical-align-apsolute {
    padding: 0 8.75%;
  }
  .two-cols-img-text .text-block h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 22px !important;
  }
  .two-cols-img-text .text-block strong {
    margin-bottom: 6px;
  }
  .two-cols-img-text ol {
    margin-bottom: 15px;
  }
  .two-cols-img-text ol li:before {
    font-size: 16px;
    line-height: 26px;
  }
  .two-cols-img-text p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .two-cols-img-text .row {
    display: block;
  }
  .two-cols-img-text .text-block {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 71px 29px 85px;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: 100%;
  }
  .two-cols-img-text .text-block .container-fluid {
    height: 100%;
  }
  .two-cols-img-text .text-block .container-fluid > .row {
    height: 100%;
  }
  .two-cols-img-text .text-block .vertical-align-apsolute {
    position: relative;
    top: auto;
    transform: none;
    padding: 0;
    width: 83.33333%;
    margin-left: 8.33333%;
  }
  .two-cols-img-text .text-block h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.8px;
  }
  .two-cols-img-text .text-block strong {
    margin-bottom: 19px;
    letter-spacing: 1px;
  }
  .two-cols-img-text .plain-image {
    float: left;
    width: 100%;
  }
  .two-cols-img-text ol li:before,
  .two-cols-img-text p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .two-cols-img-text .row {
    display: block;
  }
  .two-cols-img-text .text-block {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 37px 9.4375% 35px;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    height: auto !important;
  }
  .two-cols-img-text .text-block .container-fluid {
    height: 100%;
  }
  .two-cols-img-text .text-block .container-fluid > .row {
    height: 100%;
  }
  .two-cols-img-text .text-block .vertical-align-apsolute {
    position: relative;
    top: auto;
    transform: none;
    padding: 0;
  }
  .two-cols-img-text .text-block h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1.5px;
    margin-bottom: 33px;
  }
  .two-cols-img-text .text-block strong {
    margin-bottom: -20px;
    font-size: 12px;
    line-height: 24px;
  }
  .two-cols-img-text .text-block p {
    font-size: 14px;
    line-height: 22px;
  }
  .two-cols-img-text .plain-image {
    float: left;
    width: 100%;
  }
  .two-cols-img-text ol li {
    padding-left: 31px;
  }
  .two-cols-img-text ol li:before {
    font-size: 15px;
    line-height: 25px;
  }
}

.two-cols-text {
  height: 100vh;
}
.two-cols-text .container-fluid {
  height: 100%;
}
.two-cols-text .container-fluid > .row,
.two-cols-text .container-fluid .container {
  height: 100%;
}
.two-cols-text p {
  font-size: 20px;
  line-height: 30px;
  color: #5f686d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  margin-bottom: 32px;
}
.two-cols-text p strong {
  color: #17252d;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: -20px;
  display: block;
}
.two-cols-text p:last-of-type {
  margin-bottom: 0;
}
.two-cols-text p:last-of-type strong {
  margin-bottom: 20px;
}
.two-cols-text h4 {
  line-height: 36px;
  letter-spacing: -0.05em;
  margin-bottom: 30px;
}
.two-cols-text .text {
  padding: 0 9.4%;
  float: left;
  width: 50%;
}
.two-cols-text .inner-wraper {
  height: 100%;
}
.two-cols-text .inner-wraper .vertical-align {
  overflow: hidden;
}
@media only screen and (min-width: 1500px) and (max-width: 1700px) {
  .two-cols-text .text {
    padding: 0 4.9%;
  }
}
@media only screen and (min-width: 1169px) and (max-width: 1499px) {
  .two-cols-text .text {
    padding: 0 4.4%;
  }
  .two-cols-text .text h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 22px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .two-cols-text {
    min-height: auto;
    height: auto;
    padding: 0 0 40px;
  }
  .two-cols-text .text {
    width: 100%;
    padding: 71px 29px 0;
    width: 83.33333%;
    margin-left: 8.33333%;
  }
  .two-cols-text .text:first-of-type {
    padding-bottom: 20px;
  }
  .two-cols-text .vertical-align {
    top: auto;
    transform: none;
  }
  .two-cols-text h4,
  .two-cols-text .quoted-text {
    margin-bottom: 33px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.8px;
  }
  .two-cols-text strong {
    margin-bottom: 10px;
  }
  .two-cols-text p {
    font-size: 16px;
    line-height: 26px;
  }
  .two-cols-text .col-md-5:first-of-type {
    margin-bottom: 20px;
  }
  .two-cols-text .col-md-5:last-of-type p:last-of-type {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .two-cols-text {
    min-height: auto;
    height: auto;
    padding: 0 0 12px 0;
  }
  .two-cols-text .text {
    width: 100%;
    padding: 40px 9.4375% 0;
  }
  .two-cols-text .text:first-of-type {
    padding-bottom: 20px;
  }
  .two-cols-text .vertical-align {
    top: auto;
    transform: none;
  }
  .two-cols-text h4,
  .two-cols-text .quoted-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1.5px;
    margin-bottom: 33px;
  }
  .two-cols-text .quotation-author {
    font-size: 12px;
  }
  .two-cols-text strong {
    margin-bottom: 10px;
  }
  .two-cols-text p {
    font-size: 14px;
    line-height: 22px;
  }
  .two-cols-text .col-md-5:first-of-type {
    margin-bottom: 20px;
  }
  .two-cols-text .col-md-5:last-of-type p:last-of-type {
    margin-bottom: 0;
  }
}

.bottom-page-links {
  text-align: center;
}
.bottom-page-links .container-fluid {
  height: 100%;
}
.bottom-page-links .container-fluid > .row,
.bottom-page-links .container-fluid .container {
  height: 100%;
}
.bottom-page-links .block {
  height: 25vw;
}
.bottom-page-links .block .vertical-align-apsolute {
  padding: 0 26.79167%;
}
.bottom-page-links .text-underline {
  margin-bottom: 15px;
  padding-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .bottom-page-links h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -3px;
  }
  .bottom-page-links .block {
    height: 50vw;
  }
  .bottom-page-links .block .vertical-align-apsolute {
    padding: 0 24.213542%;
  }
  .bottom-page-links .text-underline {
    margin-bottom: 14px;
  }
  .bottom-page-links .vertical-align {
    margin-top: -8px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .bottom-page-links .block {
    height: 320px;
  }
  .bottom-page-links .block .vertical-align-apsolute {
    padding: 0 9.875%;
  }
  .bottom-page-links .text-underline {
    margin-bottom: 15px;
  }
  .bottom-page-links .vertical-align {
    margin-top: 7px;
  }
}

.block {
  position: relative;
  overflow: hidden;
}
.block img {
  width: 100%;
  max-width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.block .bg-color {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.block .link-wrap {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.block a {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 11;
}
.block.bg-color-block .link-wrap {
  background-color: transparent;
}
@media (min-width: 1025px) {
  .block .link-wrap:hover {
    background: rgba(23, 37, 45, 0.6);
    transition: all 0.3s ease-in-out;
  }
  .block:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.plain-image img {
  width: 100%;
}

/*----------  home page with shared people page block modules
------------------------------------------------------------------------------*/
.home-page .slick-slider {
  margin-bottom: -7px;
}
.home-page .top-page-banner {
  background-image: url(../img/top-banner.jpg);
}
.home-page .top-page-banner h1 {
  letter-spacing: -6px;
}
.home-page .top-page-banner p span {
  display: block;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-size: 14px;
  margin-bottom: -23px;
  letter-spacing: 1px;
}
.home-page .top-page-banner p span span,
.home-page .top-page-banner p span em {
  display: inline-block;
  letter-spacing: 0;
  font-family: "Cordale-Italic";
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 0;
  font-style: normal;
}
.home-page .top-page-banner .bottom-align {
  padding-bottom: 6.68%;
  position: absolute;
  bottom: 0;
  transform: none;
}
.home-page .top-page-banner.white-color p {
  color: #fff;
}
.home-page .top-page-banner.black-color p {
  color: #17252d;
}
.home-page .top-page-banner .scroll-down-tablet {
  display: none;
  position: absolute;
  bottom: 39px;
  right: 46px;
  width: 16px;
  height: 23px;
  background: url(../img/ico-arrow-down-tablet.png) no-repeat 0 0;
}
.home-page .two-blocks .row-top .vertical-align-apsolute,
.home-page .two-blocks .row-bottom .vertical-align-apsolute {
  padding: 0 16.67%;
}
.home-page .two-blocks .vertical-align-apsolute {
  padding: 0 24%;
}
@media only screen and (min-width: 768px) {
  .home-page .two-blocks .col .block.bg-color-block .link-wrap {
    height: auto !important;
  }
}
@media only screen and (min-width: 1170px) and (max-width: 1450px) {
  .home-page h3 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -0.05em;
  }
  .home-page .two-blocks .icon-wrap i {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .home-page .top-page-banner .bottom-align {
    padding-bottom: 10.86%;
  }
  .home-page .top-page-banner p span {
    font-size: 14px;
    margin-bottom: -15px;
  }
  .home-page .top-page-banner p span span {
    font-size: 16px;
    margin-bottom: 0;
  }
  .home-page .top-page-banner h1 {
    margin-bottom: 39px;
  }
  .home-page .top-page-banner .btn {
    height: 60px;
    letter-spacing: 0.8px;
    padding: 0 31px;
    line-height: 55px;
  }
  .home-page .top-page-banner .scroll-down-tablet {
    display: block;
  }
  .home-page .two-blocks .row-top .vertical-align-apsolute,
  .home-page .two-blocks .row-bottom .vertical-align-apsolute {
    padding: 0 58px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .home-page .top-page-banner {
    position: relative;
  }
  .home-page .top-page-banner .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
  .home-page .top-page-banner .scroll-down-tablet {
    bottom: 80px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .home-page .top-page-banner {
    position: relative;
  }
  .home-page .top-page-banner .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
  .home-page .top-page-banner .scroll-down-tablet {
    bottom: 80px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .home-page .top-page-banner h1 {
    letter-spacing: -2px;
    margin-bottom: 23px;
  }
  .home-page .top-page-banner p span {
    margin-bottom: -21px;
    font-size: 11px;
  }
  .home-page .top-page-banner p span span {
    margin-bottom: 0;
    font-size: 11px;
  }
  .home-page .top-page-banner .bottom-align {
    padding-bottom: 25%;
  }
  .home-page .top-page-banner .btn {
    min-width: 200px;
  }
  .home-page .top-page-banner .btn + .btn {
    margin-top: 20px;
  }
  .home-page .two-blocks .vertical-align-apsolute {
    padding: 0 10%;
  }
  .home-page .two-blocks .row-top .vertical-align-apsolute,
  .home-page .two-blocks .row-bottom .vertical-align-apsolute {
    padding: 0 26px;
  }
  .home-page .two-blocks .text-underline {
    font-size: 11px;
  }
}

.home-page .two-blocks .row-top,
.home-page .two-blocks .row-bottom, .people-page .two-blocks .row-top,
.people-page .two-blocks .row-bottom {
  position: relative;
  float: left;
  width: 100%;
}
.home-page .two-blocks .row-top .block,
.home-page .two-blocks .row-bottom .block, .people-page .two-blocks .row-top .block,
.people-page .two-blocks .row-bottom .block {
  height: 100%;
  width: 50%;
  float: left;
}
.home-page .two-blocks .row-top .block.bg-color-block .row,
.home-page .two-blocks .row-bottom .block.bg-color-block .row, .people-page .two-blocks .row-top .block.bg-color-block .row,
.people-page .two-blocks .row-bottom .block.bg-color-block .row {
  height: 100%;
}
.home-page .two-blocks .block.bg-color-block img,
.home-page .one-block .block.bg-color-block img, .people-page .two-blocks .block.bg-color-block img,
.people-page .one-block .block.bg-color-block img {
  opacity: 0;
}
.home-page .two-blocks .block.bg-color-block .link-wrap:hover,
.home-page .one-block .block.bg-color-block .link-wrap:hover, .people-page .two-blocks .block.bg-color-block .link-wrap:hover,
.people-page .one-block .block.bg-color-block .link-wrap:hover {
  background-color: transparent;
}
.home-page .two-blocks .block.bg-color-block:hover img,
.home-page .one-block .block.bg-color-block:hover img, .people-page .two-blocks .block.bg-color-block:hover img,
.people-page .one-block .block.bg-color-block:hover img {
  opacity: 0.35;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .home-page .two-blocks .row-top .block,
  .home-page .two-blocks .row-bottom .block, .people-page .two-blocks .row-top .block,
  .people-page .two-blocks .row-bottom .block {
    width: 100%;
  }
  .home-page .two-blocks .block.bg-color-block, .people-page .two-blocks .block.bg-color-block {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .home-page .two-blocks .block.bg-color-block,
  .home-page .one-block .block.bg-color-block, .people-page .two-blocks .block.bg-color-block,
  .people-page .one-block .block.bg-color-block {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
  }
}

/*----------  landing page
------------------------------------------------------------------------------*/
.landing-page .top-page-banner:not(.bottom-page-banner-pulse) .row {
  height: auto;
}
.landing-page .top-page-banner:not(.bottom-page-banner-pulse) ul {
  padding-top: 29px;
  margin-top: 60px;
}
.landing-page .top-page-banner:not(.bottom-page-banner-pulse) ul li {
  display: block;
}
.landing-page .top-page-banner:not(.bottom-page-banner-pulse) h1 {
  margin: 0 0 27px -9px;
  letter-spacing: -7px;
  font-size: 80px;
  line-height: 80px;
}
/* .landing-page .top-page-banner:not(.bottom-page-banner-pulse) span {
  text-transform: uppercase;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -1.6px;
  margin-bottom: 16px;
  display: block;
} */
.landing-page .top-page-banner:not(.bottom-page-banner-pulse) span > span {
  display: inline-block;
  margin-bottom: 0;
}
.landing-page .top-page-banner:not(.bottom-page-banner-pulse) span.author {
  text-transform: none;
  margin-bottom: 34px;
}
.landing-page .inner-wrap {
  margin-top: 85px;
}
.landing-page .client-name {
  display: block;
  margin-bottom: 17px;
  font-size: 14px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  text-transform: uppercase;
}
.landing-page .client-name span {
  font-size: 16px;
  font-family: "Cordale-Italic";
  font-weight: normal;
  text-transform: capitalize;
}
.landing-page .bg-img h2 {
  font-size: 70px;
  line-height: 70px;
  letter-spacing: -6.5px;
  margin-bottom: 39px;
}
.landing-page .bg-img .bottom-align {
  padding-bottom: 125px;
}
.landing-page .two-blocks .text-underline {
  margin-bottom: 14px;
  padding-bottom: 6px;
}
.landing-page .two-blocks .bottom .vertical-align-apsolute {
  padding-bottom: 36px;
}
.landing-page .two-blocks .col-md-6:first-of-type .vertical-align-apsolute {
  padding-bottom: 66px;
}
.landing-page .bottom-img-banner {
  height: calc(100vh - 80px);
}
.landing-page .full-screen-height .btn {
  margin-right: 12px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 1100px) {
  .landing-page .inner-wrap {
    margin-top: 30px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) h1 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.06em;
    margin: 0 0 30px -9px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) ul {
    padding-top: 29px;
    margin-top: 47px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) .intro {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
  .landing-page .bg-img h2 {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: -0.06em;
    margin-bottom: 39px;
  }
  .landing-page .bg-img .bottom-align {
    padding-bottom: 9%;
  }
  .landing-page .two-blocks h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
  .landing-page .two-blocks .play-ico i {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) {
    height: 100%;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) > .container {
    height: auto !important;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) > .container > .row {
    padding-bottom: 50px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) > .container > .row.bottom-align {
    bottom: 0;
    transform: none;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) .bottom-align {
    position: relative;
    bottom: -100%;
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    padding-bottom: 8.625%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) h1 {
    margin: 0 0 31px -9px;
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) .intro {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 28px;
    letter-spacing: -2.3px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) .left-col {
    display: none;
  }
  .landing-page .bg-img h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 31px;
    letter-spacing: -4.5px;
  }
  .landing-page .bg-img .bottom-align {
    padding-bottom: 14.666666666666666%;
  }
  .landing-page .two-blocks .text-underline {
    margin-bottom: 14px;
    padding-bottom: 6px;
  }
  .landing-page .two-blocks .bottom .vertical-align-apsolute {
    padding-bottom: 0px;
  }
  .landing-page .two-blocks .top .vertical-align-apsolute {
    margin-top: 4px;
  }
  .landing-page .two-blocks .col-md-6:first-of-type .vertical-align-apsolute {
    padding-bottom: 34px;
  }
  .landing-page .two-blocks .play-btn i {
    font-size: 60px;
  }
  .landing-page .bottom-img-banner {
    height: calc(100vh - 70px);
  }
  .landing-page .full-screen-height .btn {
    margin-right: 0;
    min-width: 310px;
    float: left;
    clear: both;
  }
  .landing-page .full-screen-height .btn + .btn {
    margin-top: 20px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) {
    position: relative;
  }
  .landing-page .full-screen-height {
    position: relative;
  }
  .landing-page .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) {
    position: relative;
  }
  .landing-page .full-screen-height {
    position: relative;
  }
  .landing-page .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) .intro {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .landing-page .top-page-banner:not(.bottom-page-banner-pulse) .left-col {
    display: none;
  }
  .landing-page .bg-img h2 {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -2.6px;
    margin-bottom: 24px;
  }
  .landing-page .bg-img .bottom-align {
    padding-bottom: 18.666667%;
  }
  .landing-page .client-name {
    font-size: 12px;
    margin-bottom: 8px;
  }
  .landing-page .two-blocks .text-underline {
    margin-bottom: 14px;
    padding-bottom: 6px;
  }
  .landing-page .two-blocks .bottom .vertical-align-apsolute {
    padding-bottom: 8px;
  }
  .landing-page .two-blocks .top .vertical-align-apsolute {
    padding-top: 28px;
  }
  .landing-page .two-blocks .col-md-6:first-of-type .vertical-align-apsolute {
    padding-bottom: 0px;
    margin-top: 7px;
  }
  .landing-page .bottom-img-banner {
    height: calc(100vh - 60px);
  }
  .landing-page .full-screen-height .btn {
    margin-right: 0;
    min-width: 100%;
    padding: 0 5px;
  }
  .landing-page .full-screen-height .btn + .btn {
    margin-top: 20px;
  }
}

/*----------  inner pages
------------------------------------------------------------------------------*/
.capabilities .top-page-banner h1,
.reporting-why-emperor .top-page-banner h1,
.why-emperor .top-page-banner h1 {
  font-size: 150px;
  line-height: 150px;
  letter-spacing: -13.5px;
  margin-bottom: 40px;
}
.capabilities .top-page-banner ul li,
.reporting-why-emperor .top-page-banner ul li,
.why-emperor .top-page-banner ul li {
  display: block;
}
.capabilities .top-page-banner p,
.reporting-why-emperor .top-page-banner p,
.why-emperor .top-page-banner p {
  font-size: 20px;
  line-height: 30px;
}
.capabilities .top-page-banner .intro,
.reporting-why-emperor .top-page-banner .intro,
.why-emperor .top-page-banner .intro {
  margin-bottom: 33px;
  font-size: 40px;
  line-height: 46px;
}
.capabilities .top-page-banner .container > .row,
.reporting-why-emperor .top-page-banner .container > .row,
.why-emperor .top-page-banner .container > .row {
  height: auto;
}
.capabilities .top-page-banner .wrap,
.reporting-why-emperor .top-page-banner .wrap,
.why-emperor .top-page-banner .wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.capabilities .top-page-banner .left-col,
.reporting-why-emperor .top-page-banner .left-col,
.why-emperor .top-page-banner .left-col {
  order: 1;
  padding-top: 47px;
  position: relative;
}
.capabilities .top-page-banner .left-col ul,
.reporting-why-emperor .top-page-banner .left-col ul,
.why-emperor .top-page-banner .left-col ul {
  padding-top: 29px;
}
.capabilities .top-page-banner .right-col,
.reporting-why-emperor .top-page-banner .right-col,
.why-emperor .top-page-banner .right-col {
  order: 2;
}
.capabilities .inner-wrap,
.reporting-why-emperor .inner-wrap,
.why-emperor .inner-wrap {
  margin-top: 0;
  position: absolute;
}
.capabilities .grid-boxes strong,
.reporting-why-emperor .grid-boxes strong,
.why-emperor .grid-boxes strong {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin-bottom: 21px;
  display: block;
  color: #007DC6;
}
.capabilities .grid-boxes h2,
.reporting-why-emperor .grid-boxes h2,
.why-emperor .grid-boxes h2 {
  font-size: 80px;
  line-height: 70px;
  letter-spacing: -7px;
  margin-bottom: 10px;
  margin-left: -4px;
}
.capabilities .grid-boxes h4,
.reporting-why-emperor .grid-boxes h4,
.why-emperor .grid-boxes h4 {
  line-height: 36px;
  letter-spacing: -1.8px;
  margin-bottom: 15px;
}
.capabilities .grid-boxes h4 .zmdi,
.reporting-why-emperor .grid-boxes h4 .zmdi,
.why-emperor .grid-boxes h4 .zmdi {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  font-weight: bold;
}
.capabilities .grid-boxes p,
.reporting-why-emperor .grid-boxes p,
.why-emperor .grid-boxes p {
  color: #5f686d;
  line-height: 26px;
  margin-bottom: 0;
}
.capabilities .grid-boxes .quoted-text,
.reporting-why-emperor .grid-boxes .quoted-text,
.why-emperor .grid-boxes .quoted-text {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -2px;
  margin-bottom: 10px;
  padding-right: 0;
}
.capabilities .video-wrap,
.reporting-why-emperor .video-wrap,
.why-emperor .video-wrap {
  text-align: center;
  color: #fff;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .capabilities .top-page-banner h1,
  .reporting-why-emperor .top-page-banner h1,
  .why-emperor .top-page-banner h1 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.06em;
    margin: 0 0 30px -9px;
  }
  .capabilities .top-page-banner p.intro,
  .reporting-why-emperor .top-page-banner p.intro,
  .why-emperor .top-page-banner p.intro {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
  .capabilities .grid-boxes h2,
  .reporting-why-emperor .grid-boxes h2,
  .why-emperor .grid-boxes h2 {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -0.06em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .capabilities .top-page-banner h1,
  .reporting-why-emperor .top-page-banner h1,
  .why-emperor .top-page-banner h1 {
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
    margin-bottom: 29px;
  }
  .capabilities .top-page-banner p,
  .reporting-why-emperor .top-page-banner p,
  .why-emperor .top-page-banner p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: -0.16px;
  }
  .capabilities .top-page-banner p.intro,
  .reporting-why-emperor .top-page-banner p.intro,
  .why-emperor .top-page-banner p.intro {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 28px;
    letter-spacing: -2.3px;
  }
  .capabilities .top-page-banner .wrap,
  .reporting-why-emperor .top-page-banner .wrap,
  .why-emperor .top-page-banner .wrap {
    display: block;
  }
  .capabilities .top-page-banner .left-col,
  .reporting-why-emperor .top-page-banner .left-col,
  .why-emperor .top-page-banner .left-col {
    display: none;
  }
  .capabilities .top-page-banner .right-col,
  .reporting-why-emperor .top-page-banner .right-col,
  .why-emperor .top-page-banner .right-col {
    float: left;
  }
  .capabilities .grid-boxes h2,
  .reporting-why-emperor .grid-boxes h2,
  .why-emperor .grid-boxes h2 {
    font-size: 60px;
    line-height: 55px;
    margin-bottom: 25px;
    letter-spacing: -3px;
  }
  .capabilities .grid-boxes h4,
  .reporting-why-emperor .grid-boxes h4,
  .why-emperor .grid-boxes h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -2px;
    margin-bottom: 22px;
  }
  .capabilities .grid-boxes strong,
  .reporting-why-emperor .grid-boxes strong,
  .why-emperor .grid-boxes strong {
    font-size: 12px;
    letter-spacing: 0.6px;
    margin-bottom: 11px;
  }
  .capabilities .grid-boxes p,
  .reporting-why-emperor .grid-boxes p,
  .why-emperor .grid-boxes p {
    font-size: 14px;
    line-height: 24px;
  }
  .capabilities .grid-boxes .col,
  .reporting-why-emperor .grid-boxes .col,
  .why-emperor .grid-boxes .col {
    padding: 73px 0 73px;
  }
  .capabilities .grid-boxes .quoted-text,
  .reporting-why-emperor .grid-boxes .quoted-text,
  .why-emperor .grid-boxes .quoted-text {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -1.5px;
  }
  .capabilities .quoted-text:before,
  .reporting-why-emperor .quoted-text:before,
  .why-emperor .quoted-text:before {
    left: -6px;
    top: 4px;
    font-size: 32px;
  }
  .capabilities .quoted-text:after,
  .reporting-why-emperor .quoted-text:after,
  .why-emperor .quoted-text:after {
    font-size: 32px;
  }
  .capabilities .video-wrap,
  .reporting-why-emperor .video-wrap,
  .why-emperor .video-wrap {
    height: 50vh;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .capabilities .top-page-banner h1,
  .reporting-why-emperor .top-page-banner h1,
  .why-emperor .top-page-banner h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .capabilities .top-page-banner p.intro,
  .reporting-why-emperor .top-page-banner p.intro,
  .why-emperor .top-page-banner p.intro {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .capabilities .top-page-banner .wrap,
  .reporting-why-emperor .top-page-banner .wrap,
  .why-emperor .top-page-banner .wrap {
    display: block;
  }
  .capabilities .top-page-banner .left-col,
  .reporting-why-emperor .top-page-banner .left-col,
  .why-emperor .top-page-banner .left-col {
    display: none;
  }
  .capabilities .top-page-banner .right-col,
  .reporting-why-emperor .top-page-banner .right-col,
  .why-emperor .top-page-banner .right-col {
    float: left;
  }
  .capabilities .top-page-banner .btn,
  .reporting-why-emperor .top-page-banner .btn,
  .why-emperor .top-page-banner .btn {
    margin-right: 0;
  }
  .capabilities .top-page-banner .btn:first-of-type,
  .reporting-why-emperor .top-page-banner .btn:first-of-type,
  .why-emperor .top-page-banner .btn:first-of-type {
    margin: 0 0 10px;
  }
  .capabilities .grid-boxes h2,
  .reporting-why-emperor .grid-boxes h2,
  .why-emperor .grid-boxes h2 {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -1.8px;
    margin-bottom: 0;
  }
  .capabilities .grid-boxes h4,
  .reporting-why-emperor .grid-boxes h4,
  .why-emperor .grid-boxes h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1.6px;
    margin-bottom: 0;
    cursor: pointer;
    padding-right: 30px;
    position: relative;
  }
  .capabilities .grid-boxes h4 .zmdi,
  .reporting-why-emperor .grid-boxes h4 .zmdi,
  .why-emperor .grid-boxes h4 .zmdi {
    display: inline-block;
    margin-top: -10px;
    margin-right: -7px;
  }
  .capabilities .grid-boxes strong,
  .reporting-why-emperor .grid-boxes strong,
  .why-emperor .grid-boxes strong {
    font-size: 12px;
    letter-spacing: 1.2px;
    margin-bottom: 8px;
  }
  .capabilities .grid-boxes p,
  .reporting-why-emperor .grid-boxes p,
  .why-emperor .grid-boxes p {
    /* display: none; */
    font-size: 14px;
    line-height: 24px;
    margin-top: 13px;
  }
  .capabilities .grid-boxes .col,
  .reporting-why-emperor .grid-boxes .col,
  .why-emperor .grid-boxes .col {
    padding: 36px 0 35px;
  }
  .capabilities .grid-boxes .col-inner.open .zmdi:before,
  .reporting-why-emperor .grid-boxes .col-inner.open .zmdi:before,
  .why-emperor .grid-boxes .col-inner.open .zmdi:before {
    content: '\f273';
  }
  .capabilities .grid-boxes .quoted-text,
  .reporting-why-emperor .grid-boxes .quoted-text,
  .why-emperor .grid-boxes .quoted-text {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.9px;
    margin-bottom: 31px;
  }
  .capabilities .quoted-text:before,
  .reporting-why-emperor .quoted-text:before,
  .why-emperor .quoted-text:before {
    left: -6px;
    top: 2px;
    font-size: 32px;
  }
  .capabilities .quoted-text:after,
  .reporting-why-emperor .quoted-text:after,
  .why-emperor .quoted-text:after {
    font-size: 32px;
  }
  .capabilities .video-wrap,
  .reporting-why-emperor .video-wrap,
  .why-emperor .video-wrap {
    height: 320px;
  }
}

/* capabilities page */
.capabilities .top-page-banner h1 {
  margin: 0 0 30px -9px;
}
.capabilities .top-page-banner .intro {
  margin-bottom: 39px;
}
.capabilities .top-page-banner .social-links {
  padding-top: 280px;
}
.capabilities .top-page-banner .social-links:before {
  display: none;
}
.capabilities .top-page-banner .social-links li {
  display: inline-block;
  margin: 0 5px 0 0;
}
.capabilities .top-page-banner .author {
  font-size: 14px;
  margin-bottom: 39px;
}
.capabilities .grid-boxes .col {
  padding: 56px 0 75px;
}
.capabilities .grid-boxes .col:nth-child(even) {
  border-right: none;
}
.capabilities .grid-boxes .title:last-of-type {
  padding: 110px 0 146px;
}
.capabilities .inner-wrap {
  bottom: 137px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .capabilities .top-page-banner {
    height: 100vh;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .capabilities .top-page-banner {
    height: 100vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .capabilities .top-page-banner h1 {
    margin-bottom: 31px;
  }
  .capabilities .top-page-banner span {
    margin-bottom: 2px;
  }
  .capabilities .top-page-banner .intro {
    margin-bottom: 42px;
  }
  .capabilities .top-page-banner .social-links {
    padding-top: 0;
  }
  .capabilities .grid-boxes .col {
    padding: 75px 0 73px;
  }
  .capabilities .grid-boxes h2 {
    margin-bottom: 0;
  }
  .capabilities .grid-boxes h4 {
    margin-bottom: 19px;
  }
  .capabilities .grid-boxes .col-sm-offset-0 {
    margin-left: 6%;
    width: 84.66667%;
  }
  .capabilities .grid-boxes .col-sm-offset-1 {
    margin-left: 12.33333%;
    width: 87.66667%;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .capabilities .top-page-banner {
    position: relative;
  }
  .capabilities .top-page-banner .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .capabilities .top-page-banner {
    position: relative;
  }
  .capabilities .top-page-banner .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .capabilities .top-page-banner h1 {
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .capabilities .top-page-banner .social-links {
    padding-top: 0;
  }
  .capabilities .top-page-banner .intro {
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .capabilities .grid-boxes .title {
    padding: 50px 0;
  }
  .capabilities .grid-boxes .title:last-of-type {
    padding: 55px 0;
  }
  .capabilities .grid-boxes .col {
    padding: 36px 0 34px;
  }
}

/* reporting - why emperor page */
.reporting-why-emperor .top-page-banner {
  padding: 391px 0 99px;
  height: auto;
}
.reporting-why-emperor .top-page-banner h1 {
  margin-left: -6px;
  letter-spacing: -16.5px;
  margin-bottom: 29px;
}
.reporting-why-emperor .top-page-banner .bottom-align {
  padding-bottom: 0;
  bottom: auto;
  transform: none;
}
.reporting-why-emperor .inner-wrap {
  top: 189px;
}
.reporting-why-emperor .grid-boxes .container-fluid > .row {
  display: block;
}
.reporting-why-emperor .grid-boxes .col {
  height: 240px;
  line-height: 240px;
  text-align: center;
  border-bottom: 1px solid #ebedec;
}
.reporting-why-emperor .grid-boxes .col:nth-child(5n) {
  border-right: none;
}
.reporting-why-emperor .grid-boxes .col:nth-child(-n+5) {
  border-top: 1px solid #ebedec;
}
.reporting-why-emperor .clients .container-fluid > .row:before {
  display: none;
}
.reporting-why-emperor .clients img {
  max-width: 50%;
  max-height: 50%;
}
.reporting-why-emperor .clients .col {
  overflow: hidden;
}
.reporting-why-emperor .clients .col.active .overlay, .reporting-why-emperor .clients .col:hover .overlay {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.reporting-why-emperor .clients .col.active .overlay .text-wrap, .reporting-why-emperor .clients .col:hover .overlay .text-wrap {
  opacity: 1;
}
.reporting-why-emperor .clients .overlay {
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  position: absolute;
  width: calc(100% - 38px);
  opacity: 1;
  left: 19px;
  right: 19px;
  bottom: 19px;
  top: 19px;
  background: #17252d;
  text-align: left;
  transform: scale(0);
  -webkit-transform: scale(0);
}
.reporting-why-emperor .clients .overlay .text-wrap {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding-right: 30px;
  opacity: 0;
}
.reporting-why-emperor .clients .overlay span,
.reporting-why-emperor .clients .overlay p span {
  color: #fff;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  font-size: 25px;
  line-height: 26px;
  display: block;
}
.reporting-why-emperor .clients .overlay strong,
.reporting-why-emperor .clients .overlay p strong {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-size: 14px;
  line-height: 26px;
  letter-spacing: 1.4px;
  color: #68bac0;
  text-transform: uppercase;
  display: block;
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) and (max-width: 1450px) {
  .reporting-why-emperor .clients .overlay .text-wrap {
    left: 20px;
    bottom: 20px;
  }
  .reporting-why-emperor .clients .overlay span,
  .reporting-why-emperor .clients .overlay p span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .reporting-why-emperor .top-page-banner h1 {
    letter-spacing: -0.1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .reporting-why-emperor .top-page-banner {
    padding: 393px 0 98px;
  }
  .reporting-why-emperor .top-page-banner h1 {
    margin-left: -11px;
    letter-spacing: -0.1em;
    margin-bottom: 32px;
  }
  .reporting-why-emperor .top-page-banner .btn {
    font-size: 16px;
  }
  .reporting-why-emperor .grid-boxes .col {
    padding: 0;
  }
  .reporting-why-emperor .grid-boxes .col:nth-child(5n) {
    border-right: 1px solid #ebedec;
  }
  .reporting-why-emperor .grid-boxes .col:nth-child(even) {
    border-right: 0;
  }
  .reporting-why-emperor .grid-boxes h2 {
    margin-bottom: 0;
    letter-spacing: -5.3px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .reporting-why-emperor .top-page-banner {
    padding: 160px 0 40px;
  }
  .reporting-why-emperor .top-page-banner h1 {
    margin-left: -6px;
    letter-spacing: -0.1em;
    margin-bottom: 19px;
  }
  .reporting-why-emperor .grid-boxes h2 {
    margin-bottom: 0;
  }
  .reporting-why-emperor .grid-boxes .col {
    padding: 0;
    height: 100px;
    line-height: 100px;
    border-right: 1px solid #ebedec;
  }
  .reporting-why-emperor .grid-boxes .col:nth-child(5n) {
    border-right: 1px solid #ebedec;
  }
  .reporting-why-emperor .grid-boxes .col:nth-child(even) {
    border-right: 0;
  }
  .reporting-why-emperor .grid-boxes .title {
    padding: 39px 0 38px 0;
  }
  .reporting-why-emperor .grid-boxes .title:last-of-type {
    padding: 39px 0 38px 0;
  }
  .reporting-why-emperor .clients img {
    max-width: 50%;
    max-height: 50%;
  }
  .reporting-why-emperor .clients .col.active .overlay, .reporting-why-emperor .clients .col:hover .overlay {
    width: calc(100% - 20px);
    left: 10px;
    right: 10px;
    bottom: 10px;
    top: 10px;
  }
  .reporting-why-emperor .clients .col.active .overlay .text-wrap, .reporting-why-emperor .clients .col:hover .overlay .text-wrap {
    bottom: 5px;
    left: 10px;
  }
  .reporting-why-emperor .clients .col.active .overlay span, .reporting-why-emperor .clients .col:hover .overlay span {
    font-size: 16px;
    line-height: 20px;
  }
  .reporting-why-emperor .clients .col.active .overlay strong, .reporting-why-emperor .clients .col:hover .overlay strong {
    font-size: 12px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .reporting-why-emperor .top-page-banner {
    height: auto;
    padding: 86px 0 31px;
  }
  .reporting-why-emperor .top-page-banner .left-col {
    display: none;
  }
  .reporting-why-emperor .top-page-banner .bottom-align {
    bottom: auto;
    transform: none;
    padding-bottom: 0;
  }
  .reporting-why-emperor .top-page-banner .btn:nth-of-type(2) {
    margin-left: 20px;
  }
}

/* why emperor page */
.why-emperor .top-page-banner {
  padding: 391px 0 99px;
  height: auto;
}
.why-emperor .top-page-banner .bottom-align {
  padding-bottom: 0;
  bottom: auto;
  transform: none;
}
.why-emperor .top-page-banner h1 {
  letter-spacing: -13.5px;
  margin: 0 0 30px -9px;
  /*&.colored {
  	color: $blue-dark;
  }*/
}
.why-emperor .grid-boxes .col {
  padding: 128px 0 144px;
}
.why-emperor .grid-boxes .col:nth-child(even) {
  border-right: none;
}
.why-emperor .grid-boxes .col.blue .more-info:hover {
  color: #68bac0;
}
.why-emperor .grid-boxes .col.red .more-info:hover {
  color: #ee3d43;
}
.why-emperor .grid-boxes .col.yellow .more-info:hover {
  color: #f6cc02;
}
.why-emperor .grid-boxes .col.green .more-info:hover {
  color: #b6ca2b;
}
.why-emperor .grid-boxes .col.purple .more-info:hover {
  color: #9757a6;
}
.why-emperor .grid-boxes > .container > .container-fluid > .row:last-of-type:after {
  display: none;
}
.why-emperor .grid-boxes .col-inner {
  padding: 0 16.0525%;
}
.why-emperor .grid-boxes .title:last-of-type {
  padding: 145px 0 160px;
}
.why-emperor .grid-boxes .title h2 {
  margin-bottom: 0;
}
.why-emperor .grid-boxes h2 {
  font-size: 80px;
  line-height: 86px;
  margin-bottom: 9px;
  letter-spacing: -7px;
  margin-left: 0px;
}
.why-emperor .grid-boxes p {
  line-height: 26px;
  color: #5f686d;
  margin-bottom: 19px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.why-emperor .grid-boxes .more-info {
  font-size: 14px;
  line-height: 36px;
  padding-bottom: 9px;
  letter-spacing: 1px;
  position: relative;
  text-transform: uppercase;
  color: #17252d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.why-emperor .grid-boxes .more-info:before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  position: absolute;
}
.why-emperor .grid-boxes .more-info:hover {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.why-emperor .grid-boxes .yellow h2 {
  color: #f6cc02;
}
.why-emperor .grid-boxes .yellow .more-info:before {
  background: #f6cc02;
}
.why-emperor .grid-boxes .red h2 {
  color: #ee3d43;
}
.why-emperor .grid-boxes .red .more-info:before {
  background: #ee3d43;
}
.why-emperor .grid-boxes .green h2 {
  color: #b6ca2b;
}
.why-emperor .grid-boxes .green .more-info:before {
  background: #b6ca2b;
}
.why-emperor .grid-boxes .blue h2 {
  color: #68bac0;
}
.why-emperor .grid-boxes .blue .more-info:before {
  background: #68bac0;
}
.why-emperor .grid-boxes .purple h2 {
  color: #9757a6;
}
.why-emperor .grid-boxes .purple .more-info:before {
  background: #9757a6;
}
.why-emperor .inner-wrap {
  top: 188px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .why-emperor .top-page-banner h1 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.06em;
    margin: 0 0 30px -9px;
  }
  .why-emperor .grid-boxes h2 {
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -0.06em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .why-emperor .top-page-banner {
    padding: 317px 0 79px;
  }
  .why-emperor .top-page-banner h1 {
    margin: 0 0 31px -9px;
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
  }
  .why-emperor .top-page-banner .intro {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 28px;
    letter-spacing: -2.3px;
  }
  .why-emperor .grid-boxes .col {
    padding: 60px 0 33px;
  }
  .why-emperor .grid-boxes .col-inner {
    padding: 0 12.5%;
  }
  .why-emperor .grid-boxes .title {
    padding: 76px 0 87px;
  }
  .why-emperor .grid-boxes .title:last-of-type {
    padding: 76px 0 87px;
  }
  .why-emperor .grid-boxes .title h2 {
    font-size: 45px;
    line-height: 40px;
    letter-spacing: -3.5px;
  }
  .why-emperor .grid-boxes .more-info {
    padding-bottom: 10px;
  }
  .why-emperor .grid-boxes h2 {
    font-size: 45px;
    line-height: 36px;
    margin-bottom: 19px;
    letter-spacing: -3.5px;
  }
  .why-emperor .grid-boxes p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .why-emperor .top-page-banner {
    padding: 160px 0 40px;
  }
  .why-emperor .top-page-banner h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .why-emperor .top-page-banner p.intro {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .why-emperor .grid-boxes .col {
    padding: 61px 0 64px;
  }
  .why-emperor .grid-boxes .title {
    padding: 40px 0;
  }
  .why-emperor .grid-boxes .title h2 {
    letter-spacing: -2px;
    font-size: 30px;
    line-height: 36px;
  }
  .why-emperor .grid-boxes .title:last-of-type {
    padding: 40px 0;
  }
  .why-emperor .grid-boxes .col-inner {
    margin-left: 8.33333%;
    width: 83.33333%;
    padding: 0 15px;
  }
  .why-emperor .grid-boxes .more-info {
    padding-bottom: 10px;
  }
  .why-emperor .grid-boxes h2 {
    margin-bottom: 18px;
    letter-spacing: -2px;
    font-size: 30px;
    line-height: 36px;
  }
  .why-emperor .grid-boxes p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 10px 0;
    display: block;
  }
  .why-emperor .grid-boxes strong {
    margin-bottom: 10px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .why-emperor .top-page-banner {
    height: auto;
    padding: 86px 0 31px;
  }
  .why-emperor .top-page-banner .left-col {
    display: none;
  }
  .why-emperor .top-page-banner .bottom-align {
    bottom: auto;
    transform: none;
    padding-bottom: 0;
  }
  .why-emperor .top-page-banner .btn:nth-of-type(2) {
    margin-left: 20px;
  }
}

/*----------  case study with people page shared top page banner
------------------------------------------------------------------------------*/
.case-study h2 {
  font-size: 70px;
  line-height: 70px;
  margin-bottom: 29px;
  letter-spacing: -3.5px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.case-study h3 {
  margin-bottom: 44px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) {
  height: auto;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) ul {
  padding-top: 50px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) ul li {
  display: block;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) ul.social-links {
  padding-top: 33px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).top-page-banner-pulse {
  min-height: 100vh;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .row {
  padding: 186px 0 70px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) h1 {
  margin-bottom: 27px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) p strong, .case-study .top-page-banner:not(.bottom-page-banner-pulse) strong {
  letter-spacing: 1.6px;
  line-height: 18px;
  margin-bottom: 18px;
  display: block;
  text-transform: uppercase;
  color: #17252d;
  font-size: 16px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) p strong {
  margin-bottom: -15px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) p {
  margin-bottom: 33px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .intro {
  font-size: 23px;
  line-height: 33px;
  margin-bottom: 40px;
  letter-spacing: 0;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .author {
  margin-bottom: 37px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .author strong {
  display: inline-block;
  margin-bottom: 0;
  color: #a3acb1;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-weight: 700;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .inner-wrap {
  margin-top: 214px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .left-col {
  order: 1;
  padding-top: 47px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .right-col {
  order: 2;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).bottom-page {
  height: 100vh;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .container {
  height: 100% !important;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).bottom-page h3 {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -3.1px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .row {
  padding: 0;
  height: auto;
  top: auto;
  transform: none;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .left-col {
  padding-top: 44px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse).bottom-page .inner-wrap {
  margin-top: 50px;
}
.case-study .top-page-banner:not(.bottom-page-banner-pulse) .result-text h4 {
  margin-bottom: 1em;
}
.case-study .client-name {
  display: block;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1.4px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  text-transform: uppercase;
  margin-bottom: -8px;
}
.case-study .quoted-text, .case-study .quoted-start {
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.05em;
  margin-bottom: 10px;
}
.case-study .quoted-text:before, .case-study .quoted-text:after, .case-study .quoted-start:before, .case-study .quoted-start:after {
  font-size: 34px;
}
.case-study .quoted-text:before, .case-study .quoted-start:before {
  left: -12px;
  top: 1px;
}
.case-study .quoted-text:after, .case-study .quoted-start:after {
  bottom: 0px;
}
.case-study .quoted-end:after {
  font-size: 34px;
  bottom: 0px;
  font-weight: bold;
}
.case-study .bottom-page .quotation-author {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  letter-spacing: 0.1em;
}
.case-study .bottom-page-links h2 {
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -4px;
  margin-bottom: 0;
}
.case-study .two-cols-img-text .quotation-author {
  margin-bottom: 38px;
}
.case-study .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background: rgba(23, 37, 45, 0.3);
  z-index: 4;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (max-height: 900px) {
  .case-study .two-cols-img-text strong, .case-study .two-cols-text strong {
    font-size: 14px;
    font-weight: 700;
  }
  .case-study .bottom-page-links h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
}
@media only screen and (min-width: 1169px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.one-line-heading {
    margin-top: 58px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.two-lines-heading {
    margin-top: 139px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.three-lines-heading {
    margin-top: 218px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.four-lines-heading {
    margin-top: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) {
    height: 100%;
    min-height: 100vh;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap {
    padding-bottom: 8.625%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .case-study h2 {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -2.5px;
    margin-bottom: 31px;
  }
  .case-study .bottom-page-links h2 {
    font-size: 40px;
    line-height: 36px;
    letter-spacing: -3px;
  }
  .case-study .bottom-page-links .text-underline {
    margin-bottom: 26px;
  }
  .case-study .two-cols-text h4,
  .case-study .two-cols-text .quoted-text {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.2px;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .case-study .full-screen-height .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .case-study .full-screen-height .vertical-align {
    top: auto;
    transform: none;
    bottom: auto;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .case-study .full-screen-height .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .case-study .full-screen-height .vertical-align {
    top: auto;
    transform: none;
    bottom: auto;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .case-study h2 {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -1.25px;
    margin-bottom: 20px;
  }
  .case-study .bottom-page-links h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -2.5px;
  }
  .case-study .two-cols-text .quoted-text,
  .case-study .two-cols-text h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.9px;
    margin-bottom: 33px;
  }
  .case-study .two-cols-text strong {
    letter-spacing: -0.6px;
  }
  .case-study .quoted-text, .case-study .quoted-start {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -0.05em;
  }
}

.case-study .top-page-banner:not(.top-page-banner-pulse), .people-page .top-page-banner:not(.top-page-banner-pulse) {
  height: auto;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  visibility: visible;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .row, .people-page .top-page-banner:not(.top-page-banner-pulse) .row {
  padding: 186px 0 70px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) h1, .people-page .top-page-banner:not(.top-page-banner-pulse) h1 {
  margin-bottom: 27px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) p strong, .case-study .top-page-banner:not(.top-page-banner-pulse) strong, .people-page .top-page-banner:not(.top-page-banner-pulse) p strong, .people-page .top-page-banner:not(.top-page-banner-pulse) strong {
  letter-spacing: 1.6px;
  line-height: 18px;
  margin-bottom: 18px;
  display: block;
  text-transform: uppercase;
  color: #17252d;
  font-size: 16px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) p strong, .people-page .top-page-banner:not(.top-page-banner-pulse) p strong {
  margin-bottom: -15px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) p, .people-page .top-page-banner:not(.top-page-banner-pulse) p {
  margin-bottom: 33px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) ul, .people-page .top-page-banner:not(.top-page-banner-pulse) ul {
  padding-top: 50px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) ul li, .people-page .top-page-banner:not(.top-page-banner-pulse) ul li {
  display: block;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) ul.social-links, .people-page .top-page-banner:not(.top-page-banner-pulse) ul.social-links {
  padding-top: 33px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .intro, .people-page .top-page-banner:not(.top-page-banner-pulse) .intro {
  font-size: 23px;
  line-height: 33px;
  margin-bottom: 40px;
  letter-spacing: 0;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .author, .people-page .top-page-banner:not(.top-page-banner-pulse) .author {
  margin-bottom: 37px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .author strong, .people-page .top-page-banner:not(.top-page-banner-pulse) .author strong {
  display: inline-block;
  margin-bottom: 0;
  color: #a3acb1;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-weight: 700;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap {
  margin-top: 214px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .left-col {
  order: 1;
  padding-top: 47px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .right-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .right-col {
  order: 2;
}
.case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page {
  height: 100vh;
}
.case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .container, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .container {
  height: 100% !important;
}
.case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page h3, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page h3 {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -3.1px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .row, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .row {
  padding: 0;
  height: auto;
  top: auto;
  transform: none;
}
.case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .left-col {
  padding-top: 44px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .inner-wrap, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .inner-wrap {
  margin-top: 50px;
}
.case-study .top-page-banner:not(.top-page-banner-pulse) .result-text h4, .people-page .top-page-banner:not(.top-page-banner-pulse) .result-text h4 {
  margin-bottom: 1em;
}
@media only screen and (min-width: 1171px) and (max-width: 1500px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .left-col {
    width: 17.66667%;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .right-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .right-col {
    width: 75%;
    max-width: 75%;
  }
}
@media only screen and (min-width: 1170px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse), .people-page .top-page-banner:not(.top-page-banner-pulse) {
    min-height: 100vh;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .container .row, .people-page .top-page-banner:not(.top-page-banner-pulse) .container .row {
    padding: 0;
    height: 100%;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
    padding-top: 120px;
    position: relative;
    bottom: -100%;
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    padding-bottom: 8.625%;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page {
    padding-top: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .container .row, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .container .row {
    height: auto;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .wrap {
    bottom: auto;
    transform: none;
    padding: 0;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse), .people-page .top-page-banner:not(.top-page-banner-pulse) {
    height: 100%;
    min-height: 100vh;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page {
    height: 100% !important;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .container .row, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .container .row {
    height: 100%;
    top: auto;
    transform: none;
    padding: 60px 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .wrap {
    bottom: auto;
    transform: none;
    padding: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .social-links li, .people-page .top-page-banner:not(.top-page-banner-pulse) .social-links li {
    margin: 0 3px 0 0;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (max-height: 900px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .left-col {
    padding-top: 65px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) h1, .people-page .top-page-banner:not(.top-page-banner-pulse) h1 {
    margin-bottom: 27px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) ul, .people-page .top-page-banner:not(.top-page-banner-pulse) ul {
    font-size: 13px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) p, .people-page .top-page-banner:not(.top-page-banner-pulse) p {
    color: #5f686d;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
    letter-spacing: -0.76px;
    font-weight: 400;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) p strong, .people-page .top-page-banner:not(.top-page-banner-pulse) p strong {
    font-size: 16px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page h3, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page h3 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.08em;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .author, .case-study .top-page-banner:not(.top-page-banner-pulse) .quotation-author, .people-page .top-page-banner:not(.top-page-banner-pulse) .author, .people-page .top-page-banner:not(.top-page-banner-pulse) .quotation-author {
    letter-spacing: 0;
  }
}
@media only screen and (min-width: 1169px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.one-line-heading, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.one-line-heading {
    margin-top: 58px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.two-lines-heading, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.two-lines-heading {
    margin-top: 139px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.three-lines-heading, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.three-lines-heading {
    margin-top: 218px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.four-lines-heading, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap.four-lines-heading {
    margin-top: 300px;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse), .people-page .top-page-banner:not(.top-page-banner-pulse) {
    height: 100%;
    min-height: 100vh;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
    padding-bottom: 8.625%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse), .people-page .top-page-banner:not(.top-page-banner-pulse) {
    height: auto;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) h1, .people-page .top-page-banner:not(.top-page-banner-pulse) h1 {
    margin-bottom: 25px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) strong, .people-page .top-page-banner:not(.top-page-banner-pulse) strong {
    margin-bottom: 23px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) ul, .people-page .top-page-banner:not(.top-page-banner-pulse) ul {
    padding-top: 48px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) ul,
  .case-study .top-page-banner:not(.top-page-banner-pulse) .social-links, .people-page .top-page-banner:not(.top-page-banner-pulse) ul,
  .people-page .top-page-banner:not(.top-page-banner-pulse) .social-links {
    display: none;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .back-link, .people-page .top-page-banner:not(.top-page-banner-pulse) .back-link {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 31px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .back-link:before, .people-page .top-page-banner:not(.top-page-banner-pulse) .back-link:before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .row, .people-page .top-page-banner:not(.top-page-banner-pulse) .row {
    padding: 46px 0 78px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
    display: block;
    height: 100%;
    position: relative;
    bottom: -100%;
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .left-col {
    padding-top: 0;
    display: none;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .social-links, .people-page .top-page-banner:not(.top-page-banner-pulse) .social-links {
    position: relative;
    bottom: auto;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .intro, .people-page .top-page-banner:not(.top-page-banner-pulse) .intro {
    font-size: 23px;
    line-height: 33px;
    margin-bottom: 40px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page {
    padding: 0;
    height: 100%;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .row, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .row {
    height: 100%;
    top: auto;
    transform: none;
    padding: 60px 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page h3, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page h3 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.5px;
    margin-bottom: 30px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page p, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page p {
    margin-bottom: 37px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page strong, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page strong {
    margin-bottom: 3px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .wrap {
    bottom: 0;
    transform: none;
    padding: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .left-col {
    padding-top: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .right-col, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .right-col {
    float: left;
    bottom: auto;
    -webkit-transform: none;
    transform: none;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .inner-wrap, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .inner-wrap {
    position: relative;
    bottom: auto;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .social-links, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .social-links {
    bottom: auto;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .btn, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .btn {
    margin-top: 19px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .back-link, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .back-link {
    margin-bottom: 33px;
  }
}
@media only screen and (min-width: 1170px) and (min-height: 900px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .row, .people-page .top-page-banner:not(.top-page-banner-pulse) .row {
    padding-bottom: 0;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
    bottom: auto !important;
    transform: none !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
    bottom: auto !important;
    transform: none !important;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) .row, .people-page .top-page-banner:not(.top-page-banner-pulse) .row {
    padding: 0 0 35px 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap {
    margin-top: 83px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .case-study .top-page-banner:not(.top-page-banner-pulse) h1, .people-page .top-page-banner:not(.top-page-banner-pulse) h1 {
    margin-bottom: 20px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) strong, .people-page .top-page-banner:not(.top-page-banner-pulse) strong {
    margin-bottom: 19px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) p, .people-page .top-page-banner:not(.top-page-banner-pulse) p {
    margin-bottom: 23px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) p strong, .people-page .top-page-banner:not(.top-page-banner-pulse) p strong {
    margin-bottom: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) ul, .people-page .top-page-banner:not(.top-page-banner-pulse) ul {
    padding-top: 48px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) ul,
  .case-study .top-page-banner:not(.top-page-banner-pulse) .social-links, .people-page .top-page-banner:not(.top-page-banner-pulse) ul,
  .people-page .top-page-banner:not(.top-page-banner-pulse) .social-links {
    display: none;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .back-link, .people-page .top-page-banner:not(.top-page-banner-pulse) .back-link {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 28px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .back-link:before, .people-page .top-page-banner:not(.top-page-banner-pulse) .back-link:before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .row, .people-page .top-page-banner:not(.top-page-banner-pulse) .row {
    padding: 74px 0 50px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .wrap {
    display: block;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .left-col {
    padding-top: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .right-col, .people-page .top-page-banner:not(.top-page-banner-pulse) .right-col {
    float: left;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .intro, .people-page .top-page-banner:not(.top-page-banner-pulse) .intro {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.9px;
    margin-bottom: 24px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .inner-wrap, .people-page .top-page-banner:not(.top-page-banner-pulse) .inner-wrap {
    margin-top: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .bottom-align, .people-page .top-page-banner:not(.top-page-banner-pulse) .bottom-align {
    bottom: auto;
    transform: none;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse) .social-links, .people-page .top-page-banner:not(.top-page-banner-pulse) .social-links {
    position: relative;
    bottom: auto;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page {
    height: auto;
    padding: 36px 0 50px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .container, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .container {
    height: auto !important;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .row, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .row {
    padding: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .vertical-align, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .vertical-align {
    top: auto;
    transform: none;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page h3, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -1.6px;
    margin-bottom: 31px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page h3,
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .quoted-text, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page h3,
  .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .quoted-text {
    margin-bottom: 28px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page strong, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page strong {
    font-size: 12px;
    margin-bottom: 11px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page p, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page p {
    margin-bottom: 0;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .author strong, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .author strong {
    margin-bottom: 3px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .left-col, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .left-col {
    padding-top: 11px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .inner-wrap, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .inner-wrap {
    position: relative;
    bottom: auto;
    padding-top: 24px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .btn, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .btn {
    margin-top: 19px;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .social-links, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .social-links {
    bottom: auto;
  }
  .case-study .top-page-banner:not(.top-page-banner-pulse).bottom-page .back-link, .people-page .top-page-banner:not(.top-page-banner-pulse).bottom-page .back-link {
    padding-bottom: 18px;
    margin-bottom: 36px;
  }
}

.body-overlay .overlaypopup {
  display: block;
}

.overlaypopup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(23, 37, 45, 0.65);
  z-index: 10;
}

.msg-popup {
  position: fixed;
  z-index: 999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  background-color: #fff;
  color: #ffd300;
  display: none;
  text-align: center;
  padding: 50px 20px 40px;
}
.msg-popup h3 {
  margin-bottom: 15px;
}
.msg-popup p {
  margin-bottom: 10px;
}
.msg-popup .close {
  display: block;
  position: absolute;
  top: -20px;
  right: -30px;
  width: 22px;
  height: 22px;
}
.msg-popup .close:hover {
  cursor: pointer;
}
.msg-popup .close::after {
  content: '';
  display: block;
  width: 22px;
  height: 4px;
  background: #ebecee;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
}
.msg-popup .close::before {
  content: '';
  display: block;
  width: 4px;
  height: 22px;
  background: #ebecee;
  position: absolute;
  left: 9px;
  top: -9px;
  transform: rotate(45deg);
}
.msg-popup.is-visible {
  display: block !important;
}

/*----------  subscribe block
------------------------------------------------------------------------------*/
.subscribe {
  height: auto;
  background: #202e37;
  padding: 113px 0 95px 0;
  color: #707b81;
  text-align: center;
}
.subscribe form {
  margin-bottom: 20px;
}
.subscribe form::-webkit-input-placeholder {
  color: #a3acb1;
}
.subscribe form:-moz-placeholder {
  color: #a3acb1;
}
.subscribe form:-ms-input-placeholder {
  color: #a3acb1;
}
.subscribe form label,
.subscribe form br {
  display: none;
}
.subscribe form p {
  display: inline-block;
  margin-bottom: 0 !important;
}
.subscribe form button {
  line-height: 40px;
}
.subscribe input, .subscribe span {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.subscribe input[type="submit"] {
  line-height: 40px;
  font-weight: 700;
}
.subscribe input[type="email"] {
  margin-left: 2px;
}
.subscribe h4 {
  color: #fff;
  margin-bottom: 9px;
  font-size: 36px;
  line-height: 30px;
  letter-spacing: -1.8px;
}
.subscribe p {
  margin-bottom: 24px !important;
  line-height: 30px !important;
  letter-spacing: -0.625px;
  color: #a3acb1;
  font-size: 16px !important;
}
.subscribe span {
  font-size: 11px;
  margin-bottom: 28px;
  line-height: 30px;
  letter-spacing: -0.11px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .subscribe {
    padding: 116px 0 93px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .subscribe {
    padding: 51px 0 48px 0;
  }
  .subscribe .col-md-6 {
    padding: 0 14px 0 15px;
  }
  .subscribe h4 {
    font-size: 30px;
    letter-spacing: -1.4px;
    margin-bottom: 4px;
  }
  .subscribe p {
    font-size: 14px;
    line-height: 24px !important;
    margin-bottom: 20px !important;
    letter-spacing: -0.35px;
    display: block;
    width: 100%;
  }
  .subscribe form {
    margin-bottom: 16px;
  }
  .subscribe form p {
    margin-bottom: 20px !important;
  }
  .subscribe form p:first-of-type {
    margin-bottom: 10px !important;
  }
  .subscribe p input[type="email"] {
    margin-right: 2px;
    position: relative;
    top: -1px;
    width: 100%;
  }
  .subscribe input[type="email"] {
    margin: 0;
    width: 100%;
  }
  .subscribe button[type="submit"] {
    padding: 6px 15px;
    width: 100%;
  }
  .subscribe input[type="submit"] {
    margin: 14px 0 6px 0;
    width: 100%;
  }
  .subscribe span {
    line-height: 25px;
  }
}

.msg-teal {
  color: #72ccd2 !important;
}

/*----------  career and contact pages
------------------------------------------------------------------------------*/
.careers-page .top-page-banner .row,
.contact-page .top-page-banner .row {
  height: auto;
}
.careers-page .top-page-banner h1,
.contact-page .top-page-banner h1 {
  letter-spacing: -13.5px;
  margin: 0 0 30px -9px;
  font-size: 150px;
  line-height: 150px;
}
.careers-page .top-page-banner span,
.contact-page .top-page-banner span {
  text-transform: uppercase;
}
.careers-page .top-page-banner .social-links.text,
.contact-page .top-page-banner .social-links.text {
  padding-top: 31px;
}
.careers-page .top-page-banner .bottom-align,
.contact-page .top-page-banner .bottom-align {
  padding-bottom: 20%;
}
.careers-page .top-page-banner .intro,
.contact-page .top-page-banner .intro {
  margin-bottom: 85px;
}
.careers-page .inner-wrap,
.contact-page .inner-wrap {
  margin-top: 255px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .careers-page .top-page-banner,
  .contact-page .top-page-banner {
    height: 100vh;
  }
  .careers-page .top-page-banner h1,
  .contact-page .top-page-banner h1 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.06em;
    margin: 0 0 30px -9px;
  }
  .careers-page .top-page-banner p.intro,
  .contact-page .top-page-banner p.intro {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .careers-page .top-page-banner,
  .contact-page .top-page-banner {
    height: 100vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .careers-page .top-page-banner h1,
  .contact-page .top-page-banner h1 {
    margin: 0 0 31px -9px;
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
  }
  .careers-page .top-page-banner p.intro,
  .contact-page .top-page-banner p.intro {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 28px;
    letter-spacing: -2.3px;
  }
  .careers-page .top-page-banner .bottom-align,
  .contact-page .top-page-banner .bottom-align {
    padding-bottom: 8.625%;
  }
  .careers-page .top-page-banner .btn,
  .contact-page .top-page-banner .btn {
    height: 50px;
    line-height: 48px;
    margin-right: 5px;
  }
  .careers-page .top-page-banner .col-left,
  .contact-page .top-page-banner .col-left {
    display: none;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .careers-page .top-page-banner,
  .contact-page .top-page-banner {
    position: relative;
  }
  .careers-page .top-page-banner .bottom-align,
  .contact-page .top-page-banner .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
    left: 0;
    width: 100%;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .careers-page .top-page-banner,
  .contact-page .top-page-banner {
    position: relative;
  }
  .careers-page .top-page-banner .bottom-align,
  .contact-page .top-page-banner .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
    left: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .careers-page .top-page-banner h1,
  .contact-page .top-page-banner h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .careers-page .top-page-banner p.intro,
  .contact-page .top-page-banner p.intro {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .careers-page .top-page-banner .bottom-align,
  .contact-page .top-page-banner .bottom-align {
    padding-bottom: 15.5%;
  }
  .careers-page .top-page-banner .col-left,
  .contact-page .top-page-banner .col-left {
    display: none;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) {
  .careers-page .top-page-banner,
  .contact-page .top-page-banner {
    height: auto;
  }
  .careers-page .top-page-banner .bottom-align,
  .contact-page .top-page-banner .bottom-align {
    bottom: auto;
    transform: none;
    padding: 25px 0 3.7% 0;
  }
}

/* careeres page */
.careers-page .top-page-banner .intro {
  margin-bottom: 39px;
}
.careers-page .video-wrap {
  text-align: center;
  color: #fff;
}
.careers-page .video-wrap h2 {
  margin-bottom: 0;
}
.careers-page .grid-boxes .col {
  padding: 116px 0 145px;
}
.careers-page .grid-boxes .col:nth-child(even) {
  border-right: none;
}
.careers-page .grid-boxes .col-inner {
  padding: 0 16.45833333333333%;
  position: relative;
  height: 280px;
}
.careers-page .grid-boxes > .container > .container-fluid > .row:last-of-type:after {
  display: none;
}
.careers-page .grid-boxes .title {
  text-align: center;
  padding: 139px 0 163px;
}
.careers-page .grid-boxes .title a {
  text-decoration: underline;
  color: #17252d;
}
.careers-page .grid-boxes.clients .title {
  text-align: left;
  padding: 180px 0 179px;
}
.careers-page .grid-boxes h2 {
  font-size: 80px;
  line-height: 90px;
  margin-left: -6px;
  letter-spacing: -7px;
}
.careers-page .grid-boxes h3 {
  font-size: 30px;
  letter-spacing: -0.025em;
}
.careers-page .grid-boxes h4 {
  line-height: 36px;
  letter-spacing: -2.3px;
  margin-bottom: 15px;
}
.careers-page .grid-boxes strong {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 17px;
  display: block;
}
.careers-page .grid-boxes .col-inner p {
  margin-bottom: 25px;
}
.careers-page .grid-boxes p {
  line-height: 26px;
  color: #5f686d;
  margin-bottom: 19px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.careers-page .grid-boxes .more-info {
  font-size: 14px;
  line-height: 36px;
  letter-spacing: 1.4px;
  position: relative;
  text-transform: uppercase;
  color: #17252d;
  padding-bottom: 11px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: absolute;
  bottom: 0;
}
.careers-page .grid-boxes .more-info:before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  position: absolute;
  background: #b6ca2b;
}
.careers-page .grid-boxes .more-info:hover {
  color: #b6ca2b;
}
.careers-page .grid-boxes .emperor-black .more-info::before {
  background: #2C2A29;
}
.careers-page .grid-boxes .emperor-black .more-info:hover {
  color: #2C2A29;
}
.careers-page .grid-boxes .emperor-white .more-info::before {
  background: #fff;
}
.careers-page .grid-boxes .emperor-white .more-info:hover {
  color: #fff;
}
.careers-page .grid-boxes .emperor-yellow .more-info::before {
  background: #FFCD00;
}
.careers-page .grid-boxes .emperor-yellow .more-info:hover {
  color: #FFCD00;
}
.careers-page .grid-boxes .emperor-orange .more-info::before {
  background: #FF9E1B;
}
.careers-page .grid-boxes .emperor-orange .more-info:hover {
  color: #FF9E1B;
}
.careers-page .grid-boxes .emperor-dark-blue .more-info::before {
  background: #253746;
}
.careers-page .grid-boxes .emperor-dark-blue .more-info:hover {
  color: #253746;
}
.careers-page .grid-boxes .emperor-bright-blue .more-info::before {
  background: #00A3E0;
}
.careers-page .grid-boxes .emperor-bright-blue .more-info:hover {
  color: #00A3E0;
}
.careers-page .grid-boxes .emperor-grey-1 .more-info::before {
  background: #e6e6e6;
}
.careers-page .grid-boxes .emperor-grey-1 .more-info:hover {
  color: #e6e6e6;
}
.careers-page .grid-boxes .emperor-grey-2 .more-info::before {
  background: #bfbfbf;
}
.careers-page .grid-boxes .emperor-grey-2 .more-info:hover {
  color: #bfbfbf;
}
.careers-page .grid-boxes .emperor-grey-3 .more-info::before {
  background: #999;
}
.careers-page .grid-boxes .emperor-grey-3 .more-info:hover {
  color: #999;
}
.careers-page .grid-boxes .emperor-grey-3 .more-info::before {
  background: #4d4d4d;
}
.careers-page .grid-boxes .emperor-grey-3 .more-info:hover {
  color: #4d4d4d;
}
.careers-page .perks .row {
  display: block;
}
.careers-page .perks h2 {
  line-height: 60px;
  margin-bottom: 21px;
}
.careers-page .perks ul li {
  display: block;
  margin-bottom: 18px;
  padding-left: 37px;
  position: relative;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.2px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  color: #17252d;
  text-transform: uppercase;
}
.careers-page .perks ul li i {
  position: absolute;
  top: -4px;
  left: 3px;
  font-size: 22px;
  color: #fff;
}
.careers-page .perks .text-block {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #ffd300;
}
.careers-page .perks .plain-image {
  float: right;
}
.careers-page .perks .vertical-align-apsolute {
  padding: 0 12.8125%;
}
.careers-page .perks .intro {
  width: 100%;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -2.2px;
  color: #17252d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  margin-bottom: 55px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .careers-page .grid-boxes .col-inner {
    height: 300px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1600px) {
  .careers-page .grid-boxes .col-inner {
    height: 330px;
  }
}
@media only screen and (min-width: 1169px) and (max-width: 1300px) {
  .careers-page .grid-boxes .col-inner {
    height: 380px;
  }
}
@media only screen and (min-width: 1169px) and (max-width: 1540px) {
  .careers-page .perks h2 {
    line-height: 32px;
    margin-bottom: 10px;
    font-size: 36px;
  }
  .careers-page .perks .intro {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 26px;
  }
  .careers-page .perks ul li {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .careers-page .grid-boxes h2 {
    font-size: 70px;
    line-height: 78px;
    letter-spacing: -0.06em;
    margin-left: -2px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .careers-page .video-wrap {
    height: 384px;
  }
  .careers-page .video-wrap h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 2px;
  }
  .careers-page .video-wrap .vertical-align-apsolute {
    margin-top: -11px;
  }
  .careers-page .grid-boxes.clients .title {
    padding: 76px 0 87px;
  }
  .careers-page .grid-boxes.clients strong {
    margin-left: -11px;
  }
  .careers-page .grid-boxes.clients h2 {
    margin-bottom: 0;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: -3.5px;
  }
  .careers-page .grid-boxes .col {
    padding: 75px 0 80px;
  }
  .careers-page .grid-boxes .title {
    padding: 76px 0 87px;
  }
  .careers-page .grid-boxes .col-inner {
    padding: 0 12.020833%;
    height: 375px;
  }
  .careers-page .grid-boxes strong {
    letter-spacing: -0.5px;
    margin-bottom: 11px;
  }
  .careers-page .grid-boxes h2 {
    font-size: 60px;
    line-height: 70px;
    margin-bottom: 20px;
    margin-left: -13px;
    letter-spacing: -5px;
  }
  .careers-page .grid-boxes h3 {
    font-size: 24px;
  }
  .careers-page .grid-boxes h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -2px;
    margin-bottom: 16px;
  }
  .careers-page .grid-boxes p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 13px;
  }
  .careers-page .perks {
    padding: 0;
  }
  .careers-page .perks h2 {
    line-height: 46px;
    margin-bottom: 33px;
    font-size: 40px;
    letter-spacing: -3.2px;
  }
  .careers-page .perks ul li {
    padding-left: 35px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.6px;
  }
  .careers-page .perks ul li i {
    top: 1px;
    left: 3px;
    font-size: 18px;
  }
  .careers-page .perks .text-block {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    padding: 92px 29px 68px;
  }
  .careers-page .perks .vertical-align-apsolute {
    margin-left: 8.33333%;
    padding: 0;
    width: 76.33333%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .careers-page .perks .intro {
    margin-bottom: 50px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.6px;
  }
  .careers-page .two-cols-img-text .text-block {
    height: 100vw !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .careers-page .grid-boxes .more-info {
    position: relative;
    bottom: auto;
  }
  .careers-page .perks .vertical-align-apsolute {
    top: auto;
    transform: none;
    position: relative;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .careers-page .grid-boxes .more-info {
    position: relative;
    bottom: auto;
  }
  .careers-page .perks .vertical-align-apsolute {
    top: auto;
    transform: none;
    position: relative;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .careers-page .top-page-banner .bottom-align {
    padding-bottom: 15.5%;
  }
  .careers-page .top-page-banner .intro {
    margin-bottom: 25px;
  }
  .careers-page .top-page-banner .btn {
    margin: 0 12px 0 0;
    clear: none;
  }
  .careers-page .video-wrap {
    height: 320px;
  }
  .careers-page .video-wrap .vertical-align-apsolute {
    margin-top: -15px;
  }
  .careers-page .grid-boxes h2 {
    font-size: 40px;
    line-height: 36px;
    margin-bottom: 15px;
    letter-spacing: -2px;
  }
  .careers-page .grid-boxes h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .careers-page .grid-boxes h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.7px;
    margin-bottom: 17px;
  }
  .careers-page .grid-boxes p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 10px 0;
    display: block;
    height: auto;
    -webkit-line-clamp: initial;
    -webkit-box-orient: initial;
    overflow: visible;
    text-overflow: initial;
  }
  .careers-page .grid-boxes strong {
    font-size: 12px;
    letter-spacing: 1.2px;
  }
  .careers-page .grid-boxes .col-inner {
    padding: 0 9.0625%;
    min-height: auto;
    height: auto;
  }
  .careers-page .grid-boxes .col {
    padding: 36px 0 39px;
  }
  .careers-page .grid-boxes .title {
    padding: 52px 20px;
  }
  .careers-page .grid-boxes .title a {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .careers-page .grid-boxes .more-info {
    letter-spacing: -0.6px;
    position: relative;
    bottom: auto;
  }
  .careers-page .grid-boxes.clients h2 {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 0;
    letter-spacing: -2px;
  }
  .careers-page .grid-boxes.clients strong {
    margin-bottom: 4px;
    letter-spacing: 0;
    margin-left: -6px;
  }
  .careers-page .grid-boxes.clients .title {
    padding: 40px 0;
  }
  .careers-page .perks {
    padding: 0;
  }
  .careers-page .perks h2 {
    line-height: 34px;
    margin-bottom: 17px;
  }
  .careers-page .perks ul li {
    padding-left: 31px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.6px;
  }
  .careers-page .perks ul li i {
    top: -1px;
    font-size: 17px;
    left: 2px;
  }
  .careers-page .perks .text-block {
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    padding: 36px 9.4375% 41px;
  }
  .careers-page .perks .vertical-align-apsolute {
    padding: 0;
  }
  .careers-page .perks .intro {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.45px;
    margin-bottom: 28px;
  }
}

/* contact page */
.contact-page .top-page-banner ul {
  margin-top: 50px;
}
.contact-page .top-page-banner .wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.contact-page .top-page-banner .left-col {
  order: 1;
  padding-top: 47px;
  position: relative;
}
.contact-page .top-page-banner .left-col ul {
  padding-top: 29px;
}
.contact-page .top-page-banner .right-col {
  order: 2;
}
.contact-page .top-page-banner .inner-wrap {
  position: absolute;
  bottom: 117px;
  margin-top: 0;
}
.contact-page .top-page-banner .inner-wrap > .ico {
  margin-bottom: 84px;
}
.contact-page .bottom-img-banner {
  text-align: center;
}
.contact-page .bottom-img-banner h3 {
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -7px;
  padding-bottom: 40px;
}
.contact-page .bottom-img-banner h3 a {
  color: #fff;
  position: relative;
  word-wrap: break-word;
  word-break: break-word;
  display: inline-block;
}
.contact-page .bottom-img-banner h3 a:after {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  background: transparent;
  position: absolute;
  left: 0;
  bottom: -10px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.contact-page .bottom-img-banner h3 a:hover:after {
  opacity: 1;
  background: #fff;
}
.contact-page .bottom-img-banner .text-underline {
  margin-bottom: 10px;
  padding-bottom: 40px;
  letter-spacing: 0.6px;
}
.contact-page .bottom-img-banner .phone {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 40px;
  color: #fff;
  letter-spacing: -1px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.contact-page .contact-block [class*='col-'] {
  padding: 0;
}
.contact-page .contact-block [class*='col-']:nth-child(3n) .text-wrap:before {
  display: none;
}
.contact-page .contact-block [class*='col-']:nth-child(1) .text-wrap:before {
  right: -2px;
}
.contact-page .contact-block [class*='col-']:nth-child(2n) .text-wrap:before {
  right: -1px;
}
.contact-page .contact-block .text-wrap {
  height: 352px;
  padding: 160px 17px 62px 62px;
  position: relative;
}
.contact-page .contact-block .text-wrap:before {
  content: '';
  display: block;
  position: absolute;
  right: -0.5px;
  top: 0;
  height: auto;
  bottom: -65px;
  width: 1px;
  background: #eaeced;
}
.contact-page .contact-block img {
  width: 100%;
  position: relative;
  z-index: 999;
}
.contact-page .contact-block h5 {
    font-size: 55px;
    line-height: 26px;
    letter-spacing: -1.25px;
    margin-bottom: 19px;
    color: #fff;
}
.contact-page .contact-block address {
color: #fff;
    line-height: 26px;
    margin: 28px 0;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.5px;
    font-size: 15px;
}.bottom li a {
    font-size: 20px !important;
    color: #fff !important;
}
.contact-page .contact-block a {
  position: relative;
  line-height: 26px;
  color: #17252d;
  /* padding-left: 23px; */
  display: block;
  word-break: break-all;
  letter-spacing: -0.8px;
}
.contact-page .contact-block a .zmdi {
  position: relative;
  top: 3px;
  left: 0;
}
.contact-page .contact-block .zmdi {
  font-size: 16px;
}
.contact-page .contact-block .phone {
  font-size: 16px;
  margin-bottom: 0;
}
.contact-page .client-support {
  height: 100vh;
  text-align: center;
}
.contact-page .client-support > .container,
.contact-page .client-support > .container > .row {
  height: 100%;
}
.contact-page .client-support h2 {
  font-size: 120px;
  line-height: 130px;
  margin-bottom: 26px;
  letter-spacing: -10px;
}
.contact-page .client-support span {
  display: block;
  font-size: 60px;
  line-height: 60px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  color: #000;
}
@media only screen and (max-width: 767px) and (min-width: 120px)
{
.contact-page .client-support span {
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #000;
}
}
.contact-page .client-support p {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 41px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
}
.contact-page .client-support a {
  margin-bottom: 30px;
}
.contact-page .client-support .phone {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 40px;
  color: #fff;
  letter-spacing: -1px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.contact-page .phone {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
.contact-page .direction {
  font-size: 14px;
  letter-spacing: 0.7px;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration: underline;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .contact-page .top-page-banner .left-col {
    display: none;
  }
  .contact-page .client-support h2 {
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 34px;
    letter-spacing: -4px;
  }
  .contact-page .client-support p {
    font-size: 18px;
    margin-bottom: 40px;
  }
  .contact-page .client-support .vertical-align {
    margin-top: -26px;
  }
  .contact-page .client-support .phone {
    margin-bottom: 35px;
  }
  .contact-page .contact-block .row {
    display: block;
  }
  .contact-page .contact-block [class*='col-']:nth-child(3n) .text-wrap:before, .contact-page .contact-block [class*='col-']:nth-child(odd) .text-wrap:before {
    display: block;
  }
  .contact-page .contact-block [class*='col-']:nth-child(even) .text-wrap:before {
    display: none;
  }
  .contact-page .contact-block h5 {
    font-size: 24px;
    letter-spacing: -2.2px;
    margin-bottom: 19px;
  }
  .contact-page .contact-block address {
    font-size: 14px;
    margin-bottom: 16px;
  }
  .contact-page .contact-block a {
    font-size: 14px;
    margin-bottom: 1px;
    padding-left: 18px;
    letter-spacing: -0.4px;
  }
  .contact-page .contact-block a .zmdi {
    top: 6px;
  }
  .contact-page .contact-block .text-wrap {
    padding: 54px 40px 50px 50px;
  }
  .contact-page .bottom-img-banner h3 {
    font-size: 40px;
    line-height: 46px;
    letter-spacing: -2px;
  }
  .contact-page .bottom-img-banner h3 a:after {
    bottom: -6px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .contact-page .top-page-banner .left-col {
    display: none;
  }
  .contact-page .top-page-banner .btn {
    margin: 0 0 9px 0;
  }
  .contact-page .client-support h2 {
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 10px;
    letter-spacing: -1.75px;
  }
  .contact-page .client-support p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 26px;
  }
  .contact-page .client-support a {
    margin-bottom: 31px;
  }
  .contact-page .client-support .phone {
    font-size: 24px;
    margin-bottom: 14px;
  }
  .contact-page .client-support .btn {
    padding: 0 14px;
    letter-spacing: -0.5px;
  }
  .contact-page .bottom-img-banner h3 {
    font-size: 21px;
    line-height: 35px;
    letter-spacing: -1.4px;
    margin-top: 20px;
  }
  .contact-page .bottom-img-banner h3 a:after {
    bottom: 0;
  }
  .contact-page .bottom-img-banner .text-underline {
    padding-bottom: 0px;
  }
  .contact-page .contact-block .row {
    display: block;
  }
  .contact-page .contact-block h5 {
    font-size: 24px;
    letter-spacing: -1.2px;
    margin-bottom: 17px;
  }
  .contact-page .contact-block address {
    font-size: 14px;
    margin-bottom: 9px;
  }
  .contact-page .contact-block a {
    font-size: 14px;
    margin-bottom: -2px;
    padding-left: 20px;
    letter-spacing: -0.5px;
  }
  .contact-page .contact-block a .zmdi {
    top: 6px;
  }
  .contact-page .contact-block .text-wrap {
    height: auto;
    padding: 45px 20px 42px 30px;
  }
  .contact-page .contact-block .img-wrap {
    height: 320px;
    overflow: hidden;
  }
}

/*----------  insights
------------------------------------------------------------------------------*/
.insights-list .col img {
  width: 100%;
}
.insights-list .img-wrap {
  width: 100%;
  overflow: hidden;
}
.insights-list .text-wrap {
  height: 256px;
  background: #fff;
  padding: 25px 38px 28px;
}
.insights-list .item {
  transition: box-shadow 0.5s;
}
.insights-list .item:hover {
  box-shadow: 0px 0px 10px 1px rgba(23, 37, 45, 0.2);
  -moz-box-shadow: 0px 0px 10px 1px rgba(23, 37, 45, 0.2);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(23, 37, 45, 0.2);
}
.insights-list h3, .insights-list h4 {
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -2px;
  margin-bottom: 15px;
  color: #17252d;
}
.insights-list h3 a, .insights-list h4 a {
  color: #17252d;
}
.insights-list strong {
  display: block;
  font-size: 12px;
  line-height: 25px;
  letter-spacing: 1.2px;
  margin-bottom: 4px;
  color: #a3acb1;
  text-transform: uppercase;
}
.insights-list p {
  color: #5f686d;
  line-height: 24px;
  margin-bottom: 0;
  letter-spacing: -0.5px;
  display: block;
  display: -webkit-box;
  height: 51.2px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.6;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .insights-list h3, .insights-list h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -2px;
  }
  .insights-list strong {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1.2px;
  }
  .insights-list p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    height: 67.2px;
    font-size: 14px;
    line-height: 1.6;
    -webkit-line-clamp: 3;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .insights-list h3, .insights-list h4 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -2px;
  }
  .insights-list strong {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1.2px;
    margin-bottom: 0px;
  }
  .insights-list p {
    font-size: 14px;
    line-height: 24px;
    height: 67.2px;
    font-size: 14px;
    line-height: 1.6;
    -webkit-line-clamp: 3;
  }
}

/* insights pages
   ========================================================================== */
.insights-page .top-page-banner .row {
  height: auto;
}
.insights-page .top-page-banner h1 {
  letter-spacing: -13.5px;
  margin: 0 0 30px -9px;
  font-size: 150px;
  line-height: 150px;
}
.insights-page .top-page-banner .bottom-align {
  padding-bottom: 7.8%;
}
.insights-page .top-page-banner .wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.insights-page .top-page-banner .left-col {
  order: 1;
  padding-top: 47px;
  position: relative;
}
.insights-page .top-page-banner .left-col ul {
  padding-top: 24px;
}
.insights-page .top-page-banner .right-col {
  order: 2;
}
.insights-page .top-page-banner .inner-wrap {
  position: absolute;
  bottom: 0;
  margin-top: 0;
}
.insights-page .top-page-banner .inner-wrap > .ico {
  margin-bottom: 84px;
}
.insights-page .top-page-banner .filters-select {
  display: none;
}
.insights-page .top-page-banner ul {
  margin-top: 89px;
}
.insights-page .top-page-banner ul li {
  display: block;
  margin-bottom: 9px;
}
.insights-page .top-page-banner ul li:first-of-type {
  margin-bottom: 29px;
}
.insights-page .top-page-banner ul li:last-of-type {
  margin-bottom: 0;
}
.insights-page .top-page-banner ul a {
  text-transform: uppercase;
}
.insights-page .top-page-banner ul i {
  margin-bottom: 22px;
  display: block;
  line-height: 18px;
  color: #17252d;
  font-family: "Cordale-Italic";
  font-style: normal;
  font-size: 16px;
}
.insights-page .top-page-banner .social-links:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
}
.insights-page .bg-img h2 {
  font-size: 70px;
  line-height: 70px;
  letter-spacing: -6.5px;
  margin-bottom: 15px;
}
.insights-page .bg-img .bottom-align {
  padding-bottom: 125px;
}
.insights-page .bg-img .client-name {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1.4px;
  margin-bottom: 15px;
  text-transform: uppercase;
  display: block;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.insights-page .insight {
  position: relative;
}
.insights-page .insight .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background: rgba(23, 37, 45, 0.3);
  z-index: 10;
}
.insights-page .insight .bottom-align {
  z-index: 11;
}
.insights-page .insight:after {
  display: none;
}
.insights-page .insights-list {
  height: auto;
  padding: 76px 0 100px 0;
}
.insights-page .insights-list .row {
  padding-top: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: row wrap;
}
.insights-page .insights-list .col {
  display: block;
  margin-bottom: 25px;
  transition: box-shadow 1s;
  -webkit-transition: box-shadow 1s;
}
.insights-page .insights-list .item {
  background: #fff;
}
.insights-page .insights-list .text-wrap {
  padding: 23px 58px 26px 41px;
}
.insights-page .filter {
  display: none;
  margin-bottom: 45px;
  height: 100px;
  line-height: 100px;
  background: #fff;
}
.insights-page .filter ul {
  display: inline-block;
  line-height: normal;
  height: auto;
}
.insights-page .filter ul li {
  margin-right: 18px;
  display: inline-block;
}
.insights-page .filter ul li a {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #a3acb1;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
}
.insights-page .filter ul li a.active {
  color: #17252d;
}
.insights-page .filter ul li i {
  display: inline-block;
  line-height: 18px;
  color: #17252d !important;
  font-family: "Cordale-Italic";
  font-style: normal;
  margin-right: 15px;
  font-size: 14px;
}
.insights-page .filter .filters-select,
.insights-page .filter .newListSelected {
  display: none;
}
.insights-page .btn-load {
  display: block;
  height: 80px;
  line-height: 80px;
  background: #fff;
  color: #17252d;
  width: 100%;
  text-align: center;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 500;
  /* gotham-medium */
  font-style: normal;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 900px) {
  .insights-page .top-page-banner {
    height: 100vh;
  }
  .insights-page .top-page-banner h1 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.06em;
    margin: 0 0 30px -9px;
  }
  .insights-page .top-page-banner p.intro {
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
}
@media only screen and (min-width: 1025px) and (max-height: 900px) {
  .insights-page .top-page-banner {
    height: 100vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .insights-page .top-page-banner h1 {
    margin: 0 0 31px -9px;
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
  }
  .insights-page .top-page-banner p.intro {
    margin-bottom: 42px;
    font-size: 40px;
    line-height: 35px;
    margin-bottom: 28px;
    letter-spacing: -2.3px;
  }
  .insights-page .top-page-banner .left-col {
    display: none;
  }
  .insights-page .top-page-banner .bottom-align {
    padding-bottom: 11.3%;
  }
  .insights-page .bg-img h2 {
    font-size: 50px;
    line-height: 50px;
    letter-spacing: -4.5px;
    margin-bottom: 20px;
  }
  .insights-page .bg-img .bottom-align {
    padding-bottom: 14.666666666666666%;
  }
  .insights-page .bg-img .client-name {
    margin-bottom: 18px;
  }
  .insights-page .insight {
    background-position: 18.6% center !important;
  }
  .insights-page .insights-list {
    padding: 0 0 65px;
  }
  .insights-page .insights-list .col {
    margin-bottom: 12px;
  }
  .insights-page .insights-list .text-wrap {
    padding: 26px 24px 32px 40px;
    height: 245px;
  }
  .insights-page .filter {
    display: block;
    margin-bottom: 42px;
  }
  .insights-page .filter .newListSelected {
    display: none;
  }
  .insights-page .filter ul li i {
    margin-right: 0px;
  }
  .insights-page .btn {
    margin-top: 12px;
  }
  .insights-page .btn-load {
    margin-top: 6px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .insights-page .filter {
    line-height: 1;
  }
  .insights-page .filter .row {
    padding-top: 0;
  }
  .insights-page .filter .filters-list {
    padding-top: 15px;
  }
  .insights-page .filter .filters-list ul li {
    margin: 5px 18px 5px 0;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .insights-page .top-page-banner, .insights-page .full-screen-height {
    position: relative;
  }
  .insights-page .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .insights-page .top-page-banner, .insights-page .full-screen-height {
    position: relative;
  }
  .insights-page .bottom-align {
    position: absolute;
    bottom: 0 !important;
    transform: none !important;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .insights-page .top-page-banner h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .insights-page .top-page-banner p.intro {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .insights-page .top-page-banner .left-col {
    display: none;
  }
  .insights-page .top-page-banner .bottom-align {
    padding-bottom: 15.5%;
  }
  .insights-page .bg-img h2 {
    margin-bottom: 21px;
  }
  .insights-page .bg-img .bottom-align {
    padding-bottom: 18.666667%;
  }
  .insights-page .bg-img .client-name {
    font-size: 12px;
    letter-spacing: 1.2px;
    margin-bottom: 7px;
  }
  .insights-page .insight {
    background-position: 39.6% center !important;
  }
  .insights-page .insights-list {
    padding: 0 0 51px;
  }
  .insights-page .insights-list .item {
    height: auto !important;
  }
  .insights-page .insights-list .col {
    margin-bottom: 20px;
  }
  .insights-page .insights-list .text-wrap {
    padding: 27px 35px 20px 30px;
    min-height: 265px;
    height: auto;
  }
  .insights-page .filter {
    display: block;
    margin-bottom: 32px;
    height: 101px;
    line-height: 93px;
  }
  .insights-page .filter .filters-list {
    display: none;
  }
  .insights-page .filter .filters-select {
    display: block;
  }
  .insights-page .filter .container, .insights-page .filter .row {
    overflow: visible;
  }
  .insights-page .filter ul li {
    display: none;
  }
  .insights-page .filter ul li:first-of-type {
    display: block;
    margin-right: 0;
  }
  .insights-page .filter .newList li {
    display: block;
  }
  .insights-page .filter .newListSelected {
    display: block;
    width: 74%;
    margin: 30px 0 0;
    display: inline-block;
    float: right;
    height: 40px;
    font-size: 12px;
    line-height: 30px;
    letter-spacing: -0.375px;
    font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
    font-weight: 400;
    /* gotham-book */
    font-style: normal;
  }
  .insights-page .filter .newListSelected .selectedTxt {
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeced;
    border-radius: 4px;
    color: #a3acb1;
  }
  .insights-page .filter .newListSelected .selectedTxt:before {
    color: #a3acb1;
    line-height: 2px;
    right: 17px;
  }
  .insights-page .filter .newListSelected .selectedTxt:after {
    display: none;
  }
  .insights-page .btn-load {
    font-size: 14px;
  }
}

/* insights detail page
   ========================================================================== */
.insights-detail-page h2 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
  letter-spacing: -0.05em;
  margin-top: 50px;
}
.insights-detail-page h3 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 34px;
  letter-spacing: -0.05em;
}
.insights-detail-page p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
}
.insights-detail-page p + h3 {
  padding-top: 15px;
}
.insights-detail-page ol {
  padding-top: 2px;
  margin-bottom: 50px;
}
.insights-detail-page ol li {
  padding-left: 40px;
  font-size: 20px;
  color: #5f686d;
  letter-spacing: -0.035em;
  line-height: 30px;
  margin-bottom: 35px;
}
.insights-detail-page .quotes {
  float: right;
  position: relative;
  display: inline-block;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -2px;
  width: 46.53846153846154%;
  margin: 0 -132px 0 54px;
}
.insights-detail-page .quotes .quoted-text {
  color: #17252d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -0.08em;
  margin-bottom: 5px;
  display: block;
}
.insights-detail-page .quotes .quoted-text:before {
  top: -2px;
}
.insights-detail-page .quotes .author strong {
  line-height: 24px;
  display: block;
  padding-top: 10px;
}
.insights-detail-page .quotes .author span {
  line-height: 24px;
  padding-top: 0;
}
.insights-detail-page .quotes .author p {
  padding-left: 12px;
}
.insights-detail-page .quotes.top-align {
  float: left;
  width: 100%;
  margin: 30px 0 0 50px;
}
.insights-detail-page .top-page-banner {
  height: auto;
  padding: 376px 0 112px;
}
.insights-detail-page .top-page-banner .container {
  height: auto !important;
}
.insights-detail-page .top-page-banner .row {
  height: auto;
}
.insights-detail-page .top-page-banner h1 {
  letter-spacing: -5.5px;
  margin-bottom: 38px;
  width: 65%;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .insights-detail-page .top-page-banner h1 {
    letter-spacing: -1.2px;
  }
}
.insights-detail-page .top-page-banner ul {
  padding-top: 53px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1.4px;
}
.insights-detail-page .top-page-banner ul:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
}
.insights-detail-page .top-page-banner .intro {
  margin-bottom: 30px;
  letter-spacing: -2.3px;
}
.insights-detail-page .top-page-banner .right-side ul {
  padding: 0 0 0 20px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.insights-detail-page .top-page-banner .right-side ul:before {
  display: none;
}
.insights-detail-page .side-nav {
  margin-top: 107px;
}
.insights-detail-page .right-side img {
  margin-top: 14px;
  margin-bottom: 18px;
}
.insights-detail-page .right-side ul a {
  text-transform: none;
  text-decoration: underline;
  color: #17252d;
}
.insights-detail-page .right-side .video-wrap {
  margin-top: 14px;
  margin-bottom: 18px;
}
.insights-detail-page .right-side .video-wrap img {
  margin-top: 0;
  margin-bottom: 0;
}
.insights-detail-page .right-side .intro a {
  color: #17252d;
  text-decoration: underline;
}
.insights-detail-page .insights-list.top-page-banner {
  padding: 93px 0 129px 0;
}
.insights-detail-page .insights-list .social-links:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
}
.insights-detail-page .insights-list h2 {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 1px;
  margin-bottom: 25px;
  text-transform: uppercase;
  margin-top: 0;
}
.insights-detail-page .insights-list p {
  font-size: 16px;
  line-height: 24px;
}
.insights-detail-page .insights-list strong {
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.insights-detail-page .insights-list .text-wrap {
  height: 215px;
  padding: 23px 60px 25px 39px;
}
.insights-detail-page .insights-list .left-col .btn {
  margin: 43px 0 0;
}
.insights-detail-page .insights-list .left-col ul {
  padding-top: 33px;
}
.insights-detail-page .insights-list .inner-wrap {
  margin-top: 173px;
}
.insights-detail-page .author {
  margin-bottom: 43px;
  font-size: 16px;
  line-height: 24px;
  color: #5f686d;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  letter-spacing: 0;
}
.insights-detail-page .author .circle-img {
  float: left;
  margin: 0 17px 0 12px;
  width: 60px;
  height: auto;
}
.insights-detail-page .author p {
  font-size: 16px;
  line-height: 24px;
  color: #5f686d;
  margin-bottom: 0;
  padding-left: 75px;
}
.insights-detail-page .author span {
  font-size: 16px;
  line-height: 24px;
  color: #5f686d;
  margin-bottom: 0;
  display: block;
  letter-spacing: -0.6px;
}
.insights-detail-page .author span:first-of-type {
  padding-top: 3px;
}
.insights-detail-page .author a {
  font-weight: 700;
}
.insights-detail-page .subscribe {
  padding: 105px 0 104px 0;
}
@media only screen and (min-width: 1069px) {
  .insights-detail-page .side-nav.one-line-heading {
    margin-top: 32px;
  }
  .insights-detail-page .side-nav.two-lines-heading {
    margin-top: 112px;
  }
  .insights-detail-page .side-nav.three-lines-heading {
    margin-top: 192px;
  }
  .insights-detail-page .side-nav.four-lines-heading {
    margin-top: 272px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .insights-detail-page .top-page-banner {
    padding: 283px 0 74px;
  }
  .insights-detail-page .top-page-banner h1 {
    margin-bottom: 28px;
    margin-left: -6px;
    width: 100%;
  }
  .insights-detail-page .top-page-banner .intro {
    font-size: 40px;
    line-height: 36px;
    letter-spacing: -1.5px;
    margin-bottom: 46px;
  }
  .insights-detail-page .top-page-banner .back-link {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 29px;
    letter-spacing: -0.6px;
  }
  .insights-detail-page .top-page-banner .back-link:before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #b6ca2b;
  }
  .insights-detail-page .top-page-banner .social-links {
    display: none;
  }
  .insights-detail-page .top-page-banner .right-side ul {
    font-size: 16px;
    line-height: 26px;
  }
  .insights-detail-page h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: -1.8px;
  }
  .insights-detail-page h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  .insights-detail-page p,
  .insights-detail-page ol li {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 21px;
  }
  .insights-detail-page p .quotes,
  .insights-detail-page .quotes {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -1.2px;
    margin: 32px -61px 66px 26px;
  }
  .insights-detail-page p .quotes .quoted-text,
  .insights-detail-page .quotes .quoted-text {
    padding: 0;
    font-size: 24px;
    line-height: 36px;
  }
  .insights-detail-page p .quotes .quoted-text:before,
  .insights-detail-page .quotes .quoted-text:before {
    top: -4px;
    left: -14px;
  }
  .insights-detail-page p .quotes .author,
  .insights-detail-page .quotes .author {
    margin: 10px 0 39px -19px;
  }
  .insights-detail-page p .quotes span,
  .insights-detail-page .quotes span {
    letter-spacing: -1.8px;
  }
  .insights-detail-page .right-side img {
    margin-bottom: 37px;
  }
  .insights-detail-page .right-side .video-wrap {
    margin-bottom: 37px;
  }
  .insights-detail-page .right-side .video-wrap img {
    margin-bottom: 0;
  }
  .insights-detail-page .insights-list.top-page-banner {
    padding: 91px 0 113px;
  }
  .insights-detail-page .insights-list .left-col {
    display: none;
  }
  .insights-detail-page .insights-list .text-wrap {
    height: 242px;
    padding: 25px 28px 25px 40px;
  }
  .insights-detail-page .insights-list h2 {
    margin-bottom: 26px;
  }
  .insights-detail-page .insights-list p {
    font-size: 14px;
  }
  .insights-detail-page .author {
    margin-bottom: 37px;
  }
  .insights-detail-page .author .cirlce-img {
    margin: 0 15px 0 0;
  }
  .insights-detail-page .author span {
    letter-spacing: -0.5px;
  }
  .insights-detail-page .subscribe {
    padding: 114px 0 92px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .insights-detail-page .top-page-banner {
    padding: 26px 0 40px;
  }
  .insights-detail-page .top-page-banner h1 {
    margin-left: -4px;
    width: 100%;
  }
  .insights-detail-page .top-page-banner .intro {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 23px;
  }
  .insights-detail-page .top-page-banner .social-links {
    display: none;
  }
  .insights-detail-page .top-page-banner .back-link {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 16px;
  }
  .insights-detail-page .top-page-banner .back-link:before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute;
    background: #b6ca2b;
  }
  .insights-detail-page .top-page-banner .right-side ul {
    font-size: 14px;
    line-height: 24px;
  }
  .insights-detail-page h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 11px;
    letter-spacing: -1.2px;
  }
  .insights-detail-page h3 {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  .insights-detail-page p,
  .insights-detail-page ol li {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 23px;
  }
  .insights-detail-page p .quotes,
  .insights-detail-page .quotes {
    display: none;
  }
  .insights-detail-page .right-side img {
    margin-bottom: 34px;
    max-width: none;
    margin-bottom: 27px;
    max-width: none;
    margin-left: -30%;
    width: calc(100% + 60%);
    height: auto;
  }
  .insights-detail-page .right-side .video-wrap {
    margin-bottom: 34px;
  }
  .insights-detail-page .right-side .video-wrap img {
    margin-bottom: 0;
  }
  .insights-detail-page .right-side .author img {
    left: auto;
    height: auto;
  }
  .insights-detail-page .insights-list h2 {
    margin-bottom: 25px;
  }
  .insights-detail-page .insights-list.top-page-banner {
    padding: 50px 0 61px;
  }
  .insights-detail-page .insights-list .col {
    height: auto !important;
  }
  .insights-detail-page .insights-list .left-col {
    display: none;
  }
  .insights-detail-page .insights-list .right-col .col {
    display: none;
  }
  .insights-detail-page .insights-list .right-col .col:nth-child(1) {
    display: block;
  }
  .insights-detail-page .insights-list .text-wrap {
    height: 264px;
    padding: 28px 31px 25px 29px;
  }
  .insights-detail-page .insights-list strong {
    margin-bottom: 1px;
  }
  .insights-detail-page .insights-list p {
    font-size: 14px;
    line-height: 24px;
  }
  .insights-detail-page .author {
    margin-bottom: 15px;
  }
  .insights-detail-page .author img {
    margin: 0 15px 0 0;
  }
  .insights-detail-page .author .circle-img {
    margin: 0 15px 0 0;
  }
  .insights-detail-page .author p,
  .insights-detail-page .author span {
    font-size: 12px;
    line-height: 22px;
  }
  .insights-detail-page .author span:first-of-type {
    padding-top: 0;
  }
  .insights-detail-page .subscribe {
    padding: 52px 0 43px;
  }
}
@media only screen and (min-width: 400px) and (max-width: 767px) {
  .insights-detail-page .right-side .author img {
    left: auto;
    height: auto;
  }
}

/*----------  people page
------------------------------------------------------------------------------*/
.people-page .block .link-wrap {
  background: rgba(23, 37, 45, 0.5);
}
.people-page .block .play-btn-round {
  opacity: 0;
  color: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  border-radius: 50%;
  border: 2px solid #fff;
  margin: -39px 0 0 -37px;
  width: 77px;
  height: 77px;
  text-align: center;
  font-size: 47px;
  z-index: 12;
}
.people-page .block .play-btn-round i {
  margin: 13px 0 0 8px;
}
.people-page .block .play-btn-round:hover {
  background-color: #fff;
}
.people-page .block .play-btn-round:hover i {
  color: #000;
}
.people-page .block .play-video-js {
  z-index: 12;
}
.people-page .person-info {
  position: absolute;
  bottom: 42px;
  padding: 0 50px 0 48px;
  z-index: 11;
  text-align: left;
}
.people-page .person-info h3, .people-page .person-info h2 {
  position: relative;
  margin-bottom: 6px;
  padding-top: 15px;
  clear: both;
}
.people-page .person-info h3.blue:before, .people-page .person-info h2.blue:before {
  background: #2dccd3;
}
.people-page .person-info h3.blue-light:before, .people-page .person-info h2.blue-light:before {
  background: #69b9c0;
}
.people-page .person-info h3.red:before, .people-page .person-info h2.red:before {
  background: #e40046;
}
.people-page .person-info h3.white:before, .people-page .person-info h2.white:before {
  background: #fff;
}
.people-page .person-info h3.green:before, .people-page .person-info h2.green:before {
  background: #00c389;
}
.people-page .person-info h3.yellow:before, .people-page .person-info h2.yellow:before {
  background: #ffcd00;
}
.people-page .person-info h3:before, .people-page .person-info h2:before {
  content: '';
  display: block;
  width: 73px;
  height: 3px;
  top: 0px;
  position: absolute;
}
.people-page .person-info h2:before {
  left: 2px;
}
.people-page .person-info h3:before {
  left: -1px;
}
.people-page .person-info span {
  letter-spacing: -0.03em;
}
.people-page .person-links {
  float: left;
  width: 100%;
  opacity: 0;
}
.people-page .person-links a {
  position: relative;
  float: left;
  display: inline-block;
  font-size: 16px;
  margin: 0 5px 18px 0;
  color: #fff;
  transition: background 0.3s ease;
}
.people-page .person-links a:hover {
  background-color: #fff;
}
.people-page .person-links a:hover i {
  color: #000;
}
.people-page .person-links i {
  margin-top: 7px;
}
.people-page .person-links .play-btn-mobile {
  display: none;
}
.people-page .person-links .play-btn-mobile i {
  font-size: 26px;
  margin: 3px 0 0 4px;
}
.people-page .big-block .person-links a {
  margin-bottom: 22px;
}
.people-page .circle {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid #fff;
  text-align: center;
}
.people-page .video-full {
  display: none;
}
.people-page .video-person {
  width: 190%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, 0);
  left: 50%;
}
.people-page .video-fluid {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.27198%;
}
.people-page .video-fluid:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 12;
  background: rgba(23, 37, 45, 0.6);
}
.people-page .video-fluid video {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1170px) {
  .people-page .block:hover a.play-btn-round {
    opacity: 1;
    transition: all 0.5s ease;
  }
  .people-page .block:hover img {
    transform: none;
  }
  .people-page .block:hover .link-wrap {
    background: rgba(23, 37, 45, 0.65);
  }
  .people-page .block:hover .person-links {
    opacity: 1;
    transition: opacity 1s ease;
  }
  .people-page .block:hover .video-fluid:after {
    display: block;
  }
}
@media only screen and (min-width: 1170px) and (max-width: 1600px) {
  .people-page .block a.play-btn-round {
    margin: -50px 0 0 -25px;
    width: 50px;
    height: 50px;
  }
  .people-page .block a.play-btn-round i {
    margin: 0 0 0 5px;
    position: relative;
    top: -12px;
    font-size: 35px;
  }
  .people-page .person-info {
    bottom: 19px;
    padding: 0 20px;
  }
  .people-page .person-info h3 {
    font-size: 25px;
    line-height: 25px;
    letter-spacing: normal;
  }
}
@media only screen and (max-width: 1170px) {
  .people-page .person-info .play-btn-mobile {
    display: block;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .people-page .person-info {
    bottom: 32px;
    padding-left: 40px;
  }
  .people-page .person-info h2 {
    padding-top: 10px;
    font-size: 43px;
  }
  .people-page .person-info h3 {
    font-size: 26px;
    letter-spacing: normal;
    padding-top: 21px;
  }
  .people-page .play-btn-round {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .people-page .block .person-links {
    opacity: 1;
    transition: none;
  }
  .people-page .big-block .person-links a {
    margin-bottom: 20px;
  }
  .people-page .circle {
    width: 34px;
    height: 34px;
  }
  .people-page .person-info {
    bottom: 32px;
    padding-left: 40px;
  }
  .people-page .person-info h2:before, .people-page .person-info h3:before {
    width: 115px;
  }
  .people-page .person-info h2 {
    padding-top: 10px;
    font-size: 43px;
  }
  .people-page .person-info h3 {
    font-size: 26px;
    letter-spacing: normal;
    padding-top: 21px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .people-page .block:hover a.play-btn.circle {
    display: inline-block;
    opacity: 1;
  }
  .people-page .block .person-links {
    opacity: 1;
    transition: none;
  }
  .people-page .block .person-links .play-btn.circle {
    font-size: 22px;
    margin-bottom: 20px;
    display: inline-block;
  }
  .people-page .person-info {
    padding: 0 29px;
    bottom: 24px;
  }
  .people-page .person-info h2, .people-page .person-info h3 {
    padding-top: 17px;
  }
  .people-page .person-info h2:before, .people-page .person-info h3:before {
    left: 0px;
    width: 115px;
  }
  .people-page .person-info h3 {
    letter-spacing: normal;
  }
  .people-page .person-info h2 {
    letter-spacing: -0.02em;
  }
  .people-page .circle {
    width: 35px;
    height: 35px;
  }
}

/*----------  standard content page
------------------------------------------------------------------------------*/
.standard-content .bottom-img-banner {
  height: 100vh;
}
.standard-content .top-page-banner {
  height: auto;
  padding: 376px 0 112px;
}
.standard-content .top-page-banner .row {
  height: auto;
}
.standard-content .top-page-banner h1 {
  font-size: 80px;
  line-height: 80px;
  margin-bottom: 36px;
  letter-spacing: -4px;
  width: 65%;
}
.standard-content .top-page-banner ul {
  padding-top: 53px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1.4px;
}
.standard-content .top-page-banner ul:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
}
.standard-content .top-page-banner .intro {
  margin-bottom: 46px;
}
.standard-content .side-nav {
  margin-top: 107px;
}
.standard-content h2 {
  font-size: 40px;
  line-height: 46px;
  margin-bottom: 48px;
  letter-spacing: -2px;
}
.standard-content h3 {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 20px;
  letter-spacing: -1.5px;
}
.standard-content p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 52px;
}
.standard-content p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .standard-content .top-page-banner {
    padding: 285px 0 74px;
  }
  .standard-content .top-page-banner h1 {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 28px;
    letter-spacing: -3px;
    width: 100%;
  }
  .standard-content .top-page-banner .intro {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -1.5px;
    margin-bottom: 42px;
  }
  .standard-content .top-page-banner .social-links {
    display: none;
  }
  .standard-content .top-page-banner .back-link {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 29px;
    letter-spacing: -.6px;
  }
  .standard-content .top-page-banner .back-link:before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .standard-content h2 {
    font-size: 30px;
    line-height: 35px;
    letter-spacing: -1.5px;
    margin-bottom: 30px;
  }
  .standard-content h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  .standard-content p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .standard-content .top-page-banner {
    padding: 150px 0 40px;
  }
  .standard-content .top-page-banner h1 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 18px;
    letter-spacing: -1.5px;
    width: 100%;
  }
  .standard-content .top-page-banner .intro {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 23px;
  }
  .standard-content .top-page-banner .btn:first-of-type {
    margin: 0 0 10px;
  }
  .standard-content .top-page-banner .social-links {
    display: none;
  }
  .standard-content .top-page-banner .back-link {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 16px;
  }
  .standard-content .top-page-banner .back-link:before {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    left: 0;
    bottom: 0;
    position: absolute;
  }
  .standard-content h2 {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: -1px;
    margin-bottom: 24px;
  }
  .standard-content h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.9px;
    margin-bottom: 24px;
  }
  .standard-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 23px;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .standard-content .top-page-banner {
    padding: 77px 0 40px;
  }
}

.row h1.long-title {
  font-size: 106px;
  line-height: 106px;
  letter-spacing: 1.2px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .row h1.long-title {
    font-size: 75px;
    line-height: 75px;
    letter-spacing: 1.2px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .row h1.long-title {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 1.2px;
  }
}

/*----------  error page
------------------------------------------------------------------------------*/
.error-404 .top-page-banner .row {
  height: auto;
}
.error-404 .top-page-banner h1 {
  font-size: 150px;
  line-height: 167px;
  letter-spacing: -7.5px;
  margin-bottom: 18px;
}
.error-404 .top-page-banner ul {
  padding-top: 53px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1.4px;
}
.error-404 .top-page-banner ul:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
  background: #b6ca2b;
}
.error-404 .top-page-banner .intro {
  margin-bottom: 46px;
}
.error-404 .side-nav {
  margin-top: 137px;
}
.error-404 p {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 52px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .error-404 .top-page-banner h1 {
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
    margin-bottom: 29px;
  }
  .error-404 .top-page-banner .intro {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -1.5px;
    margin-bottom: 42px;
  }
  .error-404 .top-page-banner .social-links {
    display: none;
  }
  .error-404 .side-nav {
    display: none;
  }
  .error-404 h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: -1.2px;
  }
  .error-404 h3 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  .error-404 p {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .error-404 .top-page-banner h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -3px;
    margin-bottom: 19px;
  }
  .error-404 .top-page-banner .intro {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -1.2px;
    margin-bottom: 23px;
  }
  .error-404 .top-page-banner .btn:first-of-type {
    margin: 0 0 10px;
  }
  .error-404 .top-page-banner .social-links {
    display: none;
  }
  .error-404 .side-nav {
    display: none;
  }
  .error-404 p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 23px;
  }
}
@media only screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .error-404 .top-page-banner {
    height: auto;
    padding: 77px 0 40px;
  }
  .error-404 .top-page-banner .bottom-align {
    bottom: auto;
    transform: none;
    padding-bottom: 0;
  }
}

/*----------  videos
------------------------------------------------------------------------------*/
/* video iframe in popup - fullscreen mode
   ========================================================================== */
.video-wrap {
  position: relative;
}
.video-wrap .inner-content {
  color: #fff;
  text-align: center;
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 50%;
  padding: 0 15%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.video-wrap .play-btn {
  color: #fff;
  font-size: 100px;
  display: block;
  margin: 0 auto;
  z-index: 11;
  letter-spacing: 10px;
}
.video-wrap .play-btn.big {
  font-size: 250px;
  letter-spacing: 25px;
  line-height: 50px;
}
.video-wrap .play-btn.black-color {
  color: #17252d;
}
.video-wrap h2 {
  font-size: 50px;
  line-height: 50px;
  letter-spacing: -2.5px;
  margin: 0;
}
.video-wrap .text-underline {
  margin-bottom: 18px;
  padding-bottom: 6px;
}
.video-wrap.black-color .play-btn, .black-color .video-wrap .play-btn {
  color: #17252d;
}
.video-wrap.black-color .inner-content, .black-color .video-wrap .inner-content {
  color: #17252d;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .video-wrap .play-btn {
    font-size: 62px;
    letter-spacing: 6px;
    line-height: 60px;
  }
  .video-wrap .play-btn.big {
    font-size: 100px;
    letter-spacing: 5px;
    line-height: 95px;
  }
  .video-wrap .text-underline {
    margin-bottom: 15px;
    padding-bottom: 11px;
  }
  .video-wrap h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -2px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .video-wrap .inner-content {
    padding: 0 20px;
  }
  .video-wrap .play-btn {
    font-size: 60px;
    letter-spacing: 6px;
    line-height: 0px;
  }
  .video-wrap .play-btn.big {
    margin: -5px 0 0 0;
    font-size: 100px;
    letter-spacing: 5px;
    line-height: 95px;
  }
  .video-wrap h2 {
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1.5px;
  }
}

/* video html5 - background banner full size
   ========================================================================== */
.video-bg-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.video-bg-wrap .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(23, 37, 45, 0.7);
  width: 100%;
  height: 100%;
  z-index: 9;
}
.video-bg-wrap .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .video-bg-wrap .video-bg {
    display: none;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .video-bg-wrap .video-bg {
    display: none;
  }
}

.overlay-video-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(23, 37, 45, 0.7);
  width: 100%;
  height: 100%;
  z-index: 9;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .overlay-video-bg {
    display: none;
  }
}

/* video blocks - global styles
   ========================================================================== */
.video-block {
  text-align: center;
}
.video-block .play-ico i {
  font-size: 100px;
  color: #fff;
  display: block;
  margin: 0 auto;
}
.video-block.black-color .play-ico i {
  color: #17252d;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .video-block .play-ico i {
    font-size: 60px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .video-block .play-ico i {
    font-size: 60px;
  }
}

/*----------  education and campaigns page with case study shared styles
------------------------------------------------------------------------------*/
.education-page .overlay-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background: rgba(23, 37, 45, 0.4);
  z-index: 4;
}
.education-page.case-study .top-page-banner .no-capitalize {
  text-transform: none;
  max-width: 54%;
  margin-bottom: 32px;
}
.education-page.case-study .top-page-banner ul.social-links {
  padding-top: 52px;
  margin-top: 50px;
}
.education-page.case-study .top-page-banner ul.social-links:before {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  left: 0;
  top: 0;
  position: absolute;
}
.education-page.case-study .top-page-banner.bottom-page h2 {
  font-size: 80px;
  line-height: 76px;
  letter-spacing: -6.5px;
  margin-bottom: 45px;
}
.education-page.case-study .top-page-banner.bottom-page strong {
  margin-bottom: 21px;
}
.education-page.case-study .top-page-banner.bottom-page ul li {
  margin-bottom: 0;
}
.education-page.case-study .top-page-banner.bottom-page ul p {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
}
.education-page.case-study .top-page-banner.bottom-page .left-col {
  padding-top: 14px;
}
.education-page.case-study .top-page-banner.bottom-page .right-col > ul {
  margin-bottom: 55px;
}
.education-page.case-study .top-page-banner.bottom-page .row {
  height: auto;
  top: auto;
  transform: none;
}
.education-page.case-study .top-page-banner.bottom-page .container .row {
  height: auto;
  top: auto;
  transform: none;
}
.education-page.case-study .top-page-banner.bottom-page .right-col ul {
  padding-top: 0;
}
.education-page.case-study .top-page-banner.bottom-page .right-col ul:before {
  display: none;
}
.education-page.case-study .top-page-banner.bottom-page .right-col p a {
  color: #5f686d !important;
}
.education-page.case-study .top-page-banner.bottom-page .no-capitalize {
  margin-bottom: 32px;
  color: #5f686d;
  font-weight: 400;
}
.education-page.case-study .top-page-banner.contact-form-banner .btn-send {
  margin-right: 0;
  font-size: 16px;
}
.education-page.case-study .two-cols-img-text h2, .education-page.case-study .two-cols-text h2 {
  font-size: 80px;
  line-height: 80px;
  letter-spacing: -7.5px;
}
.education-page.case-study .two-cols-img-text strong, .education-page.case-study .two-cols-text strong {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1.8px;
  margin-bottom: 18px;
  display: block;
}
.education-page.case-study .two-cols-img-text .inner-holder {
  display: flex;
}
.education-page.case-study .two-cols-img-text .text-block .vertical-align-apsolute {
  padding: 0 15.75% 0 18.75%;
}
.education-page.case-study .two-cols-img-text .text-block.small-title-spacing h4,
.education-page.case-study .two-cols-img-text .text-block.small-title-spacing p,
.education-page.case-study .two-cols-img-text .text-block.small-title-spacing strong {
  margin-bottom: 10px;
}
.education-page.case-study .two-cols-img-text .bg-block .row {
  margin: 0 18.75%;
  position: relative;
  height: 100%;
}
.education-page.case-study .two-cols-img-text p:last-of-type {
  margin-bottom: 50px;
}
.education-page.case-study .two-cols-img-text .download-link {
  position: relative;
  color: #aaaeb1;
  display: inline;
  width: auto;
}
.education-page.case-study .two-cols-img-text .download-link:before {
  content: '';
  display: block;
  height: 1px;
  background: #d7d8da;
  width: 100%;
  left: 0;
  bottom: 0;
  position: absolute;
}
.education-page.case-study .two-cols-img-text strong {
  margin: 50px 0 20px 0;
}
.education-page.case-study .two-cols-img-text p {
  margin-bottom: 20px;
}
.education-page.case-study .two-cols-img-text h4 {
  margin-bottom: 20px;
}
.education-page.case-study .two-cols-img-text h4 strong {
  margin-bottom: 20px;
}
.education-page.case-study .two-cols-img-text .awards li {
  float: left;
  display: inline-block;
  margin-right: 16px;
}
.education-page.case-study .two-cols-img-text .awards img {
  max-width: 100%;
}
.education-page.case-study .two-cols-img-text .bottom-align-apsolute {
  padding-bottom: 7%;
  left: 0;
}
.education-page.case-study .two-cols-img-text .big-video-btn {
  color: white;
  font-size: 185px;
}
.education-page.case-study .two-cols-text {
  padding: 80px 0;
  height: auto;
}
.education-page.case-study .two-cols-text .inner-wraper .vertical-align {
  top: auto;
  transform: none;
}
.education-page.case-study .two-cols-text .title {
  padding: 0 9.4%;
}
.education-page.case-study .two-cols-text .title h2 {
  margin-bottom: 37px;
}
.education-page.case-study .two-cols-text p {
  margin-bottom: 40px;
}
.education-page.case-study .two-cols-text p strong {
  margin-bottom: -20px;
}
.education-page.case-study .two-cols-text ul p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .education-page.case-study .top-page-banner {
    min-height: 100vh;
  }
  .education-page.case-study .top-page-banner .container .row {
    padding: 0;
    height: 100%;
  }
  .education-page.case-study .top-page-banner .wrap {
    padding-top: 120px;
    position: relative;
    bottom: -100%;
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
    padding-bottom: 8.625%;
  }
  .education-page.case-study .top-page-banner.bottom-page {
    padding-top: 0;
  }
  .education-page.case-study .top-page-banner.bottom-page .container .row {
    height: auto;
    top: 50%;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .education-page.case-study .top-page-banner.bottom-page .container .row .row {
    height: auto;
    top: auto;
    transform: none;
  }
  .education-page.case-study .top-page-banner.bottom-page .wrap {
    bottom: auto;
    transform: none;
    padding: 0;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height .container-fluid, .education-page.case-study .two-cols-img-text.full-screen-height .inner-holder {
    height: 100%;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height .text-block {
    height: 100% !important;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height .bg-block strong {
    font-size: 48px;
    text-transform: none;
    letter-spacing: -0.03em;
  }
}
@media only screen and (max-height: 900px) and (min-width: 1025px) {
  .education-page.case-study .top-page-banner.bottom-page .container .row {
    height: 100%;
    top: auto;
    transform: none;
    padding: 60px 0 40px;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height {
    height: 100%;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height .vertical-align-apsolute {
    position: relative;
    top: auto;
    transform: none;
    float: left;
    padding: 30px 15.75% 40px 18.75%;
  }
}
@media only screen and (max-height: 1050px) and (min-width: 1025px) {
  .education-page.case-study .top-page-banner.bottom-page .container .row {
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .education-page.case-study .top-page-banner.bottom-page ul.social-links:before {
    display: none;
  }
  .education-page.case-study .top-page-banner.bottom-page ul {
    display: block;
  }
  .education-page.case-study .top-page-banner.bottom-page ul p {
    font-size: 16px;
    line-height: 26px;
  }
  .education-page.case-study .top-page-banner.bottom-page h2 {
    font-size: 60px;
    line-height: 65px;
    letter-spacing: -0.06em;
  }
  .education-page.case-study .top-page-banner.bottom-page .right-col > ul {
    margin-bottom: 35px;
  }
  .education-page.case-study .top-page-banner.bottom-page .col-md-6 {
    margin-bottom: 30px;
  }
  .education-page.case-study .top-page-banner.bottom-page .btn.scroll {
    margin-top: 40px;
  }
  .education-page.case-study .top-page-banner.bottom-page .col-md-6 {
    margin-bottom: 30px;
  }
  .education-page.case-study .two-cols-img-text h2, .education-page.case-study .two-cols-text h2 {
    font-size: 60px;
    line-height: 65px;
    letter-spacing: -0.06em;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height {
    height: 100% !important;
  }
  .education-page.case-study .two-cols-img-text .text-block .vertical-align-apsolute {
    width: 83.33333%;
    margin-left: 8.33333%;
    padding: 0;
  }
  .education-page.case-study .two-cols-img-text p:last-of-type {
    margin-bottom: 0;
  }
  .education-page.case-study .two-cols-img-text .awards li {
    margin-bottom: 20px;
  }
  .education-page.case-study .two-cols-img-text .inner-holder {
    display: block;
  }
  .education-page.case-study .two-cols-img-text .bg-block {
    float: left;
    width: 100%;
  }
  .education-page.case-study .two-cols-img-text .bg-block .row {
    height: auto;
    margin: 0;
    padding: 37px 9.4375% 35px;
  }
  .education-page.case-study .two-cols-img-text .bottom-align-apsolute {
    position: relative !important;
    left: auto;
    padding-bottom: 0;
  }
  .education-page.case-study .two-cols-text {
    padding: 71px 0 85px;
  }
  .education-page.case-study .two-cols-text .title {
    padding: 0 29px;
    width: 83.33333%;
    margin-left: 8.33333%;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .education-page.case-study .two-cols-img-text h2, .education-page.case-study .two-cols-text h2 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: -0.06em;
  }
  .education-page.case-study .two-cols-img-text.full-screen-height {
    height: 100% !important;
  }
  .education-page.case-study .two-cols-img-text .inner-holder {
    display: block;
  }
  .education-page.case-study .two-cols-img-text .text-block .vertical-align-apsolute {
    padding: 0;
  }
  .education-page.case-study .two-cols-img-text .awards li {
    margin-bottom: 20px;
  }
  .education-page.case-study .two-cols-img-text .bg-block {
    float: left;
    width: 100%;
  }
  .education-page.case-study .two-cols-img-text .bg-block .row {
    height: auto;
    margin: 0;
    padding: 37px 9.4375% 35px;
  }
  .education-page.case-study .two-cols-img-text .bottom-align-apsolute {
    position: relative !important;
    left: auto;
    padding-bottom: 0;
  }
  .education-page.case-study .two-cols-img-text .big-video-btn {
    font-size: 70px;
  }
  .education-page.case-study .two-cols-img-text p:last-of-type {
    margin-bottom: 0;
  }
  .education-page.case-study .two-cols-text {
    padding: 37px 0;
  }
  .education-page.case-study .two-cols-text .title h2 {
    margin-bottom: 10px;
  }
  .education-page.case-study .two-cols-text p {
    margin-bottom: 40px;
  }
  .education-page.case-study .two-cols-text p strong {
    margin-bottom: -22px;
  }
  .education-page.case-study .top-page-banner.bottom-page ul.social-links:before {
    display: none;
  }
  .education-page.case-study .top-page-banner.bottom-page ul {
    display: block;
  }
  .education-page.case-study .top-page-banner.bottom-page ul p {
    font-size: 16px;
    line-height: 26px;
  }
  .education-page.case-study .top-page-banner.bottom-page h2 {
    font-size: 40px;
    line-height: 45px;
    letter-spacing: -0.06em;
  }
  .education-page.case-study .top-page-banner.bottom-page .right-col > ul {
    margin-bottom: 35px;
  }
  .education-page.case-study .top-page-banner.bottom-page .col-md-6 {
    margin-bottom: 30px;
  }
  .education-page.case-study .top-page-banner.bottom-page .btn.scroll {
    margin-top: 40px;
  }
  .education-page.case-study .top-page-banner.bottom-page .col-md-6 {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1700px) {
  .education-page.case-study .top-page-banner.bottom-page.contact-form-banner h2 {
    font-size: 140px;
    line-height: 117px;
    margin-bottom: 35px;
  }
  .education-page.case-study .contact-form-banner .btn-send {
    line-height: 38px;
  }
}
@media only screen and (min-width: 1025px) {
  .education-page.case-study .top-page-banner.bottom-page.contact-form-banner .no-capitalize {
    max-width: 80%;
    font-size: 23px;
    line-height: 33px;
    letter-spacing: -.7px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .education-page.case-study .top-page-banner .no-capitalize {
    max-width: 100%;
  }
  .education-page.case-study .top-page-banner.bottom-page {
    height: auto;
    min-height: 100vh;
  }
  .education-page.case-study .top-page-banner.bottom-page h2 {
    margin-bottom: 25px;
  }
  .education-page.case-study .top-page-banner.bottom-page .btn {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .education-page.case-study .top-page-banner.bottom-page .container .row,
  .education-page.case-study .top-page-banner.bottom-page .row {
    padding: 50px 0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .education-page.case-study .top-page-banner.bottom-page.contact-form-banner .no-capitalize {
    font-size: 16px;
  }
  .education-page .top-page-banner .btn-send {
    width: 100%;
  }
}

/*----------  pulse project
------------------------------------------------------------------------------*/
.pulse-page a,
.pulse-page button {
  transition: 0.3s ease;
  background-color: transparent;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) {
  margin-top: 54px;
  position: relative;
  z-index: 1;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) > .container {
  height: auto !important;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) h1 {
  margin: 0 0 30px -9px;
  letter-spacing: -13.5px;
  font-size: 150px;
  line-height: 150px;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .inner-wrap {
  margin-top: 54px;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .intro {
  font-size: 40px;
  line-height: 46px;
  letter-spacing: -.7px;
  margin-bottom: 39px;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) p {
  font-size: 20px;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) p:not(.intro) {
  line-height: 22px;
  letter-spacing: -.7px;
}
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .btn,
.pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .button {
  display: inline-block;
  float: none;
  clear: none;
}
.pulse-page .top-page-banner-pulse ul li {
  display: block;
}
.pulse-page .bottom-page-banner-pulse {
  padding: 90px 0 120px;
}
.pulse-page .buttons-holder {
  font-size: 0;
}
.pulse-page .btn-form {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: auto;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  position: relative;
}
.pulse-page .btn-form::before {
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  position: absolute;
}
.pulse-page .btn-send::before {
  content: '\f194';
  left: -8px;
  top: 0;
  font-size: 18px;
  position: relative;
}
.pulse-page .btn-submit {
  background-color: #69b9c0;
  margin-right: 3.34%;
  max-width: 61.66%;
  width: 100%;
}
.pulse-page .btn-submit.btn-send {
  margin-right: 0;
  max-width: 100%;
}
.pulse-page .btn-reset {
  background-color: #666;
  padding-left: 40px;
  max-width: 35%;
  width: 100%;
}
.pulse-page .btn-reset::before {
  content: '\f258';
  left: 20px;
  top: 20px;
  font-size: 18px;
}
.pulse-page .email-info {
  position: fixed;
  right: 200px;
  width: auto;
  top: 200px;
  z-index: 2;
  background-color: #69b9c0;
  opacity: 0;
}
.pulse-page .email-info.sticky {
  opacity: 1;
}
.pulse-page ol {
  margin-bottom: 40px;
}
.pulse-page ol li {
  color: #fff;
  margin-bottom: 16px;
}
.pulse-page ol li::before {
  color: #68bac0;
}
.pulse-page .ol-number {
  color: #68bac0;
  margin-right: 10px;
  font-weight: 700;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 1100px) {
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) h1 {
    font-size: 120px;
    line-height: 120px;
    letter-spacing: -0.06em;
    margin: 0 0 30px -9px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .intro {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: -0.06em;
  }
}
@media screen and (max-width: 1169px) {
  .pulse-page .left-col {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .pulse-page .btn-submit:hover {
    background-color: #666;
  }
  .pulse-page .btn-reset:hover {
    background-color: #ee3d43;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .pulse-page .email-info {
    width: calc(100% - 40px);
    right: 20px;
    left: 20px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) p {
    font-size: 16px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .intro {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .pulse-page .bottom-page-banner-pulse {
    padding: 60px 0 80px;
  }
  .pulse-page .bottom-page-banner-pulse .intro {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) h1 {
    margin: 0 0 31px -9px;
    font-size: 100px;
    letter-spacing: -7.5px;
    line-height: 95px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .intro {
    margin-bottom: 42px;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 28px;
    letter-spacing: -2.3px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) {
    padding-top: 0;
    min-height: 90vh;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .row {
    padding: 130px 0 40px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -4.5px;
    margin: 0 0 13px -3px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) h1 .colored {
    display: block;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .intro {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 23px;
    letter-spacing: -1.4px;
  }
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .btn,
  .pulse-page .top-page-banner-pulse:not(.bottom-page-banner-pulse) .button {
    font-size: 16px;
  }
  .pulse-page .btn-submit {
    margin-right: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }
  .pulse-page .btn-submit.btn-send {
    font-size: 16px;
  }
  .pulse-page .btn-reset {
    font-size: 16px;
    padding: 20px;
    max-width: 100%;
    width: 100%;
  }
  .pulse-page .btn-reset::before {
    position: relative;
    left: -10px;
    top: 0;
  }
  .pulse-page ol li {
    font-size: 14px;
    margin-bottom: 34px;
    padding-left: 26px;
  }
}

.details-form,
.contact-form {
  max-width: 480px;
}
.details-form input,
.details-form select,
.details-form .newListSelected,
.contact-form input,
.contact-form select,
.contact-form .newListSelected {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  color: #5f686d;
  border: 2px solid #ebecee;
  display: block;
  height: 50px;
  line-height: 50px;
  margin-bottom: 20px;
  margin-left: 0;
  width: 100%;
  padding: 0 20px;
  position: relative !important;
}
.details-form input.half,
.details-form select.half,
.details-form .newListSelected.half,
.contact-form input.half,
.contact-form select.half,
.contact-form .newListSelected.half {
  width: 48.8%;
}
.details-form input:not([type="checkbox"]),
.contact-form input:not([type="checkbox"]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 20px;
}
.details-form input:not([type="checkbox"])::placeholder,
.contact-form input:not([type="checkbox"])::placeholder {
  color: #5f686d;
}
.details-form input[type="checkbox"],
.contact-form input[type="checkbox"] {
  height: 30px;
  width: 30px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.details-form label,
.contact-form label {
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: top;
  padding-top: 3px;
}
.details-form .newListSelected,
.contact-form .newListSelected {
  padding: 0;
  padding-right: 0;
}
.details-form .newListSelected::before,
.contact-form .newListSelected::before {
  user-select: none;
}
.details-form .newListSelected .tooltip-icon,
.contact-form .newListSelected .tooltip-icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #c0c0c0;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 10px;
  padding: 9px 10px 9px 8px;
  height: 10px;
  line-height: 0px;
  width: 10px;
  font-size: 12px;
  font-weight: 700;
  z-index: 7;
}
.details-form .newListSelected .tooltip-icon:hover .tooltip-info,
.contact-form .newListSelected .tooltip-icon:hover .tooltip-info {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 992) {
  .details-form .newListSelected .tooltip-icon,
  .contact-form .newListSelected .tooltip-icon {
    display: none;
  }
}
.details-form .newListSelected .newList,
.contact-form .newListSelected .newList {
  left: 0;
  height: 130px !important;
  z-index: 5;
}
.details-form .newListSelected .selectedTxt,
.contact-form .newListSelected .selectedTxt {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  color: #5f686d;
  height: 46px;
  line-height: 46px;
  padding: 0 40px 0 20px;
}
.details-form .newListSelected .selectedTxt::after,
.contact-form .newListSelected .selectedTxt::after {
  display: none;
}
.details-form .newListSelected .selectedTxt::before,
.contact-form .newListSelected .selectedTxt::before {
  right: 0;
}
.details-form .tooltip-info,
.contact-form .tooltip-info {
  background: #fff;
  height: auto;
  position: absolute;
  left: 100%;
  top: 0;
  width: 440px;
  transform: translateY(-48%);
  margin-left: 28px;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  padding: 15px 20px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
  z-index: 8;
}
.details-form .tooltip-info::before,
.contact-form .tooltip-info::before {
  content: '';
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 20px solid #c0c0c0;
  display: block;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
.details-form .tooltip-info::after,
.contact-form .tooltip-info::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 19px solid #fff;
  display: block;
  position: absolute;
  left: -19px;
  top: 50%;
  transform: translateY(-50%);
}
.details-form .tooltip-info:hover,
.contact-form .tooltip-info:hover {
  cursor: default;
}
.details-form .tooltip-info > p,
.contact-form .tooltip-info > p {
  margin-bottom: 0 !important;
  line-height: 22px;
}
.details-form .field-validation-error,
.contact-form .field-validation-error {
  color: #ee3d43;
  font-size: 14px;
  position: relative;
  top: -20px;
}
@media only screen and (min-width: 1025px) and (max-width: 1500px) and (max-height: 1100px) {
  .details-form .tooltip-info,
  .contact-form .tooltip-info {
    width: 330px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .details-form,
  .contact-form {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .details-form .tooltip-info,
  .contact-form .tooltip-info {
    left: auto;
    max-width: 280px;
    right: calc(100% + 25px);
  }
  .details-form .tooltip-info::before,
  .contact-form .tooltip-info::before {
    left: auto;
    right: -20px;
    border-right: 0;
    border-left: 20px solid #c0c0c0;
  }
  .details-form .tooltip-info::after,
  .contact-form .tooltip-info::after {
    left: auto;
    right: -20px;
    border-right: 0;
    border-left: 20px solid #fff;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .details-form input[type='text'],
  .details-form select,
  .details-form .newListSelected,
  .contact-form input[type='text'],
  .contact-form select,
  .contact-form .newListSelected {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 14px;
  }
  .details-form input[type='text'].haf,
  .details-form select.haf,
  .details-form .newListSelected.haf,
  .contact-form input[type='text'].haf,
  .contact-form select.haf,
  .contact-form .newListSelected.haf {
    width: 100%;
  }
  .details-form input.half,
  .contact-form input.half {
    width: 100%;
  }
  .details-form .field-validation-error,
  .contact-form .field-validation-error {
    top: -10px;
  }
  .details-form .tooltip-info,
  .contact-form .tooltip-info {
    left: auto;
    max-width: 215px;
    right: calc(100% + 25px);
  }
  .details-form .tooltip-info::before,
  .contact-form .tooltip-info::before {
    left: auto;
    right: -20px;
    border-right: 0;
    border-left: 20px solid #c0c0c0;
  }
  .details-form .tooltip-info::after,
  .contact-form .tooltip-info::after {
    left: auto;
    right: -20px;
    border-right: 0;
    border-left: 20px solid #fff;
  }
}

body.blue-light .newListSelected::before {
  color: #666;
  font-size: 22px;
  top: 15px;
  right: 15px;
}

.details-form .checkbox-holder label {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  color: #666;
  font-size: 14px;
}
.details-form .checkbox-holder input[type='checkbox'] {
  display: none;
}
.details-form .checkbox-holder input[type='checkbox'] ~ label {
  padding-left: 60px;
  padding-top: 8px;
  position: relative;
  display: inline-block;
}
.details-form .checkbox-holder input[type='checkbox'] ~ label::before {
  content: '';
  border-radius: 3px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #ebecee;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}
.details-form .checkbox-holder input[type='checkbox']:checked ~ label::after {
  content: '';
  border-radius: 3px;
  background-color: #68bac0;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .details-form .checkbox-holder input + label {
    padding-left: 42px;
  }
}

.contact-form label {
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 400;
  /* gotham-book */
  font-style: normal;
  color: #666;
  font-size: 14px;
}
.contact-form input[type='checkbox'] {
  display: none;
}
.contact-form input[type='checkbox'] + label {
  padding-left: 60px;
  position: relative;
  display: inline-block;
}
.contact-form input[type='checkbox'] + label::before {
  content: '';
  border-radius: 3px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #ebecee;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
}
.contact-form input[type='checkbox']:checked + label::after {
  content: '';
  border-radius: 3px;
  background-color: #68bac0;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .contact-form input + label {
    padding-left: 42px;
  }
}

.checkbox-holder {
  margin-bottom: 20px;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.tab-content .section-label {
  color: #fff;
}

.tabs-section {
  background-color: #17252d;
  padding: 120px 0;
}

.tabs-container {
  position: relative;
}
.tabs-container::before, .tabs-container::after {
  box-shadow: -32px 0px 90px 80px rgba(23, 37, 45, 0.95);
  content: '';
  top: 0;
  position: absolute;
  height: 120px;
  z-index: 5;
}
.tabs-container::before {
  left: 0;
}
.tabs-container::after {
  right: 0;
}
.tabs-container .container {
  overflow: visible;
  max-width: 992px;
  width: 100%;
}
.tabs-container p,
.tabs-container button {
  color: #fff;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .tabs-container::before, .tabs-container::after {
    box-shadow: -32px 0px 90px 20px rgba(23, 37, 45, 0.95);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .tabs-container .container {
    max-width: 620px;
  }
  .tabs-container button {
    padding: 0 5px 20px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .tabs-container .container {
    max-width: 590px;
  }
  .tabs-container::before, .tabs-container::after {
    display: none;
  }
}

.tabs {
  display: flex;
  position: relative;
}
.tabs button {
  color: #636d73;
  background-color: transparent;
  font-size: 80px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 40px;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  font-family: "Gotham", sans-serif;
}
.tabs button:hover {
  opacity: 0.7;
}
.tabs button:hover.active::after {
  width: 100%;
}
.tabs button:first-of-type {
  margin-right: 100px;
}
.tabs button.active {
  color: #fff;
}
.tabs button.active::after {
  background-color: #68bac0;
  content: '';
  bottom: 0;
  left: 0;
  height: 3px;
  position: absolute;
  width: 50px;
  transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .tabs button {
    font-size: 60px;
  }
  .tabs button:first-of-type {
    margin-right: 0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .tabs {
    display: block;
    border: 3px solid #fff;
    border-radius: 3px;
  }
  .tabs.open button:nth-child(n+2) {
    display: block;
  }
  .tabs button {
    font-size: 14px;
    padding: 14px;
    text-align: left;
    width: 100%;
  }
  .tabs button::after {
    display: none;
  }
  .tabs button:nth-child(n+2) {
    display: none;
  }
  .tabs button.active {
    padding-right: 50px;
  }
  .tabs button.active::before {
    color: #fff;
    content: '\f2f9';
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: 22px;
    position: absolute;
    right: 10px;
    top: 14px;
  }
}

.tabs-content-container {
  padding-top: 40px;
}

.tab-content-top .container,
.tab-content-bottom .container {
  max-width: 992px;
  width: 100%;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .tab-content-top .container,
  .tab-content-bottom .container {
    max-width: 590px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .tab-content-top .container,
  .tab-content-bottom .container {
    padding: 0 40px;
  }
}

.tab-content-bottom {
  padding-top: 66px;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .tab-content-bottom {
    padding-top: 40px;
  }
}

.tab-content-middle {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .tab-content-middle {
    border: 0;
  }
}

.legend-container {
  margin-bottom: 40px;
}
.legend-container .legend-title:first-of-type {
  margin-right: 30px;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-container {
    display: none;
  }
}

.legend-title {
  color: #fff;
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .legend-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-title {
    font-size: 24px;
  }
}

.legend-sign {
  position: relative;
  padding-left: 30px;
}
.legend-sign::before {
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 25px;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-sign::before {
    font-size: 22px;
  }
}

.legend-yes::before {
  content: '\f26b';
  color: #b6ca2b;
}

.legend-no::before {
  content: '\f136';
  color: #ee3d43;
}

.legend-blocks-container {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-blocks-container {
    display: block;
  }
}

.legend-block-single {
  border: 0;
  margin: 0 auto;
  max-width: 992px;
  width: 100%;
}
.legend-block-single .legend-blocks-container {
  display: block;
}
.legend-block-single ul {
  margin-bottom: 40px;
}
.legend-block-single li {
  color: #fff;
  margin-bottom: 12px;
}
.legend-block-single .legend-block {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 54px;
  margin: 0 auto;
  width: 100%;
}
.legend-block-single .legend-block:last-child, .legend-block-single .legend-block:nth-last-child(2) {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.legend-block-single .legend-block-inner {
  max-width: 100%;
}
.legend-block-single .legend-yes li,
.legend-block-single .legend-no li {
  position: relative;
  padding-left: 30px;
}
.legend-block-single .legend-yes li::before,
.legend-block-single .legend-no li::before {
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 25px;
}
.legend-block-single .legend-yes li::before {
  content: '\f26b';
  color: #b6ca2b;
}
.legend-block-single .legend-no li::before {
  content: '\f136';
  color: #ee3d43;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .legend-block-single {
    max-width: 590px;
  }
  .legend-block-single .legend-yes li,
  .legend-block-single .legend-no li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-block-single .legend-block {
    padding: 20px;
  }
}

.legend-no-subitems ul li,
.legend-yes-subitems ul li {
  position: relative;
  color: #fff;
  padding-left: 27px;
}
.legend-no-subitems ul li::before,
.legend-yes-subitems ul li::before {
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 25px;
}

.legend-yes-subitems ul li::before {
  content: '\f26b';
  color: #b6ca2b;
}

.legend-no-subitems ul li::before {
  content: '\f136';
  color: #ee3d43;
}

.legend-block {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  padding: 54px 144px;
  width: 50%;
  position: relative;
}
.legend-block:nth-child(odd) {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}
.legend-block:last-child, .legend-block:nth-last-child(2) {
  border-bottom: 0;
}
.legend-block .legend-sign {
  padding-left: 90px;
}
.legend-block .legend-sign::before {
  font-size: 55px;
  top: -4px;
}
.legend-block .legend-title {
  font-size: 30px;
  margin-bottom: 20px;
}
.legend-block .btn {
  color: #fff;
  border-color: #fff;
  font-weight: bold;
  margin: 10px;
}
.legend-block .btn:first-of-type {
  margin-right: 20px;
}
@media screen and (min-width: 1025px) {
  .legend-block .btn:hover {
    color: #68bac0;
    border-color: #68bac0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .legend-block {
    padding: 20px;
  }
  .legend-block p {
    font-size: 14px;
  }
  .legend-block .legend-sign {
    padding-left: 40px;
    padding-top: 80px;
  }
  .legend-block .legend-sign::before {
    font-size: 50px;
    left: 40px;
    top: 0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-block {
    width: 100%;
  }
  .legend-block:nth-child(odd) {
    border-right: 0;
  }
  .legend-block:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  .legend-block:last-child, .legend-block:nth-last-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .legend-block .legend-title {
    font-size: 24px;
  }
  .legend-block .legend-sign {
    padding-left: 0;
    padding-top: 40px;
  }
  .legend-block .legend-sign::before {
    font-size: 36px;
    left: 0;
  }
}

.legend-block-inner {
  max-width: 568px;
  width: 100%;
  margin: 0 auto;
}
.legend-block-inner a:not(.btn) {
  color: #fff;
  text-decoration: underline;
}
.legend-block-inner a:not(.btn):hover {
  text-decoration: none;
}

.legend-description {
  margin-bottom: 114px;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .legend-description p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legend-description {
    margin-bottom: 35px;
  }
  .legend-description .legend-title {
    font-size: 14px;
  }
}

.legent-description-text {
  position: relative;
  padding-left: 120px;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .legent-description-text {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .legent-description-text {
    padding-left: 30px;
  }
}

.section-label {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .section-label {
    margin-bottom: 22px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .section-label {
    font-size: 12px;
    margin-bottom: 30px;
  }
}

.text-description {
  margin-bottom: 40px;
}
.text-description h3 {
  color: #fff;
  margin-bottom: 20px;
}

.text-heading {
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.text-heading .colored {
  color: #68bac0;
}

.scroll-to-top {
  margin-bottom: 50px;
}

.tooltip {
  background-color: #68bac0;
  color: #17252d;
  cursor: pointer;
  position: relative;
  padding: 3px;
}

.tooltip-text {
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  color: #5f686d;
  font-size: 14px;
  display: none;
  background-color: #fff;
  border-radius: 3px;
  min-width: 292px;
  max-width: 292px;
  bottom: calc(100% + 26px);
  padding: 14px;
  z-index: 1;
}
.tooltip-text::before {
  content: '';
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  width: 0;
  bottom: -20px;
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.tooltip-text.show {
  display: block;
}
.tooltip-text strong {
  display: block;
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .tooltip-text {
    min-width: 152px;
    max-width: 152px;
  }
}

.download-holder {
  display: flex;
}
.download-holder .image-wrap {
  width: 150px;
  margin-right: 72px;
}
.download-holder .text-wrap {
  width: calc(100% - 222px);
}
.download-holder p {
  margin-bottom: 24px;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .download-holder .image-wrap {
    margin-right: 40px;
  }
  .download-holder .text-wrap {
    width: calc(100% - 190px);
  }
  .download-holder p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .download-holder {
    display: block;
  }
  .download-holder .image-wrap {
    width: 100%;
    margin-bottom: 12px;
    margin-right: 0;
  }
  .download-holder .text-wrap {
    width: 100%;
  }
}

.document-title {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .document-title {
    font-size: 16px;
    margin-bottom: 5px;
  }
}

.link-download {
  color: #fff;
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
.link-download::before {
  content: '\f2fe';
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  position: absolute;
  left: 0;
  top: 0;
  color: #ee3d43;
  font-size: 16px;
}
.link-download strong {
  color: #fff;
  transition: 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .link-download:hover {
    color: #68bac0;
  }
  .link-download:hover strong {
    color: #68bac0;
  }
}

blockquote {
  margin-bottom: 40px;
  padding-left: 30px;
  position: relative;
}
blockquote::before {
  background-color: #68bac0;
  content: '';
  left: 0;
  height: 100%;
  top: 0;
  position: absolute;
  width: 3px;
}
blockquote p,
blockquote span {
  color: #fff;
}
blockquote p {
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 30px;
}
blockquote p span {
  color: #68bac0;
  font-size: 40px;
}
blockquote span {
  font-size: 14px;
}
blockquote .quote-person {
  font-family: "cordaleregular";
}
blockquote .quote-person strong {
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
blockquote .quote-person span {
  position: relative;
  padding-left: 20px;
}
blockquote .quote-person span::before {
  color: #fff;
  content: '/';
  position: absolute;
  left: 5px;
  top: 0;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  blockquote p {
    font-size: 24px;
  }
  blockquote p span {
    font-size: 24px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  blockquote {
    padding-left: 0;
  }
  blockquote::before {
    display: none;
  }
}

.video-popup-overlay.mfp-close-btn-in .mfp-close {
  color: #fff;
}
.video-popup-overlay .mfp-close {
  opacity: 1;
  top: 30px;
  position: fixed;
  right: 50px;
  font-size: 40px;
}

.popup-video-holder {
  max-width: 830px;
  height: 500px;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
}
.popup-video-holder iframe {
  height: 100%;
  width: 100%;
}

.video-holder {
  position: relative;
  margin-bottom: 40px;
}
.video-holder img {
  width: 100%;
}
.video-holder a {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  margin-top: 50px;
  text-transform: uppercase;
}
.video-holder a::before {
  content: '';
  width: 100%;
  height: 3px;
  background-color: #68bac0;
  position: absolute;
  top: -8px;
  left: 0;
}
.video-holder a::after {
  position: absolute;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: -120px;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  content: '\f3aa';
  color: #fff;
  font-size: 110px;
}
@media screen and (min-width: 1025px) {
  .video-holder a:hover {
    color: #68bac0;
  }
  .video-holder a:hover::after {
    color: #68bac0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .video-holder {
    margin-bottom: 15px;
  }
  .video-holder a {
    font-size: 12px;
    margin-top: 30px;
  }
  .video-holder a::after {
    font-size: 60px;
    top: -60px;
  }
}

.test {
  height: 100px;
  overflow: scroll;
}

.load-spinner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 99;
  display: none;
}
.load-spinner img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*----------  accordion
------------------------------------------------------------------------------*/
.accordion {
  border-bottom: 1px solid #fff;
  margin-bottom: 30px;
}

.acc-item {
  width: 100%;
}

.acc-head {
  background-color: transparent;
  border-top: 1px solid #fff;
  color: #666;
  font-size: 28px;
  font-weight: bold;
  padding: 38px 90px 38px 30px;
  position: relative;
  text-align: left;
  width: 100%;
}
.acc-head::after {
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: '\f2f9';
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  right: 33px;
  transition: transform 0.3s ease;
}
.acc-head.selected::after {
  content: '\f2fc';
}
@media screen and (min-width: 1025px) {
  .acc-head:hover {
    color: #ebecee;
  }
  .acc-head:hover::after {
    color: #ebecee;
  }
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .acc-head {
    padding: 20px 60px 20px 0;
    font-size: 24px;
  }
  .acc-head::after {
    right: 0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .acc-head {
    padding: 15px 30px 30px 0;
    font-size: 18px;
  }
  .acc-head::after {
    right: 0;
  }
}

.acc-content {
  padding: 40px 50px 90px 30px;
  display: none;
}
.acc-content p {
  margin-bottom: 20px;
}
.acc-content ul li {
  color: #fff;
  margin-left: 10px;
  list-style: disc;
}
.acc-content a {
  color: #fff;
  text-decoration: underline;
}
.acc-content a:hover {
  text-decoration: none;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .acc-content {
    padding: 0 40px 35px 0;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .acc-content {
    padding: 0 0 35px 0;
  }
}

.text-container {
  padding: 30px 0;
}
.text-container h3, .text-container p {
  text-align: center;
}
.text-container h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.text-container p {
  margin-bottom: 60px;
}
.text-container .btn {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.text-container .text-block {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.text-container--black {
  background: #17252d;
}
.text-container--black h3, .text-container--black p {
  color: #fff;
}
.text-container--black .btn {
  border-color: #fff;
  color: #fff;
}
.text-container--black .btn:hover {
  background-color: #fff;
}
.text-container--black .btn:hover i {
  color: #000;
}

/* ==========================================================================
	libs
	========================================================================== */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -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);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -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);
  }
  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);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -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);
  }
  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);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.3);
    transition-timing-function: cubic-bezier(0.215, 0.3);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.3);
    transition-timing-function: cubic-bezier(0.215, 0.3);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -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);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-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-transition-timing-function: ease-in;
    transition-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);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: fixed !important;
  height: 100vh !important;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
  position: fixed !important;
  top: 0 !important;
  height: 100vh;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.video-overlay .mfp-inline-holder .mfp-content {
  height: 100%;
}
.video-overlay .mfp-wrap {
  overflow-y: hidden !important;
}
.video-overlay .mfp-content {
  width: auto;
  margin: 0 auto;
}
.video-overlay .mfp-container {
  padding: 40px 70px;
}
.video-overlay .mfp-close-btn-in .mfp-close {
  color: #fff;
  font-size: 58px;
  right: -60px;
  top: -8px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .video-overlay .mfp-container {
    padding: 45px;
  }
  .video-overlay .mfp-inline-holder .mfp-content {
    height: 100%;
  }
  .video-overlay .mfp-close-btn-in .mfp-close {
    right: -38px;
    top: -40px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .video-overlay .mfp-container {
    padding: 30px;
  }
  .video-overlay .mfp-inline-holder .mfp-content {
    height: auto;
  }
  .video-overlay .mfp-content {
    width: 100%;
    margin: 0;
  }
  .video-overlay .mfp-close-btn-in .mfp-close {
    font-size: 36px;
    right: -35px;
    top: -35px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-height: 736px) and (orientation: landscape) {
  .video-overlay .mfp-inline-holder .mfp-content {
    width: auto;
    height: 100%;
  }
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  text-align: right;
  width: 100%;
  top: 0;
  right: 30px;
  width: auto;
  padding-right: 0;
  font-size: 30px;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
  position: fixed !important;
  height: 100vh;
  bottom: 0;
  right: 0;
  padding: 0;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.mfp-iframe-holder .mfp-close {
  top: 0;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
  padding: 0 60px;
}

@media only screen and (max-device-width: 1024px) {
  .mfp-iframe-holder .mfp-content {
    height: auto;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .mfp-iframe-holder .mfp-close {
    top: -12px;
    right: 5px;
  }

  .mfp-iframe-scaler iframe {
    padding: 0 25px;
  }
}
@media only screen and (min-device-width: 120px) and (max-device-width: 767px) {
  .mfp-iframe-holder .mfp-close {
    top: -12px;
    right: 5px;
  }

  .mfp-iframe-scaler iframe {
    padding: 0 25px;
  }
}
@media only screen and (min-device-width: 120px) and (max-device-width: 767px) and (orientation: landscape) {
  .mfp-iframe-holder .mfp-close {
    top: -2px;
    right: 10px;
  }

  .mfp-iframe-scaler iframe {
    padding: 0 35px;
  }
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  direction: ltr;
  font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  line-height: 1.7;
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
}
.plyr video,
.plyr audio {
  border-radius: inherit;
  height: auto;
  vertical-align: middle;
  width: 100%;
}
.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}
.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}
.plyr--full-ui *,
.plyr--full-ui *::after,
.plyr--full-ui *::before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4f5b5f;
  border-radius: 2px;
  color: #fff;
  font-size: 9px;
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  color: #fff;
  display: none;
  font-size: 14px;
  left: 0;
  padding: 10px;
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}
.plyr__captions .plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-decoration-break: clone;
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}
.plyr__captions .plyr__caption div {
  display: inline;
}
.plyr__captions span:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__captions {
    font-size: 16px;
    padding: 20px;
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
}

.plyr__control {
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  position: relative;
  transition: all 0.3s ease;
}
.plyr__control svg {
  display: block;
  fill: currentColor;
  height: 18px;
  pointer-events: none;
  width: 18px;
}
.plyr__control:focus {
  outline: 0;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}

a.plyr__control {
  text-decoration: none;
}
a.plyr__control::after, a.plyr__control::before {
  display: none;
}

.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
.plyr__control.plyr__control--pressed .label--not-pressed {
  display: none;
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] {
  background: #1aafff;
  color: #fff;
}

.plyr--video .plyr__control svg {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15));
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] {
  background: #1aafff;
  color: #fff;
}

.plyr__control--overlaid {
  background: rgba(26, 175, 255, 0.8);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: #fff;
  display: none;
  left: 50%;
  padding: 15px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}
.plyr__control--overlaid:hover, .plyr__control--overlaid:focus {
  background: #1aafff;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}
.plyr__controls > .plyr__control,
.plyr__controls .plyr__progress,
.plyr__controls .plyr__time,
.plyr__controls .plyr__menu,
.plyr__controls .plyr__volume {
  margin-left: 5px;
}
.plyr__controls .plyr__menu + .plyr__control,
.plyr__controls > .plyr__control + .plyr__menu,
.plyr__controls > .plyr__control + .plyr__control,
.plyr__controls .plyr__progress + .plyr__control {
  margin-left: 2px;
}
.plyr__controls > .plyr__control:first-child,
.plyr__controls > .plyr__control:first-child + [data-plyr='pause'] {
  margin-left: 0;
  margin-right: auto;
}
.plyr__controls:empty {
  display: none;
}
@media (min-width: 480px) {
  .plyr__controls > .plyr__control,
  .plyr__controls .plyr__menu,
  .plyr__controls .plyr__progress,
  .plyr__controls .plyr__time,
  .plyr__controls .plyr__volume {
    margin-left: 10px;
  }
}

.plyr--audio .plyr__controls {
  background: #fff;
  border-radius: inherit;
  color: #4f5b5f;
  padding: 10px;
}

.plyr--video .plyr__controls {
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 20px 5px 5px;
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}
@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 35px 10px 10px;
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr [data-plyr='captions'],
.plyr [data-plyr='pip'],
.plyr [data-plyr='airplay'],
.plyr [data-plyr='fullscreen'] {
  display: none;
}

.plyr--captions-enabled [data-plyr='captions'],
.plyr--pip-supported [data-plyr='pip'],
.plyr--airplay-supported [data-plyr='airplay'],
.plyr--fullscreen-enabled [data-plyr='fullscreen'] {
  display: inline-block;
}

.plyr__video-embed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.plyr__video-embed iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  user-select: none;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr__menu {
  display: flex;
  position: relative;
}
.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}
.plyr__menu .plyr__control[aria-expanded='true'] svg {
  transform: rotate(90deg);
}
.plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip {
  display: none;
}
.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 16px;
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}
.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__menu__container::after {
  border: 4px solid transparent;
  border-top-color: rgba(255, 255, 255, 0.9);
  content: '';
  height: 0;
  position: absolute;
  right: 15px;
  top: 100%;
  width: 0;
}
.plyr__menu__container [role='menu'] {
  padding: 7px;
}
.plyr__menu__container [role='menuitem'],
.plyr__menu__container [role='menuitemradio'] {
  margin-top: 2px;
}
.plyr__menu__container [role='menuitem']:first-child,
.plyr__menu__container [role='menuitemradio']:first-child {
  margin-top: 0;
}
.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4f5b5f;
  display: flex;
  font-size: 14px;
  padding: 4px 11px;
  user-select: none;
  width: 100%;
}
.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}
.plyr__menu__container .plyr__control::after {
  border: 4px solid transparent;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
}
.plyr__menu__container .plyr__control--forward::after {
  border-left-color: rgba(79, 91, 95, 0.8);
  right: 5px;
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
  border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
  font-weight: 500;
  margin: 7px;
  margin-bottom: 3px;
  padding-left: 28px;
  position: relative;
  width: calc(100% - 14px);
}
.plyr__menu__container .plyr__control--back::after {
  border-right-color: rgba(79, 91, 95, 0.8);
  left: 7px;
}
.plyr__menu__container .plyr__control--back::before {
  background: #b7c5cd;
  box-shadow: 0 1px 0 #fff;
  content: '';
  height: 1px;
  left: 0;
  margin-top: 4px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
  border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role='menuitemradio'] {
  padding-left: 7px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after {
  border-radius: 100%;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::before {
  background: rgba(0, 0, 0, 0.1);
  content: '';
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  transition: all 0.3s ease;
  width: 16px;
}
.plyr__menu__container .plyr__control[role='menuitemradio']::after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before {
  background: #1aafff;
}
.plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before {
  background: rgba(0, 0, 0, 0.1);
}
.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  overflow: hidden;
  padding-left: 25px;
  pointer-events: none;
}

.plyr--full-ui input[type='range'] {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 28px;
  color: #1aafff;
  display: block;
  height: 20px;
  margin: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}
.plyr--full-ui input[type='range']::-webkit-slider-runnable-track {
  background: transparent;
  border: 0;
  border-radius: 2px;
  height: 4px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background-image: linear-gradient(to right, currentColor var(--value, 0%), rgba(0, 0, 0, 0) var(--value, 0%));
}
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 14px;
  position: relative;
  transition: all 0.2s ease;
  width: 14px;
  -webkit-appearance: none;
  /* stylelint-disable-line */
  margin-top: -5px;
}
.plyr--full-ui input[type='range']::-moz-range-track {
  background: transparent;
  border: 0;
  border-radius: 2px;
  height: 4px;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type='range']::-moz-range-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 14px;
  position: relative;
  transition: all 0.2s ease;
  width: 14px;
}
.plyr--full-ui input[type='range']::-moz-range-progress {
  background: currentColor;
  border-radius: 2px;
  height: 4px;
}
.plyr--full-ui input[type='range']::-ms-track {
  background: transparent;
  border: 0;
  border-radius: 2px;
  height: 4px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  color: transparent;
}
.plyr--full-ui input[type='range']::-ms-fill-upper {
  background: transparent;
  border: 0;
  border-radius: 2px;
  height: 4px;
  transition: box-shadow 0.3s ease;
  user-select: none;
}
.plyr--full-ui input[type='range']::-ms-fill-lower {
  background: transparent;
  border: 0;
  border-radius: 2px;
  height: 4px;
  transition: box-shadow 0.3s ease;
  user-select: none;
  background: currentColor;
}
.plyr--full-ui input[type='range']::-ms-thumb {
  background: #fff;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2);
  height: 14px;
  position: relative;
  transition: all 0.2s ease;
  width: 14px;
  margin-top: 0;
}
.plyr--full-ui input[type='range']::-ms-tooltip {
  display: none;
}
.plyr--full-ui input[type='range']:focus {
  outline: 0;
}
.plyr--full-ui input[type='range']::-moz-focus-outer {
  border: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}
.plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5);
  outline: 0;
}

.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
}
.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}
.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
}

.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track {
  background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track {
  background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type='range']::-ms-track {
  background-color: rgba(183, 197, 205, 0.66);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}
.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.plyr__poster {
  background-color: #000;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 14px;
}

.plyr__time + .plyr__time::before {
  content: '\2044';
  margin-right: 10px;
}
@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr--video .plyr__time {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: #4f5b5f;
  font-size: 14px;
  font-weight: 500;
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  opacity: 0;
  padding: 5px 7.5px;
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease;
  white-space: nowrap;
  z-index: 2;
}
.plyr__tooltip::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  bottom: -4px;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 0 100%;
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
  left: 16px;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translate(0, 10px) scale(0.8);
  transform-origin: 100% 100%;
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
  left: auto;
  right: 16px;
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
  transform: translate(0, 0) scale(1);
}

.plyr--video {
  background: #000;
  overflow: hidden;
}
.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  border-radius: inherit;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__progress {
  flex: 1;
  left: 7px;
  margin-right: 14px;
  position: relative;
}
.plyr__progress input[type='range'], .plyr__progress__buffer {
  margin-left: -7px;
  margin-right: -7px;
  width: calc(100% + 14px);
}
.plyr__progress input[type='range'] {
  position: relative;
  z-index: 2;
}
.plyr__progress .plyr__tooltip {
  font-size: 14px;
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  /* stylelint-disable-line */
  background: transparent;
  border: 0;
  border-radius: 100px;
  height: 4px;
  left: 0;
  margin-top: -2px;
  padding: 0;
  position: absolute;
  top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
  background: transparent;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 4px;
}
.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 4px;
  transition: width 0.2s ease;
}
.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--video .plyr__progress__buffer {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.25);
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(183, 197, 205, 0.66);
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(183, 197, 205, 0.66);
}

.plyr__volume {
  align-items: center;
  display: flex;
  flex: 1;
  position: relative;
}
.plyr__volume input[type='range'] {
  margin-left: 5px;
  position: relative;
  z-index: 2;
}
@media (min-width: 480px) {
  .plyr__volume {
    max-width: 90px;
  }
}
@media (min-width: 768px) {
  .plyr__volume {
    max-width: 110px;
  }
}

.plyr--is-ios .plyr__volume {
  display: none !important;
}

.plyr--is-ios.plyr--vimeo [data-plyr='mute'] {
  display: none !important;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:fullscreen video {
  height: 100%;
}
.plyr:fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:fullscreen .plyr__video-embed {
  overflow: visible;
}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
  }
}

/* stylelint-disable-next-line */
.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-webkit-full-screen video {
  height: 100%;
}
.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-webkit-full-screen .plyr__video-embed {
  overflow: visible;
}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
  }
}

/* stylelint-disable-next-line */
.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-moz-full-screen video {
  height: 100%;
}
.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-moz-full-screen .plyr__video-embed {
  overflow: visible;
}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
  }
}

/* stylelint-disable-next-line */
.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}
.plyr:-ms-fullscreen video {
  height: 100%;
}
.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr:-ms-fullscreen .plyr__video-embed {
  overflow: visible;
}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000000;
}
.plyr--fullscreen-fallback video {
  height: 100%;
}
.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  width: 100%;
}
.plyr--fullscreen-fallback .plyr__video-embed {
  overflow: visible;
}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  top: 50%;
  transform: translateY(-50%);
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}
.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}
.plyr__ads::after {
  background: rgba(47, 52, 61, 0.8);
  border-radius: 2px;
  bottom: 10px;
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  z-index: 3;
}
.plyr__ads::after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 4px;
  left: 0;
  margin: -2px 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  border: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

/*--------------------------------------------------------------
## slick
--------------------------------------------------------------*/
.slick-slider {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  display: block;
  position: relative;
  touch-action: pan-y;
  user-select: none;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-list {
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-track {
  display: block;
  left: 0;
  position: relative;
  top: 0;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
  outline: 0;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-dots {
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}
.slick-dots li {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
  margin: 8px;
  cursor: pointer;
}
.slick-dots li:hover {
  border-color: #fff;
}
.slick-dots .slick-active {
  border-color: #fff;
}
.slick-dots button {
  font-size: 0;
  background-color: transparent;
}
.slick-dots button::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.slick-slide .row {
  
  height: 100%;
}

/* bordered grid schema
   ========================================================================== */
.grid-boxes {
  height: auto;
  overflow: hidden;
}
.grid-boxes > .container,
.grid-boxes > .container > .container-fluid,
.grid-boxes > .container > .container-fluid > .row,
.grid-boxes > .container-fluid,
.grid-boxes > .container-fluid .row {
  overflow: visible;
}
.grid-boxes > .container > .container-fluid > .row,
.grid-boxes > .container-fluid > .row,
.grid-boxes > .container-fluid div .row {
  position: relative;
}
.grid-boxes > .container > .container-fluid > .row:before,
.grid-boxes > .container-fluid > .row:before,
.grid-boxes > .container-fluid div .row:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  height: 1px;
  background: #ebedec;
}
.grid-boxes > .container-fluid div.container .row:before {
  display: none;
}
.grid-boxes > .container-fluid .row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.grid-boxes > .container-fluid .row.filter {
  display: none;
}
.grid-boxes .col {
  position: relative;
  border-right: 1px solid #ebedec;
}
.grid-boxes .title {
  padding: 134px 0 160px;
  position: relative;
  overflow: visible;
}
.grid-boxes .title:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  height: 1px;
  background: #ebedec;
}
.grid-boxes .title:last-of-type {
  padding: 134px 0 159px;
}
.grid-boxes .title:last-of-type .quoted-text {
  margin-bottom: 23px;
}
.grid-boxes.clients > .container-fluid,
.grid-boxes.clients > .container-fluid .row {
  overflow: visible;
}
.grid-boxes.clients > .container-fluid .row {
  position: relative;
}
.grid-boxes.clients > .container-fluid .row:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  height: 1px;
  background: #e0e2e3;
}
.grid-boxes.clients > .container-fluid .row:last-of-type:before {
  display: none;
}
.grid-boxes .load-more {
  text-align: center;
  background: #eaeced;
  height: 80px;
  line-height: 80px;
  position: relative;
}
.grid-boxes .load-more:before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  height: 1px;
  background: #e0e2e3;
}
.grid-boxes .load-more a {
  color: #17252d;
  font-size: 14px;
  letter-spacing: 1.4px;
  font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
  font-weight: 700;
  /* gotham-bold */
  font-style: normal;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .grid-boxes .container .container-fluid > .row {
    display: flex;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .grid-boxes .col:last-of-type {
    overflow: visible;
    position: relative;
  }
  .grid-boxes .col:last-of-type:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    height: 1px;
    background: #ebedec;
  }
  .grid-boxes .title {
    padding: 97px 0 95px;
  }
  .grid-boxes .title:last-of-type {
    padding: 99px 0 93px;
  }
  .grid-boxes .load-more {
    height: 50px;
    line-height: 50px;
  }
  .grid-boxes .load-more a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .grid-boxes > .container-fluid .row {
    display: block;
  }
  .grid-boxes .col {
    border-right: none;
  }
  .grid-boxes .col:last-of-type {
    overflow: visible;
    position: relative;
  }
  .grid-boxes .col:last-of-type:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    right: -100%;
    height: 1px;
    background: #ebedec;
  }
  .grid-boxes .load-more {
    height: 50px;
    line-height: 50px;
  }
  .grid-boxes .load-more a {
    font-size: 12px;
  }
}

/* cookie policy
   ========================================================================== */
.cookie-policy {
  position: absolute;
  top: 0;
  height: 40px;
  line-height: 40px;
  background: #17252d;
  color: #a3acb1;
  font-size: 12px;
  font-weight: 400;
  width: 100%;
  text-align: left;
}
.cookie-policy .container {
  position: relative;
}
.cookie-policy p {
  margin-bottom: 0;
  display: inline-block;
  line-height: 20px;
  color: #a3acb1;
}
.cookie-policy a {
  color: #fff;
}
.cookie-policy .close {
  position: absolute;
  right: 15px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1169px) {
  .cookie-policy .close {
    right: 50px;
  }
}
@media only screen and (min-width: 120px) and (max-width: 767px) {
  .cookie-policy {
    padding: 15px 0 5px 0;
    height: auto;
  }
  .cookie-policy .container {
    padding-right: 44px;
  }
  .cookie-policy p {
    line-height: 20px;
  }
  .cookie-policy .close {
    top: 2px;
    line-height: 18px;
  }
}

/* subscribe popup styles
   ========================================================================== */
.thank-you-popup,
.subscribe-popup {
  overflow: hidden;
}
.thank-you-popup .mfp-bg,
.subscribe-popup .mfp-bg {
  background: rgba(23, 37, 45, 0.7);
}
.thank-you-popup .mfp-inline-holder .mfp-content,
.subscribe-popup .mfp-inline-holder .mfp-content {
  width: 527px;
  background: #fff;
  border-radius: 9px;
  padding: 40px 20px 58px;
  text-align: center;
  max-width: 100%;
}
.thank-you-popup .mfp-inline-holder .mfp-content h3,
.subscribe-popup .mfp-inline-holder .mfp-content h3 {
  margin-bottom: 6px;
  font-size: 35px;
  line-height: 45px;
  letter-spacing: -0.06em;
}
.thank-you-popup .mfp-inline-holder .mfp-content p,
.subscribe-popup .mfp-inline-holder .mfp-content p {
  color: #5f686d;
  margin-bottom: 0;
}
.thank-you-popup .mfp-close,
.subscribe-popup .mfp-close {
  right: -38px;
  top: -35px;
  font-size: 35px;
  color: #fff;
}
@media only screen and (min-width: 120px) and (max-width: 1024px) {
  .thank-you-popup .mfp-inline-holder .mfp-content,
  .subscribe-popup .mfp-inline-holder .mfp-content {
    max-width: 90%;
  }
  .thank-you-popup .mfp-close,
  .subscribe-popup .mfp-close {
    right: -9px;
    top: -48px;
  }
}

.subscribe-popup .mfp-inline-holder .mfp-content h3 {
  color: #b6ca2b;
}

.thank-you-popup .mfp-inline-holder .mfp-content h3 {
  color: #ffd300;
}

/* overlay for full image
   ========================================================================== */
.overlay-image {
  position: relative;
}
.overlay-image:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(23, 37, 45, 0.3);
  display: block;
  z-index: -1;
}

.slide-link {
  color: #a3acb1;
  text-transform: uppercase;
  transition: all .5s;
  letter-spacing: 1.4px;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 17px;
}

.slide-link-wrapper {
  margin-bottom: 17px;
}

.slide-link-wrapper:last-of-type {
  margin-bottom: 40px;
}

.white-color {
  color: #fff;
}
.colored mark {
    background: #699BF7;
    color: #000;
    padding: 0 20px;
    margin-bottom: 20px;
    display: inline-block;
}
#offices {
    height: 500px;
        justify-content: center !important;
    display: flex;
    position:relative;
}
#offices::before {
    content: "";
    position: absolute;
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}


@media only screen and (max-width: 600px) {
    .two-blocks .block img {

    min-height: 440px;
}