*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
@font-face {
 font-family:nudista-web;
 src:url(https://use.typekit.net/af/e13a01/0000000000000000773598e6/30/l?subset_id=2&fvd=n4&v=3) format("woff2"),
 url(https://use.typekit.net/af/e13a01/0000000000000000773598e6/30/d?subset_id=2&fvd=n4&v=3) format("woff"),
 url(https://use.typekit.net/af/e13a01/0000000000000000773598e6/30/a?subset_id=2&fvd=n4&v=3) format("opentype");
 font-weight:400;
 font-style:normal;
 font-stretch:normal;
 font-display:auto;
}
@font-face {
 font-family:nudista-web;
 src:url(https://use.typekit.net/af/688c3a/0000000000000000773598ec/30/l?subset_id=2&fvd=n6&v=3) format("woff2"),
 url(https://use.typekit.net/af/688c3a/0000000000000000773598ec/30/d?subset_id=2&fvd=n6&v=3) format("woff"),
 url(https://use.typekit.net/af/688c3a/0000000000000000773598ec/30/a?subset_id=2&fvd=n6&v=3) format("opentype");
 font-weight:600;
 font-style:normal;
 font-stretch:normal;
 font-display:auto;
}
@font-face {
 font-family:nudista-web;
 src:url(https://use.typekit.net/af/de7218/0000000000000000773598f5/30/l?subset_id=2&fvd=n7&v=3) format("woff2"),
 url(https://use.typekit.net/af/de7218/0000000000000000773598f5/30/d?subset_id=2&fvd=n7&v=3) format("woff"),
 url(https://use.typekit.net/af/de7218/0000000000000000773598f5/30/a?subset_id=2&fvd=n7&v=3) format("opentype");
 font-weight:700;
 font-style:normal;
 font-stretch:normal;
 font-display:auto;
}
@font-face {
 font-family:nudista-web;
 src:url(https://use.typekit.net/af/11638c/0000000000000000773598e7/30/l?subset_id=2&fvd=i4&v=3) format("woff2"),
 url(https://use.typekit.net/af/11638c/0000000000000000773598e7/30/d?subset_id=2&fvd=i4&v=3) format("woff"),
 url(https://use.typekit.net/af/11638c/0000000000000000773598e7/30/a?subset_id=2&fvd=i4&v=3) format("opentype");
 font-weight:400;
 font-style:italic;
 font-stretch:normal;
 font-display:auto;
}
@font-face {
 font-family:nudista-web;
 src:url(https://use.typekit.net/af/05ed64/0000000000000000773598f1/30/l?subset_id=2&fvd=i6&v=3) format("woff2"),
 url(https://use.typekit.net/af/05ed64/0000000000000000773598f1/30/d?subset_id=2&fvd=i6&v=3) format("woff"),
 url(https://use.typekit.net/af/05ed64/0000000000000000773598f1/30/a?subset_id=2&fvd=i6&v=3) format("opentype");
 font-weight:600;
 font-style:italic;
 font-stretch:normal;
 font-display:auto;
}
@font-face {
 font-family:nudista-web;
 src:url(https://use.typekit.net/af/17791c/0000000000000000773598f6/30/l?subset_id=2&fvd=i7&v=3) format("woff2"),
 url(https://use.typekit.net/af/17791c/0000000000000000773598f6/30/d?subset_id=2&fvd=i7&v=3) format("woff"),
 url(https://use.typekit.net/af/17791c/0000000000000000773598f6/30/a?subset_id=2&fvd=i7&v=3) format("opentype");
 font-weight:700;
 font-style:italic;
 font-stretch:normal;
 font-display:auto;
}
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-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: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(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: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.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: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    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: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}



.dnd-section > .row-fluid {
  margin: 0 auto;
}

.dnd-section .dnd-column {
  padding: 0;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}


.row-fluid [class*="span"] {
    margin-left: 0;
}

 
.row-fluid .span1 {
  width: 8.3333%;
}

.row-fluid .span2 {
  width: 16.6667%;
}

.row-fluid .span3 {
  width: 25%;
}

.row-fluid .span4 {
  width: 33.3333%;
}

.row-fluid .span5 {
  width: 41.6667%;
}

.row-fluid .span6 {
  width: 50%;
}

.row-fluid .span7 {
  width: 58.3333%;
}

.row-fluid .span8 {
  width: 66.6667%;
}

.row-fluid .span9 {
  width: 75%;
}

.row-fluid .span10 {
  width: 83.3333%;
}

.row-fluid .span11 {
  width: 91.6667%;
}

.row-fluid .span12 {
  width: 100%;
}

@media (max-width: 767px) {
  
  .row-fluid [class*="span"] {
    display: block;
    float: none !important;
    width: auto !important;
    margin-left: 0;
}
  
  
}



@media (max-width: 428px) {
  .body-wrapper {
    padding: 18px 0 0;
  }
}


.ie .home-banner .hbanner-des {
  margin-top: 7.5%;
}

.ie .footer {
  margin: 30px 0 0;
}





/*==============----  Home Page ---===============*/

.home-page h3 {
      font-size: calc(4.5 * 1rem);
  line-height: 1.032;
  margin: 0;
}

.home-row3 p {
      font-size: calc(.9 * 1rem);
}

.home-row3 .customize-image .cimage-inner img {
      height: 101.354%;
}

.home-row5 .dnd-section>.row-fluid>.span12 {
  width: 75%;
  margin: 0 auto;
}

.home-row5 h3 {
    margin: 0 0 2rem;
}

.home-row5 h4 {
    margin: 2rem 0 0;
}

.home-row5 .custom-btn a {
    font-size: calc(1.1 * 1rem);
}

.partner_information_page .hs_cos_wrapper hr {
  height: 0;
}


@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape) {
  
.home-page h3 {
    font-size: calc((4.5 - 1) * 1.2vw + 1rem);
}
  
  .home-row3 p {
      font-size: calc((.9 - 1) * 1.2vw + 1rem);
}
  
  .home-row5 .custom-btn a {
        font-size: calc((1.1 - 1) * 1.2vh + 1rem);
}

}


@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: portrait) {
  
.home-page h3 {
    font-size: calc((4.5 - 1) * 1.2vh + 1rem);
}
  
  .home-row3 p {
       font-size: calc((.9 - 1) * 1.2vh + 1rem);
}
  
  .home-row5 .custom-btn a {
        font-size: calc((1.1 - 1) * 1.2vh + 1rem);
}
  
}


@media (max-width: 380px) and (min-height: 700px) and (orientation: portrait) {
  .home-row1 h3 {
      font-size: calc((2.5 - 1) * 1.2vh + 1rem);
  }
} 


/*==============----  Full Width Page ---===============*/


.full-width-row1 .span6:last-of-type p:last-child {
  font-size: calc(1.2 * 1rem);
}

.full-width-row1 h4 {
  margin: 2rem 0;
}




.full-width-row3 .custom-btn a {
    font-size: calc(1.1 * 1rem);
}

.full-width-row4 {
  min-height: 33vh;
  display: flex;
  align-items: center;
      justify-content: center;
}


.full-width-row4 .dnd-section>.row-fluid>.span12 .span12 {
  width: 75%;
  margin: 0 auto;
      float: none;
}

.full-width-row4 h2 {
  margin: 0;
}

.full-width-row5>.row-fluid-wrapper>.row-fluid>.span12>*:last-child {
  display: flex;
    align-items: center;
    min-height: 33vh;
}



@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape) {
  
.full-width-row1 .span6:last-of-type p:last-child {
    font-size: calc((1.2 - 1) * 1.2vw + 1rem);
}
  
  .full-width-row3 .custom-btn a {
    font-size: calc((1.1 - 1) * 1.2vw + 1rem);
}
  
}

@media (max-width: 767px) {
  
  .full-width-row4 {
    min-height: 33vh;
    display: flex;
    align-items: center;
  }
  
}


.cyber_midd_dnd .video-section .sec-row {
    width: auto;
    margin: 0;
}


/*==============----  SignUp Page ---===============*/

.contact-row1 form {
  max-width: 100%;
  margin: 0;
  padding: 17px 0 0;
}

.contact-row1 form label {
  -webkit-font-smoothing: subpixel-antialiased;
}

.contact-row1 h4:last-child {
  margin: 2rem 0 0;
}


.contact-row1 .span5 p:last-child {
      font-size: calc(1.2 * 1rem);
}

.contact-row1 .social-links {
    display: block;
    padding: 1px 1px 0;
}

.contact-row1 .social-links a {
  display: inline-block;
    width: 20px;
    height: 20px;
  margin: 0 7px 0 0;
    margin-left: 0;
}

.contact-row1 fieldset.form-columns-2 .hs-form-field:first-child .hs-input {
    width: 90% !important;
}

@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape) {
.contact-row1 .span5 p:last-child {
    font-size: calc((1.2 - 1) * 1.2vw + 1rem);
}
  
}

@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: portrait) {
.contact-row1 .span5 p:last-child {
    font-size: calc((1.2 - 1) * 1.2vh + 1rem);
}
  
}

@media (max-width: 474px) {
  
  .contact-row1 fieldset.form-columns-2 .hs-form-field {
    width: 100% !important;
    float: none !important;
}
  
  .contact-row1 fieldset.form-columns-2 .hs-form-field:first-child .hs-input {
    width: 100% !important;
}
  
  
  
} 




@media (max-width: 350px) and (min-height: 700px) and (orientation: portrait) {
  
  
  .contact-row1 h4:first-of-type {
      font-size: calc((1.4 - 1) * 1.2vh + 1rem);
  }
  
} 


.hs-blog-post .custom-menu-primary ul li.resources>a {
  background-repeat: repeat-x;
    background-size: 1px 1px;
    background-position: 0 calc(100% - 0.1em);
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0);
}
html, body {
    font-size: 16px;
}

body {
  line-height: 1.8;
  background: #000;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  margin: 1rem 0;
}

p:first-child {
  margin: 0 0 1rem;
}

p:last-child {
  margin: 1rem 0 0;
}

img {
  max-width: 100%;
  height: auto;
      vertical-align: top;
}

/* Anchors */

a {
  cursor: pointer;
  text-decoration: none;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 2rem;
      line-height: 1.2;
}

h1 {
    line-height: 1.032;
}

h2 {
    line-height: 1.1136;
}



/* Lists */

ul,
ol {
  margin: 0 0 1rem;
  padding: 0 0 0 40px;
}

.body-container ul {
  margin: 1em 0;
}

.body-container ul:first-child {
  margin-top: 0;
}

.body-container ul:last-child {
  margin-bottom: 0;
}

.body-container ul li {
  list-style: none;
}

.body-container ul li>*,
.body-container ol li>* {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.body-container ul li>*::before {
      padding-right: 10px;
    content: "\2022";
  white-space: pre;
      display: inline-block;
    margin-left: -40px;
    min-width: 40px;
    text-align: right;
    box-sizing: border-box;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
   margin: 0;
  padding: 0;
}

/* Code blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */

hr {
  background-color: #bbb;
  border: none;
  color: #bbb;
  height: 1px;
  margin: 0.5em 0;
  
}
/* Menu and simple menu */
.blog-post__body button{

  background: transparent;
  border: transparent;
  padding: 0px;
  font-size: inherit;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
}

.blog-post__body button:hover,
.blog-post__body button:focus{
  background: transparent;
  border: transparent;


}



.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
button,
.button {
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  text-decoration: none;
}

button:active,
.button:active {
  text-decoration: none;
}
form {
  margin: 0 0 1em;
   max-width: 500px;
  padding: 17px 0;
}


@media (max-width: 767px){
form {
    max-width: 100%;
}
}

/* Form fields */

.field, .hs-form-field,
.hs-search-module input,
.widget-type-password_prompt input[type="password"] {
  margin-bottom: 18px;
      line-height: 1;
}

/* Labels */

form label {
  display: inline-block;
      font-family: helvetica;
    font-size: 13px;
  margin-bottom: 4px;
      font-weight: 500;
    line-height: 20px;
}

/* Help text - legends */

form legend {
  font-size: 0.875rem;
}

/* Inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  background-color: #f5f8fa;
  height: 40px;
      font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #33475b;
    border: 1px solid;
  border-radius: 3px;
  display: inline-block;
  font-size: 0.875rem;
      padding: 0 15px;
    min-height: 27px;
  width: 100% !important;
  outline:0;
}

form textarea { 
  padding: 10px 15px;
      height: auto;
  min-height: 66px;
}

form fieldset {
  max-width: 100% !important;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  padding: 0;
  list-style: none;
      margin: 0 0 5px;
    width: 100%;
    padding-left: 5px;
}

form .inputs-list > li {
     display: block;
    padding: 0;
    width: 100%;
    padding-top: 0;
  line-height: 1;
}

.inputs-list label {
    float: none;
    width: auto;
    padding: 0;
    line-height: 18px;
    white-space: normal;
    font-weight: normal;
}

form .inputs-list > li>*::before {
  display: none;
}

form .inputs-list input,
form .inputs-list span {
  vertical-align: middle;
}

form input[type=checkbox],
form input[type=radio] {
  cursor: pointer;
  margin-right: 0.35rem;
  min-height: unset;
  height: unset;
  width: auto;
}

/* Inputs - datepicker */

.hs-dateinput {
  position: relative;
}

.hs-dateinput:before {
  content:'\01F4C5';
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover,
.fn-date-picker td .pika-button:focus {
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

form input[type=file] {
  background-color: transparent;
  border: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: red;
}

.hs-input.invalid.error {
  border-color: #c87872;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

.hs-error-msgs label {
    color: #f2545b;
      line-height: 18px;
    white-space: normal;
    font-weight: normal;
      font-size: 14px;
  margin: 0 0 4px !important;
}

.actions {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 17px 0px;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  cursor: pointer;
  display: inline-block;
      font-size: 16px;
  font-weight: 700;
    line-height: 16px;
    font-family: helvetica;
  text-align: center;
  transition: all 0.15s linear;
  white-space: pre-wrap;
}

/* Captcha */

.grecaptcha-badge {
      margin: 5px 0 7px 8px;
}

h3.form-title {
  font-size: calc(1.8 * 1rem);
  margin: 0;
  padding: 0 0 17px;
}

@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape) {

h3.form-title {
  font-size: calc((1.8 - 1) * 1.2vw + 1rem);
}
  
}

@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: portrait) {

h3.form-title {
  font-size: calc((1.8 - 1) * 1.2vh + 1rem);
}
  
}



@media(max-width:479px){
.hs_recaptcha.hs-recaptcha.field.hs-form-field {
width: 100% !important;
display: inline-block;
max-width: 300px;
overflow: auto;
overflow-y: hidden !important;
margin: 10px 0;
}
}
/* Table */

table {
  border: 1px solid;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

/* Table Cells */

th,
td {
  border: 1px solid;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  border-bottom: 2px solid;
  vertical-align: bottom;
}
header.header {
  z-index: 10;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  line-height: 1;
  width: 100%;
  padding: 1.5vw 3vw;
  border-bottom: 1px solid #242424;
  transition: padding 140ms ease-in-out;
}

.header-spacer {
  min-height: 129px;
}

.header__container {
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
  align-items: center;
  z-index: 12;
}

.header-left {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 0 67%;
  align-items: center;
}

.header-logo {
  flex-grow: 0;
  flex-shrink: 0;
  backface-visibility: hidden;
  margin-right: 1.7vw;
  font-size: 0;
}

.header-logo a img {
  width: auto !important;
  max-height: 87px;
}

.custom-menu-primary {
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: auto;
}

.custom-menu-primary ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.custom-menu-primary ul li {
  font-size: calc(1.2 * 1rem);
  white-space: nowrap;
  position: relative;
  line-height: 1.8;
}

.custom-menu-primary ul.level-1>li:not(:last-child) {
  margin-right: 1.7vw;
}

.custom-menu-primary ul li a {
  display: block;
  text-decoration: none;
  backface-visibility: hidden;
  padding: 0.1em 0;
}


.custom-menu-primary ul ul {
  pointer-events: none;
  position: absolute;
  top: auto;
  left: -1em;
  padding: 0.5em 1em;
  text-align: left;
  min-width: 200px;
  z-index: 10;
  display: none;
}

.custom-menu-primary ul ul li {
  line-height: 1.3;
}

.custom-menu-primary ul li.has-submenu:hover>ul {
  display: block;
  pointer-events: auto;
}

.header-right {
  flex-grow: 0;
  flex-shrink: 1;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
}



.header-social .social-links a>div {
  transform: scale(1.75);
}

.ie .header-social .social-links a>div {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.header-btn {
  white-space: nowrap;
  margin: 0 0 0 1.7vw;
}

.header-btn a {
  position: relative;
  display: inline-block;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .02em;
  text-transform: none;
  line-height: 1.2em;
  font-size: calc(1 * 1rem);
  text-decoration: none;
  padding: 1.28rem 2.1376rem;
  -webkit-transition: .1s linear;
  -moz-transition: .1s linear;
  -o-transition: .1s linear;
  transition: .1s linear;
  -webkit-backface-visibility: hidden;
}



@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape) {

  .custom-menu-primary ul li {
    font-size: calc((1.2 - 1) * 1.2vw + 1rem);
  }

  .header-btn a {
    font-size: calc((1 - 1) * 1.2vw + 1rem);
  }

}



@media (max-width: 1200px) {
  .header-left {
    flex: 1 0 60%;
  }
  .header-btn a {
    padding: 18px 25px;
  }
}

@media (max-width: 1040px) {
  .custom-menu-primary ul li {
    font-size: 16px;
  }
}


@media (max-width: 990px) {
  .header-left {
    flex: 1 0 50%;
  }
  .custom-menu-primary ul li {
    font-size: 14px;
  }
  .header-btn a {
    padding: 12px 20px;
  }
}

@media (max-width: 935px) {
  .header-logo a img {
    width: auto !important;
    max-height: 70px;
  }
}


@media (max-width: 880px) {
  .header-logo a img {
    width: auto !important;
    max-height: 45px;
  }
}


@media (min-width: 800px) {
  .navbar-toggle,
  .hmob-wrap {
    display: none;
  }
  .custom-menu-primary nav > ul > li > a.active-item,
  .custom-menu-primary nav > ul > li > a.active-branch {
    background-repeat: repeat-x;
    background-size: 1px 1px;
    background-position: 0 calc(100% - 0.1em);
    background-image: linear-gradient(to right,currentColor 100%,currentColor 0);
  }
}

@media (max-width: 799px) {

  .custom-menu-primary,
  .header-right {
    display: none;
  }

  header.header {
    padding: 6vw;
  }

  .header-spacer {
    min-height: 180px;
  }

  .hmob-wrap {
    padding-top: 180px;
  }

  .header-left {
    flex: 1 1 100%;
  }

  .header-logo {
    display: block;
    margin-right: 0;
    font-size: inherit;
  }

  .header-logo a img {
    max-height: 80px;
    vertical-align: unset;
  }

  .navbar-toggle {
    display: flex;
    flex: 0 0 50px;
    width: 50px;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 1px 6px;
    cursor: pointer;
  }

  .burger-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
  }

  .burger-inner {
    width: 100%;
    height: 100%;
  }

  .burger-inner>div {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    content: '';
    width: 100%;
    height: 1px;
    transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1);
    will-change: transform,width;
    background-color: #fff;
  }

  .burger-inner .top-bun {
    transform: translatey(-9.5px);
  }

  .open-menu .burger-inner .top-bun {
    transform: translatex(3.5px) rotate(-135deg);
    width: 28px;
  }

  .burger-inner .patty {
    transform: scalex(.5) translatex(17.5px);
  }

  .open-menu .burger-inner .patty {
    transform: scale(0);
  }

  .burger-inner .bottom-bun {
    transform: translatey(9.5px);
  }

  .open-menu .burger-inner .bottom-bun {
    transform: translatex(3.5px) rotate(135deg);
    width: 28px;
  }

  body.open-menu {
    overflow: hidden;
  }

  .hmob-wrap {
    position: fixed;
    z-index: 11;
    display: flex;
    flex-direction: column;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    will-change: opacity,visibility;
    user-select: none;
    transition: all 400ms;
    font-size: 1.2em;
    transform: translateY(50px);
    background-color: #000;
  }

  .open-menu .hmob-wrap {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    margin: -1px 0 0;
  }

  .header-mob {
    position: relative;
    flex-grow: 1;
    width: 100%;
    transform: translateY(20px);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
    z-index: -1;
    visibility: hidden;
  }

  .open-menu .header-mob {
    transform: translateY(0px);
    z-index: 99;
    visibility: visible;
  }

  .hmob-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow-x: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
  }

  .open-mchild .hmob-inner {
    overflow-x: visible;
  }

  .mobile-menu {
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
    transform: translatex(0%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
  }

  .open-mchild .mobile-menu {
    transform: translatex(-100%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
  }

  .mobile-menu ul {
    list-style: none;
    margin:0;
    padding:0;
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: center;
    flex-direction: column;
  }



  .mobile-menu ul li {
    font-size: 1.2rem;
    line-height: 1;
    width: 100%;
    padding: 0 3vw;
  }

  .mobile-menu ul li a {
    font-size: 6vmin;
    position: relative;
    display: block;
    margin: 5vw 5vw;
    transition: opacity 250ms cubic-bezier(.4,0,.2,1);
    opacity: 1;
    text-decoration: none;
    color: #fff;
  }

  .mobile-menu ul li a:hover {
    color: #fff;
    opacity: 0.9;
  }

  .mobile-menu ul li.has-submenu>a span:after {
    content:'';
    position: relative;
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    vertical-align: middle;
    margin-top: -0.14em;
    transform: rotate(45deg);
    margin-left: 12px;
  }

  .mobile-menu ul ul {
    -webkit-overflow-scrolling: touch;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    max-height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    transform: translatex(100%);
    transition: all .6s cubic-bezier(.4,0,.2,1);
    width: 100%;
    opacity: 0;
    visibility: hidden;

  }

  .open-mchild .mobile-menu ul>li.open-child>ul {
    background: #000;
    transform: translatex(100%);
    opacity: 1;
    visibility: visible;

  }

  .mobile-menu .back-btn {
    padding-bottom: 10px;
    opacity: 0.5;

  }

  .mobile-menu .back-btn a {
    padding: 0 10px;

  }

  .mobile-menu .back-btn .back-icon {
    position: relative;
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    vertical-align: middle;
    margin-top: -0.14em;
    transform: rotate(-135deg);
  }

  .header-social {
    margin: 0 20px 6vw;
    transform: translatex(0%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
    display: block;
  }

  .open-mchild .header-social {
    transform: translatex(-100%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
    display: none;
  }

  .header-social .social-links a {
    margin: 15px 7.5px;
    width: 28px;
    height: 28px;
  }

  .header-btn {
    white-space: nowrap;
    margin: 0;
    transform: translatex(0%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
    display: block;
  }

  .open-mchild .header-btn {
    transform: translatex(-100%);
    transition: transform 600ms cubic-bezier(.4,0,.2,1);
    display: none;
  }

  .header-btn a {
    padding: 1.28rem 2.1376rem;
    margin: 4vw 6vw 6vw;
    min-width: 210px;
    font-size: 1.2rem;
  }



  .mobile-menu ul li a span {
    display: inline-block;
    cursor: pointer;
  }

  .mobile-menu ul> li:nth-child(3)>a .text_inner{

    width: 50px; 

  }




}

@media (max-width: 799px) and (min-height: 900px) {

  .mobile-menu ul ul {
    justify-content: center;
  }

}

@media (max-width: 767px) {

  .mobile-menu ul li a {
    font-size: 6.6vmin;
  }

}
@media (max-width: 575px) {
  .mobile-menu ul li a {
    font-size: 8.5vmin;
  }

  .header-spacer {
    min-height: 150px;
  }

  .hmob-wrap {
    padding-top: 150px;
  }

}


@media (max-width: 450px) {

  .mobile-menu ul ul {
    justify-content: center;
  }
}


@media (max-width: 325px) {

  .header-spacer {
    min-height: 122px;
  }

  .hmob-wrap {
    padding-top: 122px;
  }
}



@media (max-width: 799px) {
  .sticky header.header {
    padding: 2vmax 6vw;
  }

}

@media (max-height: 600px){
  
  .mobile-menu ul ul {
    justify-content: flex-start;
}
}

@media (max-width: 575px) and (max-height: 800px){
  
  .mobile-menu ul ul {
    justify-content: flex-start;
}
}
.footer {
      border-top: 1px solid #242424;
}

.footer p {
  font-size: calc(.9 * 1rem);
}

.footer a {
   text-decoration: underline;
      text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
}

.footer__container {
  padding: calc(20vmax / 5) 3vw 3vw;
      box-sizing: content-box;
}

.footer-row {
  margin: 0 -17px;
}

.footer-row::after {
  content:'';
  display: table;
  clear: both;
}

.footer-col {
  float: left;
}

.footer-col.col4 {
    width: 33.3333%;
}

.footer-col.col3 {
    width: 25%;
}

.footer-col.col5 {
    width: 41.6667%;
}

.footer-col.col9 {
    width: 75%;
}

.fcol-inner {
  padding: 0 17px;
}

.footer-col.col9 h4 {
  margin: 0;
}

.footer-btn {
      position: relative;
    height: auto;
  padding: 17px;
}

.footer-btn a {
  font-size: calc(1 * 1rem);
  font-weight: 600;
    font-style: normal;
    text-transform: none;
  letter-spacing: .02em;
      display: inline-block;
    -webkit-font-smoothing: antialiased;
    line-height: normal;
    padding: 1.6rem 2.672rem;
      text-decoration: none;
      -webkit-transition: .1s linear;
    -moz-transition: .1s linear;
    -o-transition: .1s linear;
    transition: .1s linear;
    -webkit-backface-visibility: hidden;
}

.footer-col.col3 h6 {
  margin: 0 0 1rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
}

.footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

.footer-menu ul li a {
  font-size: calc(1 * 1rem);
  display: block;
  line-height: 1.8;
  text-decoration: underline;
}

.footer-col.span3 {
    width: 60%;
}

.footer-col.span2 {
    width: 40%;
}

.footer-col.span2>.fcol-inner {
  padding: 0 17px 17px;
}

.footer-social {
      position: relative;
    height: auto;
    padding: 17px;
}

.footer-row.row2 .fcol-inner {
  padding: 17px;
}

.footer-row.row2 p {
  margin: 0;
}

.footer-row.row2 hr {
 background-color: rgba(255,255,255,.18);
}

.footer-col.col5 h6 {
      font-size: 1rem;
   margin: 0 0 1rem;
  line-height: 1.8;
}

.footer-col.col5 h6:last-child {
    margin: 1rem 0 0;
}

@media (max-width: 1347px) {
  .footer__container {
    box-sizing: border-box;
}
}

@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape) {
  .footer p {
    font-size: calc((.9 - 1) * 1.2vw + 1rem);
}
  
  .footer-btn a {
        font-size: calc((1 - 1) * 1.2vw + 1rem);
  }
  
}

@media (max-width: 888px) and (min-width: 768px) {
  
  .fsocial-link a:last-child {
        margin: 9px 8px 10px 0;
  }
  
}

@media (max-width: 767px) {
  
  .footer__container {
    padding: calc(20vmax / 5) 6vw 3vw;
}
  
  .fcol-inner,
  .footer-col.span2>.fcol-inner {
    padding: 17px;
  }
  
  .footer-col.col3,
  .footer-col.col4,
  .footer-col.col5,
  .footer-col.col9,
  .footer-col.span3,
  .footer-col.span2 {
    width: 100%;
}
  
  .footer-col.col4 .footer-col.col3 {
    display: none;
  }
  
  
  
}


@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: portrait) {
  .footer p {
    font-size: calc((.9 - 1) * 1.2vh + 1rem);
}
  
  .footer-btn a {
         font-size: calc((1 - 1) * 1.2vh + 1rem);
  }
  
}
.cm-row {
  margin-left: -17px;
  margin-right: -17px;
}
p:first-child {
  margin-top: 0;
}
svg:not(:root) {
  overflow: hidden;
}
.icon--stroke svg {
  stroke-width: 1px;
  fill: transparent;
}
.icon svg {
  width: 100%;
  height: 100%;
}
.icon .caret-right-icon--small,
.icon .caret-left-icon--small {
  width: 9px;
  height: 16px;
}
.visually-hidden {
  position: absolute !important;
  clip: rect(1px,1px,1px,1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}

.schedule-page {
  margin-top: 17px;
}

.compliance-page h2:first-child {
  margin-top: 0;
}

.compliance-page h2:last-child {
  margin-bottom: 0;
}

.compliance-page .mssp_main_dnd .dnd-section {
  min-height: 100vh !important;
}

.compliance-page .mssp_main_dnd .dnd-section>div.row-fluid > div.span12 {
  width: 80%;
  margin: 0 auto;
  float: none;
}
.compliance-page .mssp_main_dnd .dnd-section>div.row-fluid{
  padding-right: 3vw;
  padding-left: 3vw;
  max-width: 1250px;
  box-sizing: content-box;
}

.compliance-page  .cont_wid_img .text_row ul li >* {
  margin: 0;
}

.compliance-page  .cont_wid_img .btn_row {
  margin-top: 12%;
}

.cyber-heath-scorecard-page .theme-banner {
  padding-top: 3.3vmax;
  padding-bottom: 0;
}
.cyber-heath-scorecard-page .banner-area{
  padding-bottom:3.3vmax; 
}

.cyber-heath-scorecard-page h2:first-child {
  margin-top: 0;
}
.cyber-heath-scorecard-page h2:last-child {
  margin-bottom: 0;
}
.cyber-heath-scorecard-page .cyber_main_dnd .dnd-section{
  padding-top: calc(38vmax / 10);
  padding-bottom: calc(38vmax / 10);
}
.cyber-heath-scorecard-page .theme-banner .tbanner-col {
  padding-bottom: 34px;
}
.cyber-heath-scorecard-page .dnd-section[class*="background-image"]:after {
  content: "";
  background-color: #000;
  opacity: 0.15;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.cyber-heath-scorecard-page .dnd-section[class*="background-image"]{
  position:relative; 
}
.cyber-heath-scorecard-page .dnd-section[class*="background-image"] > div{
  position:relative; 
  z-index:1;
}
.cyber_bottom_dnd .widget-type-rich_text a,
.sol_bottom_dnd .widget-type-rich_text a{
  background-repeat: unset;
  background-image: unset;
  background-size: unset;
  background-position: unset;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  text-decoration-skip: auto;
  text-decoration-skip-ink: auto;
}
.cyber_bottom_dnd .dnd-section {
  padding-top: calc(30vmax / 10);
  padding-bottom: calc(30vmax / 10);
}
.cyber-heath-scorecard-page .theme-banner .tcontnt-inner p {
  margin-top: 4%;
}
.solution-page h4:last-child,
.solution-page h1:last-child ,
.solution-page h2:last-child{
  margin-bottom: 0;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
  animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@media screen and (min-width: 1325px){
  .cyber_main_dnd .widget-type-rich_text p,
  .cyber_midd_dnd .widget-type-rich_text p,
  .cyber-heath-scorecard-page .theme-banner .tcontnt-inner p,
  .sol_main_two .widget-type-rich_text p{
    font-size: calc(1.2 * 1rem);
  }

}
@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: landscape){
  .cyber_main_dnd .widget-type-rich_text p,
  .cyber_midd_dnd .widget-type-rich_text p,
  .cyber-heath-scorecard-page .theme-banner .tcontnt-inner p,
  .sol_main_two .widget-type-rich_text p{
    font-size: calc((1.2 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: portrait){
  .cyber_main_dnd .widget-type-rich_text p,
  .cyber_midd_dnd .widget-type-rich_text p ,
  .cyber-heath-scorecard-page .theme-banner .tcontnt-inner p ,
  .sol_main_two .widget-type-rich_text p{
    font-size: calc((1.2 - 1) * 1.2vh + 1rem);
  } 
}

@media screen and (min-width: 768px){
  .cyber_main_dnd .dnd-section>.row-fluid > div.span12,
  .cyber_midd_dnd .dnd-section>.row-fluid > div.span12,
  .sol_main_two .dnd-section>.row-fluid > div.span12 .widget-type-rich_text{
    width: 75%;
    margin: 0 auto;
    float: none;
  }
  .sol_main_one .dnd-section>.row-fluid > div.span12,
  .sol_main_three .dnd-section>.row-fluid > div.span12{
    width: 75%;
  }
}

@media(max-width:767px){
  .schedule-page {
    margin-top: 34px;
  }
  .compliance-page .mssp_main_dnd .dnd-section>div.row-fluid {
    padding-right: 6vw;
    padding-left: 6vw;
    box-sizing: border-box;
  }
}


/*blog  */

.custom-blog-header .dnd-section>.row-fluid>*>*:last-child {
  padding-bottom: 0;
}
.custom-blog-post .blog-index__post-content h2{
  padding-bottom: 10px;
}
.join-newsletter:focus {color: #000;}
@media(max-width:767px){
  .custom-blog-header .dnd-section>.row-fluid>*>*:last-child {
    padding-bottom: 0;
  }
}


@media(max-width:600px){
  .item-pagination-link {
    max-width: 100%;
  }

  .custom_blog_next-previous {
    display: block;
  }

  .item-pagination-link.item-pagination-link--prev {
    margin-top: 20px;
  } 
}
@media(max-width:340px){
  .body-container--blog-post .blog-post-title-wrapper .blog_post_title{
    font-size: calc((4 - 1) * 1.2vh + 1rem);
  }

}




/* acss */



#mssp_page_wrap .theme-banner {
  padding-top: 3.3vmax;
  padding-bottom: 3.3vmax;
}

.flex_row {
  display: flex;
  flex-wrap: wrap;
}


a.grad_btn {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  line-height: normal;
  padding: 1.6rem 2.672rem;
  font-size: calc(1 * 1rem);
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  letter-spacing: .02em;
  text-decoration: none;
  color: #000;
  background: linear-gradient(90deg,#01939a,#259ba0,#14d100) !important;
  -webkit-transition: .1s opacity linear;
  -moz-transition: .1s opacity linear;
  -o-transition: .1s opacity linear;
  transition: .1s opacity linear;
  -webkit-backface-visibility: hidden;
  border: 0;
  border-radius: 0;
}

a.grad_btn:hover {
  opacity: 0.8;
}

#mssp_page_wrap .dnd-section {
  min-height: 66vh;
  display: flex;
  align-items: center;
}

#mssp_page_wrap .dnd-section > .row-fluid {
  width: 100%;
}

#mssp_page_wrap .mssp_midd_dnd .dnd-section {
  min-height: 33vh;
}

#mssp_page_wrap .mssp_bottom_dnd .dnd-section {
  min-height: 30vh;
}

#mssp_page_wrap .banner-section .dnd-section {
  min-height: 33vh;
}

.mssp_bottom_dnd .dnd-section {
  padding-top: calc(30vmax / 10);
  padding-bottom: calc(30vmax / 10);
}


#partner_information_page_wrap .theme-banner .text_wrap {
  margin-top: 4%;
}

#partner_information_page_wrap .banner-section {
  min-height: 33vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#partner_information_page_wrap .banner-section > .container-fluid {
  width: 100%;
}

.theme-banner.bott_contAdd .bottom_section__conent .inner > *:last-child {
  margin-bottom: 0;
}

.part_inf_main_dnd .dnd-section > .row-fluid > .span12.dnd-column > .row-fluid-wrapper.dnd-row > .row-fluid {
  width: 75.6230529595%;
  margin: 0 auto;
}

.part_inf_main_dnd .dnd-section > .row-fluid > .span12.dnd-column > .row-fluid-wrapper.dnd-row {
  padding: 0;
}

.part_inf_midd_dnd .dnd-section > .row-fluid > .span12.dnd-column > .row-fluid-wrapper.dnd-row > .row-fluid {
  width: 75.6230529595%;
  margin: 0 auto;
}

.part_inf_midd_dnd .dnd-section > .row-fluid > .span12.dnd-column > .row-fluid-wrapper.dnd-row {
  padding: 0;
}

.part_inf_midd_dnd .dnd-section {
  position:relative;
}

.part_inf_midd_dnd .dnd-section::before {
  content: '';
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height:100%;
  background-color: rgba(0,0,0,0.15);
}

.part_inf_midd_dnd .dnd-section > .row-fluid {
  position: relative;
  z-index:1;
}



.part_inf_bottom_dnd .dnd-section .hs_cos_wrapper_type_rich_text p,
.part_inf_main_dnd .dnd-section .hs_cos_wrapper_type_rich_text p,
.part_inf_midd_dnd .dnd-section .hs_cos_wrapper_type_rich_text p {
  font-size: calc(1.2 * 1rem);
}

.part_inf_main_dnd .hs_cos_wrapper_type_module hr {
  margin: 0.5em 0 !important;
  background-color: transparent;
}

@media(min-width:1325px){
  #partner_information_page_wrap .theme-banner .text_wrap p {
    font-size: calc(1.2 * 1rem);
  }
}

@media(max-width:1324px){
  .part_inf_bottom_dnd .dnd-section .hs_cos_wrapper_type_rich_text p, .part_inf_main_dnd .dnd-section .hs_cos_wrapper_type_rich_text p, .part_inf_midd_dnd .dnd-section .hs_cos_wrapper_type_rich_text p {
    font-size: calc((1.2 - 1) * 1.2vw + 1rem);
  } 

  #partner_information_page_wrap .theme-banner .text_wrap p {
    font-size: calc((1.2 - 1) * 1.2vw + 1rem);
  }
}

@media screen and (min-width: 0) and (max-width: 1324px) and (orientation: portrait){
  .part_inf_bottom_dnd .dnd-section .hs_cos_wrapper_type_rich_text p,
  .part_inf_main_dnd .dnd-section .hs_cos_wrapper_type_rich_text p, .part_inf_midd_dnd .dnd-section .hs_cos_wrapper_type_rich_text p {
    font-size: calc((1.2 - 1) * 1.2vh + 1rem);
  } 

  #partner_information_page_wrap .theme-banner .text_wrap p {
    font-size: calc((1.2 - 1) * 1.2vh + 1rem);
  }
}



@media(max-width:1024px){
  .part_inf_main_dnd .dnd-section > .row-fluid > .span12.dnd-column > .row-fluid-wrapper.dnd-row > .row-fluid {
    width: 76.023053%;
  } 


}



@media(max-width:767px){
  #mssp_page_wrap .dnd-section .row-fluid [class*="span"] {
    min-height: 0;
  } 

  .part_inf_midd_dnd .dnd-section>.row-fluid>.span12.dnd-column>.row-fluid-wrapper.dnd-row>.row-fluid,
  .part_inf_main_dnd .dnd-section>.row-fluid > .span12.dnd-column > .row-fluid-wrapper.dnd-row >.row-fluid {
    width: 100%;
  }
}