/*!
    Theme Name: Splendor 2019
		Theme URI: 
		Description: Splendor Wordpress Theme
    Version: 1.0
		Author: Splendor 
*/
@import url("https://fonts.googleapis.com/css?family=Karla:400,700");
/*! normalize.css v8.0.0 | 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;
}

.video-placeholder-normal {
	display: none!important; 
	background-color: transparent;
}

/**
 * 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 {
  -webkit-box-sizing: content-box;
          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 */
  -webkit-text-decoration: underline dotted;
          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; }


.style2 a:hover {
	cursor: pointer!important;
}

/**
 * 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 {
  -webkit-box-sizing: border-box;
          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"] {
  -webkit-box-sizing: border-box;
          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; }

.wrapper {
  max-width: 1135px;
  width: 100%;
  margin: 0 auto; }

div#userwayAccessibilityIcon {
	left: -60px;
	bottom: 1px;
}

body .uwy.userway_p3 .userway_buttons_wrapper {
	width: 0px!important;
	left: calc(100vw - 45px)!important;
}

.mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.t {
  display: table;
  width: 100%;
  height: 100%; }

.tt {
  display: table-cell;
  vertical-align: middle;
  text-transform: lowercase;
  padding: 0 25px !important; }

.hide {
  display: none; }

.load-mask, .alm-btn-wrap {
  text-align: center;
  margin-top: 3em; }

.alm-btn-wrap {
  clear: both; }

.btn {
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-color: #003643;
  padding: 8px 40px;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase; }

.btn:hover {
  background: #00596e;
  color: #fff; }


.btn-orange {
  background-color: #8d00bc;
  color: #fff; }

.btn-orange:hover {
  background: #f6870a;
  color: #fff; }

.btn-white {
  border-color: #fff;
  color: #fff; }

.btn-white:hover {
  background: #fff;
  color: #fb9501; }

.load-more, .more, .alm-btn-wrap .alm-load-more-btn {
  font-family: "Karla", sans-serif;
  font-weight: normal;
  outline: 0 none;
  background: none;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: solid 4px #6a6b6c;
  padding: 8px 30px;
  font-size: 13px;
  color: #6a6b6c;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1em; }

.load-more:hover, .more:hover, .alm-btn-wrap .alm-load-more-btn:hover {
  background: #6a6b6c;
  color: #fff; }

.alm-btn-wrap .alm-load-more-btn.done {
  background: #fff;
  color: #6a6b6c; }

.screen-reader-text, .content h2.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

#header {
  background: #fff;
  position: relative;
  z-index: 999; }

#header.menu-open {
  background: #fff !important; }

.transparent #header {
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.transparent .sticky-wrapper {
  height: auto !important; }

.is-sticky #header {
  height: 60px;
  border-bottom: solid 1px #bfbfbf; }

.transparent .is-sticky #header {
  background: #fff; }

#logo {
  background: url(img/logo.svg) no-repeat left center;
  background-size: 100% auto;
  width: 184px;
  height: 154px;
  display: block;
  font-size: 0em;
  text-indent: -9999999px;
  float: left; }

.transparent #logo {
  background-image: url(img/logo-w.svg); }

.is-sticky #logo {
  background-size: 147px 38px;
  height: 60px;
  width: 38px; }

#header.menu-open #logo {
  background-image: url(img/logo.svg) !important; }

#mobile-nav, #mobile-nav-opener {
  display: none; }

#mobile-nav-opener {
  background: url(img/menu.png);
  background-size: 26px 18px;
  position: absolute;
  width: 26px;
  height: 18px;
  cursor: pointer;
  top: 25px;
  right: 5%; }

.is-sticky #mobile-nav-opener {
  top: 21px; }

#mobile-nav {
  font-size: 17px;
  font-weight: normal; }

#mobile-nav ul {
  border-bottom: solid 1px #bfbfbf;
  background: #fff;
  display: none; }

#mobile-nav ul li {
  position: relative;
  border-top: solid 1px #bfbfbf; }

#mobile-nav ul ul {
  border-bottom: 0; }

#mobile-nav ul li a {
  line-height: 44px;
  height: 42px;
  padding: 0 5%;
  display: block;
  color: #6a6b6c; }

#mobile-nav ul li em {
  position: absolute;
  top: 0;
  right: 0;
  border-left: solid 1px #bfbfbf;
  width: 42px;
  height: 42px;
  line-height: 44px;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  cursor: pointer; }

#mobile-nav ul li em:before {
  content: '+'; }

#mobile-nav ul li em.open:before {
  content: '-'; }

#mobile-nav ul ul li a {
  height: 32px;
  line-height: 34px;
  padding-left: 10%; }

#mobile-nav ul ul li em {
  height: 32px;
  line-height: 34px; }

#mobile-nav ul ul ul {
  border-top: solid 1px #bfbfbf;
  padding: 0.5em 0; }

#mobile-nav ul ul ul li {
  border: 0; }

#mobile-nav ul ul ul li a {
  font-size: 0.9em;
  height: auto;
  line-height: 1.6em; }

#nav {
  color: #6a6b6c;
  font-size: 0em;
  font-weight: normal;
  float: right; }

#nav > ul > li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 19px;
  padding: 0 0 0 36px; }

#nav > ul > li > a {
  color: #003644;
  height: 154px;
  line-height: 152px; }

.transparent #nav > ul > li > a {
  color: #fff; }

.is-sticky #nav > ul > li > a {
  height: 60px;
  line-height: 58px; }

.is-sticky #nav > ul > li > a {
  color: #003644; }

#nav > ul > li > a:hover, #nav > ul > li > a.active, #nav > ul > li.current-menu-item > a, #nav > ul > li.current-menu-ancestor > a, #nav > ul > li.current-cat-ancestor > a, #nav > ul > li > a.hover {
  color: #000; }

#sub-nav {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: none; }

#nav nav {
  background: #fff;
  border-top: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  z-index: 200;
  clear: both;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%; }

#nav nav ul li {
  display: block;
  float: left; }

#nav nav ul li a {
  height: 68px;
  line-height: 70px;
  padding: 0 1.750rem;
  color: #6a6b6c;
  font-size: 0.74em;
  font-weight: 400;
  display: block;
  position: relative;
  z-index: 200; }

#nav nav ul li a:hover, #nav nav ul li a.hover, #nav nav ul li a.active, #nav nav ul li.current-menu-item a, #nav nav ul li.current-menu-parent a, #nav nav ul li.current-cat a, #nav nav ul li.current-cat-parent a {
  background: #eaeaea; }

#nav nav ul .sub {
  position: absolute;
  top: 68px;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  display: none; }

#nav nav ul ul {
  display: none; }

#nav nav ul .sub ul {
  display: block; }

#nav nav ul ul li a {
  background: none !important;
  height: 42px;
  line-height: 44px; }

#nav nav ul ul li a:hover, #nav nav ul ul li a.active, #nav nav ul ul li.current-menu-item a, #nav nav ul ul li.current-cat a {
  color: #fb9501; }

#nav nav form {
  float: right; }

#nav nav form .row {
  height: 34px;
  width: 230px;
  border: solid 1px #b6b7b7;
  border-radius: 3px; }

#nav nav form .row, #nav nav form .field {
  overflow: hidden;
  *overflow: visible;
  zoom: 1; }

#nav nav form .field input {
  margin: 0;
  padding: 9px 0 7px 10px;
  outline: 0 none;
  border: 0;
  font: 0.8em "roboto",sans-serif;
  width: 100%; }

#nav nav form button {
  float: right;
  border: 0;
  margin: 0;
  padding: 0;
  outline: 0 none;
  background: url(img/ico-search.svg) no-repeat center center;
  background-size: 19px 17px;
  width: 32px;
  height: 32px;
  cursor: pointer; }

#banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  text-align: center;
  height: 385px; }

#banner h1 {
  color: #fff;
  font: bold 1.9em/1.2em "roboto",sans-serif;
  font-weight: 300;
  text-transform: lowercase;
  padding-top: 65px; }

#banner h1 span {
  font-size: 0.526em;
  color: #fb9501;
  text-transform: uppercase;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: relative;
  font-weight: bold; }

#banner h1 span:before {
  content: '\2606';
  margin-right: 10px; }

#banner h1 span:after {
  content: '\2606';
  margin-left: 10px; }

#banner ul {
  list-style-type: none;
  margin: 0.5em 0 0 0;
  padding: 0; }

#banner ul li {
  color: #fff;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-transform: lowercase; }

#banner ul li:before {
  content: ' | ';
  padding: 0 5px; }

#banner ul li:first-child:before {
  display: none; }

.anniversary {
	width: 1040px;
}

@media (max-width: 1079px) {
	.anniversary {
	width: auto;
}
}

#banner ul li a, #banner ul li time {
  color: #8d00bc; }

#banner ul li a:hover {
  color: #fff; }

#banner img {
  display: none; }

#hero {
  background: url(img/video-placeholder.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  color: #fff;
  text-align: center;
  width: 100%;
  height: 1900px;
  min-height: 720px;
  overflow: hidden; }

#hero video {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover; }

#hero .mask {
  z-index: 2; }

#hero .vid {
  font-size: 2em;
  font-size: 5vw;
  line-height: 1.2em;
  text-transform: lowercase;
  font-weight: 400;
  font-family: "benton-modern-display", serif;
  display: inline-block;
  margin-bottom: 0.5em; }

#hero p {
  font-size: 1.7em;
  font-size: 2vw;
  font-weight: 300;
  text-transform: none;
  line-height: 1.2em; }

#hero .play {
  position: absolute;
  bottom: 3.5em;
  left: 50%;
  width: 5em;
  margin-left: -2.5em;
  color: #fff;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: solid 2px #fff;
  border-radius: 3px;
  height: 2em;
  line-height: 1.8em;
  font-size: 1em;
  color: #fff;
  text-align: center;
  z-index: 3; }

#hero .play:after {
  width: 18px;
  height: 14px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  content: '';
  background: url(img/ico-play.svg) no-repeat center center;
  background-size: 18px 14px;
  margin-left: 10px;
  position: relative;
  top: 2px; }

#hero .play:hover {
  background-color: #fff;
  color: #003643; }

#hero .play:hover:after {
  background: url(img/ico-play-h.svg) no-repeat center center;
  background-size: 18px 14px; }

.content {
  clear: both; }

.content.blank {
  margin: 0 0 !important; }

.content.blank .fwp {
  margin: 0 auto 5em auto !important; }

.content.blank .fwp1 {
  margin: 0 auto 5em auto !important; }

.content h1, 
.featured-posts h1 {
  font-size: 1.9em;
  font-weight: 900;
  color: #000;
  margin-bottom: 1.4em;
  text-align: center;
  text-transform: lowercase;
  line-height: 1.4em; }

.content h2.large {
  font-size: 1.9em; }

.content h3 {
  line-height: 1.4em;
  font-size: 1.4em;
  color: #000;
  margin-bottom: 0.8em; }

.content p {
  margin-bottom: 1.4em; }

.content ul, content ol {
  margin-bottom: 1.4em;
  padding-left: 1em; }

.content p.large, .content ul li.large, .content ul.large {
  font-size: 1.1em; }

.content p.large.orange {
  color: #8d00bc; }

#monitor-slider {
  position: relative; }

#monitor-slider .monitor {
  width: 100%;
  height: auto;
  display: block; }

#monitor-slider .mask {
  padding-top: 3.4%; }

#monitor-slider .cycle-slideshow {
  width: 79.030837004%;
  margin: 0 auto; }

#monitor-slider .cycle-slideshow .slide {
  width: 100%; }

#monitor-slider .cycle-slideshow img {
  display: block;
  width: 100%;
  height: 100%; }

#monitor-slider .prev, #monitor-slider .next {
  position: absolute;
  top: 50%;
  left: 0;
  height: 73px;
  width: 45px;
  background: url(img/arrow-l.svg) no-repeat center center;
  z-index: 200;
  cursor: pointer;
  margin-top: -12%; }

#monitor-slider .next {
  background: url(img/arrow-r.svg) no-repeat center center;
  left: auto;
  right: 0; }

.content .post,
.featured-posts .post {
  margin-bottom: 4em;
  float: left;
  width: 27.5%;
  margin-left: 8.75%; }

.content .post.first,
.featured-posts .post.first {
  clear: both;
  margin-left: 0; }

.content .post img,
.featured-posts .post img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 1em;
  border: 1px solid #e1e1e1; }

.content .post h2,
.featured-posts .post h2 {
  font-size: 1.2em;
  color: #000;
  margin-bottom: 0.5em; }

.content .post time,
.featured-posts .post time {
  color: #6e00bc;
  font-size: 0.9em;
  margin-bottom: 0.8em;
  display: block;
  font-weight: bold; }

.content .post p,
.featured-posts .post p {
  margin-bottom: 0.8em; }

.content .post .more-link,
.featured-posts .post .more-link {
  font-weight: bold;
  color: #8d00bc;
  font-size: 0.9em; }

.content .post .more-link:hover,
.featured-posts .post .more-link:hover {
  color: #003643; }

hr.spacer {
  margin: 3.5em 0; }

.content .iltr,
.content .irtl,
.content .ictc,
.content .ncla,
.content .nctc,
.content .itti,
.content .ig,
.content .fwp,
.content .ic,
.content .case-info,
.content .qr,
.content .ql,
.content .csl,
.content .ci,
.content .ivs,
.content .fwp1 {
  margin: 150px auto 0 auto; }

.content .ivs {
  overflow: hidden;
  position: relative;
  padding-bottom: 40px; }

.content .ivs .cycle-slideshow {
  width: 70%;
  margin: 0 auto;
  overflow: visible !important; }

.content .ivs .slide {
  padding: 0 20px;
  vertical-align: top;
  overflow: hidden !important; }

.content .ivs .slide .video-container {
  width: 100%; }

.content .ivs .slide img {
  width: 100%;
  height: auto; }

.content .ivs .ivsprev,
.content .ivs .ivsnext {
  position: absolute;
  top: 0;
  left: 0;
  width: 15%;
  height: 100%;
  cursor: pointer;
  z-index: 200;
  background: rgba(255, 255, 255, 0.8); }

.content .ivs .ivsnext {
  left: auto;
  right: 0; }

.content .ivs .ivspager {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 200;
  font-size: 0em; }

.content .ivs .ivspager span {
  width: 4%;
  height: 6px;
  background: #dbd8d4;
  cursor: pointer;
  margin: 0 5px;
  z-index: 200;
  display: inline-block;
  zoom: 1;
  text-indent: -999999px; }

.content .ivs .ivspager span:hover,
.content .ivs .ivspager span.cycle-pager-active {
  background: #8d00bc; }

.content .ci {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative; }

.content .ci .text {
  width: 50%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.content .ci .text.inactive {
  visibility: hidden; }

.content .ci .pop-up-content {
  position: absolute;
  top: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  background: #edeff4;
  padding: 80px 60px 0 0;
  text-align: left;
  display: none; }

.content .ci .pop-up-content:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 1000px;
  right: 0;
  top: 0;
  height: 100%;
  background: inherit; }

.content .ci .pop-up-content .close {
  background: url(img/close.png) no-repeat right center;
  background-size: auto 100%;
  line-height: 26px;
  height: 24px;
  padding-right: 40px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2b2b2b;
  position: absolute;
  top: 20px;
  right: 20px;
  letter-spacing: 0.05em;
  cursor: pointer; }

.content .ci .pop-up-content .close:hover {
  color: #8d00bc; }

.content .ci .icons {
  width: 50%;
  position: relative; }

.content .ci .icons ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.content .ci .icons ul li {
  width: 50%;
  margin-bottom: 1.5em;
  text-align: center; }

.content .ci .icons > ul > li > a {
  display: block;
  color: #000;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: normal;
  outline: 0 none; }

.content .ci .icons > ul > li > a:hover,
.content .ci .icons > ul > li > a:focus,
.content .ci .icons > ul > li > a.active {
  color: #000; }

.content .ci .icons ul li a i {
  background: url(img/icons.png) no-repeat 0 0;
  background-size: 75px auto;
  display: block;
  margin: 0 auto;
  width: 75px;
  height: 62px;
  margin-bottom: 1em;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.content .ci .icons > ul > li > a:hover i,
.content .ci .icons > ul > li > a:focus i,
.content .ci .icons > ul > li > a.active i {
  background-image: url(img/icons-o.png); }

.content .ci .icons ul li a i.icon-ico1 {
  background-position: 0 0; }

.content .ci .icons ul li a i.icon-ico2 {
  background-position: 0 -62px; }

.content .ci .icons ul li a i.icon-ico3 {
  background-position: 0 -124px; }

.content .ci .icons ul li a i.icon-ico4 {
  background-position: 0 -186px; }

.content .ci .icons ul li a i.icon-ico5 {
  background-position: 0 -248px; }

.content .ci .icons ul li a i.icon-ico6 {
  background-position: 0 -310px; }

.content .ci .icons ul li a i.icon-ico7, .content .ci .icons ul li a i.icon-ico7a {
  background-position: 0 -372px; }

.content .ci .icons ul li a i.icon-ico8 {
  background-position: 0 -434px; }

.content .ci .icons ul li a i.icon-ico9 {
  background-position: 0 -496px; }

.content .ci .icons ul li a i.icon-ico10 {
  background-position: 0 -558px; }

.content .ci .icons ul li a i.icon-ico11, .content .ci .icons ul li a i.icon-ico11a {
  background-position: 0 -620px; }

.content .ci .icons ul li a i.icon-ico12 {
  background-position: 0 -682px; }

.content .ci .icons ul li a i.icon-ico13 {
  background-position: 0 -744px; }

.content .ci .icons ul li a i.icon-ico14 {
  background-position: 0 -806px; }

.content .ci .icons ul li a i.icon-ico15 {
  background-position: 0 -868px; }

.content .ci .icons ul li a i.icon-ico16 {
  background-position: 0 -930px; }

.content .ci .icons ul li a i.icon-ico17 {
  background-position: 0 -992px; }

.content .ci .icons ul li a i.icon-ico18 {
  background-position: 0 -1054px; }

.content .ci .icons ul li a i.icon-ico19 {
  background-position: 0 -1116px; }

.content .ci .icons ul li a i.icon-ico20 {
  background-position: 0 -1178px; }

.content .ci .icons ul li a i.icon-ico21 {
  background-position: 0 -1240px; }

.content .ci .icons ul li a i.icon-ico22 {
  background-position: 0 -1302px; }

.content .csl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.content .csl aside {
  width: 47%; }

.content .csl .list {
  width: 38%; }

.content .csl .list ul {
  list-style-type: none;
  margin: 0 0 2em 0;
  padding: 0;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  font-size: 0.75em;
  font-weight: normal;
  position: relative; }

.content .csl .list ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  z-index: 1; }

.content .csl .list ul li {
  position: relative;
  padding: 12px 0;
  white-space: nowrap; }

.content .csl .list ul li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 163px;
  height: 1px;
  background-color: #666666;
  z-index: -1; }

.content .csl .list ul li a {
  color: inherit; }

.content .csl .list ul li a:hover {
  color: #8d00bc; }

.content .ci h5,
.content .csl h5,
.content .qr .text h5,
.content .ql .text h5 {
  font-family: 'ivyepic', sans-serif;
  font-weight:900;
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 1em;
 }

.content .ci h2,
.content .csl h2,
.content .qr .text h2,
.content .ql .text h2 {
  font-size: 2.75em;
  color: #000;
  margin-bottom: 0.3em;
  line-height: 1em; }

.content .ci p,
.content .csl p,
.content .qr .text p,
.content .ql .text p {
  line-height: 1.6em; }

.content .fwml {
  margin: -100px auto 0 auto;
  background: #cccccc;
  color: #fff;
  padding: 3em 0 1.5em 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: left; }

.content .fwml1 {
  margin: 150px  auto 0 auto;
  background: #cccccc;
  color: #fff;
  padding: 3em 0 1.5em 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }

.content .fwml1:last-child {
  margin-bottom: -1.6em; }

.content .fwml1 p {
  color: #000; }

.content .fwml .wrapper, .content .fwml1 .wrapper {
  max-width: 1135px; }

.content .fwml #txt-left {
  float: left;
  width: 42%; }

.content .fwml #txt-right {
  float: right;
  width: 42%; }

.content .fwml1 .txt-full {
  color: #ffffff;
  width: 100%; }

.content .fwml h2 {
  color: #003643;
  font-weight: bold;
  line-height: 1em; }

.content .nctc {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
  -column-gap: 40px; }

.content .qr,
.content .ql {
  display: table; }

.content .qr .text,
.content .ql .text {
  width: 50%;
  display: table-cell;
  vertical-align: middle; }

.content .qr .text *:last-child,
.content .ql .text *:last-child {
  margin-bottom: 0; }

.content .qr .text img, .content .ql .text img {
  display: block;
  width: 100%;
  height: 100%; }

.content .qr .quote, .content .ql .quote {
  display: table-cell;
  vertical-align: top;
  font-size: 1.9em;
  line-height: 1.2em;
  color: #000; }

.content .ql .quote cite,
.content .qr .quote cite {
  display: block;
  font-style: normal;
  max-width: 275px;
  margin: 0 auto;
  position: relative;
  padding-top: 1em; }

.content .ql .quote cite {
  margin: 0 auto 0 0; }

.content .ql .quote cite:before,
.content .qr .quote cite:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: #8d00bc;
  width: 140px;
  height: 2px; }

.content .ql .quote cite p,
.content .qr .quote cite p {
  margin-bottom: 0; }

.content .ql .quote cite a,
.content .qr .quote cite a {
  font-size: 13px;
  text-transform: uppercase;
  color: #8d00bc;
  display: inline-block;
  position: relative; }

.content .iltr .icotxt {
  float: right;
  width: 85%; }

.content .case-info aside {
  float: right;
  width: 325px;
  margin-left: 6em; }

.content .case-info, .content .case-info section {
  overflow: hidden;
  *overflow: visible;
  zoom: 1; }

.content .case-info ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1.7em;
  font-size: 1.2em; }

.content .case-info ul i {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 30px;
  height: 31px;
  position: relative;
  top: -3px;
  margin-right: 20px; }

.content .case-info ul i.branding {
  background: url(img/ico-light.svg) no-repeat center center;
  background-size: 20px 31px; }

.content .case-info ul i.web {
  background: url(img/ico-monitor.svg) no-repeat center center;
  background-size: 26px 24px; }

.content .case-info ul i.pres {
  background: url(img/ico-pres.svg) no-repeat center center;
  background-size: 29px 29px; }

.content .case-info ul i.print {
  background: url(img/ico-book.svg) no-repeat center center;
  background-size: 29px 18px; }

.content .case-info ul i.marketing {
  background: url(img/ico-marketing.svg) no-repeat center center;
  background-size: 29px 29px; }

.content .case-info ul i.interactive {
  background: url(img/ico-interactive.svg) no-repeat center center;
  background-size: 29px 29px; }

.content .case-info ul i.advertising {
  background: url(img/ico-world.svg) no-repeat center center;
  background-size: 29px 29px; }

.content .case-info ul i.media {
  background: url(img/ico-media.svg) no-repeat center center;
  background-size: 29px 24px; }

.content .case-info ul i.seo {
  background: url(img/ico-seo.svg) no-repeat center center;
  background-size: 29px 29px; }

.content .ic img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #cecece; }

.content .fwi img {
  display: block;
  width: 100%;
  height: auto; }

.content .iltr figure,
.content .iltr aside,
.content .irtl figure,
.content .irtl aside {
  width: 47.2%; }

.content .iltr figure {
  float: left; }

.content .iltr aside {
  float: right; }

.content .irtl figure {
  float: right; }

.content .irtl aside {
  float: left; }

.content .iltr figure img,
.content .irtl figure img {
  max-width: 100%;
  height: auto;
  display: block; }

.content .ictc {
  text-align: center; }

.content .ictc td {
  line-height: 1.5em !important; }

.content .ictc ul {
  text-align: left !important; }

.content .ictc .logos, .content .fwp .logos, .content .fwp .logos2 {
  margin: 35px 20px;
  max-width: 100%;
  height: auto; }

.content .ictc .logos, .content .fwp1 .logos, .content .fwp1 .logos2 {
  margin: 35px 20px;
  max-width: 100%;
  height: auto; }

.content .ncla, .content .nctc {
  text-align: left !important; }

.content .ncla img, .content .ictc img {
  max-width: 100%;
  height: auto; }

.content .ictc, .content .fwp .wrapper {
  max-width: 920px; }

.content .fwp1 .wrapper {
	 max-width: 920px;
}

.content .ictc.video {
  max-width: 1135px; }

.content .ncla {
  max-width: 700px; }

.content .itti figure {
  width: 50%;
  clear: both; }

.content .itti figure img {
  display: block;
  width: 100%;
  height: auto; }

.content .itti aside {
  width: 45%;
  padding-top: 2.5em; }

.content .ig {
  text-align: center; }

.content .ig figure.left {
  width: 49.64%; }

.content .ig figure.right {
  width: 50.36%; }

.content .ig img {
  width: 100%;
  height: auto;
  display: block; }

.content .fwp {
  background: #8d00bc;
  color: #fff;
  padding: 3em 0 1.5em 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }

.content .fwp1 {
  background: #8d00bc;
  color: #fff;
  padding: 3em 0 1.5em 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }

.content .fwp img {
  margin-bottom: 1.5em; }

.content .fwp1 img {
  margin-bottom: 1.5em; }

.content .fwp ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -moz-column-gap: 75px;
  -webkit-column-gap: 75px;
  text-align: left !important;
  max-width: 90%;
  margin: 0 auto 1.5em auto; }

.content .fwp1 ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -moz-column-gap: 75px;
  -webkit-column-gap: 75px;
  text-align: left !important;
  max-width: 90%;
  margin: 0 auto 1.5em auto; }

.ba_content {
  margin: 50px 0;
}
.ba_content .container {
  max-width: 1200px;
}
.ba_content .before-after-caption {
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 1439px) {
  .ba_content .carousel {
    padding-bottom: 40px;
  }
}

img.bebold {
	display: block;
	position: relative;
	right: auto;
}

@media only screen and (max-width: 1079px) {	
	.video-hero .container p {
		width: 65%;
	}

}

.gambit_baa {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
}
.gambit_baa.slide_on_hover, .gambit_baa.slide_on_click {
  cursor: move;
}
.gambit_baa, .gambit_baa * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.gambit_baa .image_after, .gambit_baa .image_before, .gambit_baa .image_after_container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  z-index: 1;
  overflow: hidden;
}
.gambit_baa .image_after, .gambit_baa .image_after_container, .gambit_baa .image_after_content {
  z-index: 2;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  -webkit-perspective: 0;
  -ms-perspective: 0;
  -o-perspective: 0;
  perspective: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  outline: 1px solid transparent;
}
.gambit_baa .image_after_content, .gambit_baa .image_before_content {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.gambit_baa .baa_content_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.gambit_baa .gambit_baa_slider, .gambit_baa .gambit_baa_slider_button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 10px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 3;
  cursor: pointer;
}
.gambit_baa .gambit_baa_slider_button {
  width: 30px;
  background: #fff;
  z-index: 4;
  cursor: move;
}
.gambit_baa[data-slider-location=top] .gambit_baa_slider, .gambit_baa[data-slider-location=top] .gambit_baa_slider_button {
  bottom: auto;
  top: 0;
}
.gambit_baa[data-slider-location=left] .gambit_baa_slider, .gambit_baa[data-slider-location=left] .gambit_baa_slider_button, .gambit_baa[data-slider-location=right] .gambit_baa_slider, .gambit_baa[data-slider-location=right] .gambit_baa_slider_button {
  height: auto;
  left: auto;
  bottom: 0;
  top: 0;
  right: 0;
  width: 10px;
}
.gambit_baa[data-slider-location=left] .gambit_baa_slider_button, .gambit_baa[data-slider-location=right] .gambit_baa_slider_button {
  height: 30px;
}
.gambit_baa[data-slider-location=left] .gambit_baa_slider, .gambit_baa[data-slider-location=left] .gambit_baa_slider_button {
  right: auto;
  left: 0;
}
.gambit_baa .gambit_baa_vertical_arrows,
.gambit_baa .gambit_baa_horizontal_arrows {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
}
.gambit_baa .gambit_baa_arrow_left,
.gambit_baa .gambit_baa_arrow_right {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  float: left;
}
.gambit_baa .gambit_baa_arrow_left {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #fff;
}
.gambit_baa .gambit_baa_arrow_right {
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 7px solid #fff;
}
.gambit_baa .gambit_baa_vertical_arrows::after {
  content: "";
  background: url("https://splendordesign.com/wp-content/uploads/2024/02/imagearrows.svg") center/55px no-repeat, -o-linear-gradient(165deg, rgba(30, 30, 30, 0.75) 0px, rgba(30, 30, 30, 0.75) 31px, #6E00BC 31px, #6E00BC 36px, rgba(30, 30, 30, 0.75) 36px, rgba(30, 30, 30, 0.75) 65px);
  background: url("https://splendordesign.com/wp-content/uploads/2024/02/imagearrows.svg") center/55px no-repeat, linear-gradient(-90deg, rgba(30, 30, 30, 0.75) 0px, rgba(30, 30, 30, 0.75) 30px, #6E00BC 30px, #6E00BC 0px, rgba(30, 30, 30, 0.75) 0px, rgba(30, 30, 30, 0.75) 65px);
  width: 64px;
  height: 24px;
  position: absolute;
  left: -39px;
  top: -12px;
}
.gambit_baa::before, .gambit_baa .image_after::after {
  content: "";
  text-transform: uppercase;
  display: block;
  position: absolute;
  top: 10px;
  pointer-events: none;
  width: 50px;
  height: 20px;
  background-color: rgba(30, 30, 30, 0.75);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px;
}
.gambit_baa::before {
  right: 10px;
  background-image: url('https://splendordesign.com/wp-content/uploads/2024/02/imagebefore.svg');
  z-index: 2;
}
.gambit_baa .image_after::after {
  left: 10px;
  background-image: url('https://splendordesign.com/wp-content/uploads/2024/02/imageafter.svg');
  z-index: 3;
}
.gambit_baa .gambit_baa_vertical_arrows svg {
  display: none;
}
.gambit_baa .gambit_baa_arrow_up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
}
.gambit_baa .gambit_baa_arrow_down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #fff;
}
	
.ba_content button.flickity-button.flickity-prev-next-button.next, .ba_content button.flickity-button.flickity-prev-next-button.previous {
	display: none;
}

.hero-animated-svg svg {
    /* Add custom animations */
    animation: svgAnimation 2s infinite;
}

@keyframes svgAnimation {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}


#grid .item {
  width: 33.3333333333%;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  float: left; }

.main #grid .item {
  width: 25%; }

#grid .item a {
  display: block;
  position: relative;
  color: #fff;
  letter-spacing: -0.05em;
  line-height: 1.4em;
  font-weight: normal; }

#grid .item a .mask {
  background: #003644;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

#grid .item a:hover .mask {
  opacity: 1; }

#grid .item img {
  display: block;
  width: 100%;
  height: auto;
  border: 0; }

#breadcrumb {
  padding-left: 1.75em;
  color: #6c6c69;
  margin-bottom: 2.5em;
  text-transform: lowercase; }

#breadcrumb ul {
  font-size: 0em;
  line-height: 34px; }

#breadcrumb ul li {
  font-size: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1; }

#breadcrumb ul li:before {
  content: '\2022';
  font-size: 0.5em;
  position: relative;
  top: -2px;
  padding: 0 10px; }

#breadcrumb ul li:first-child:before {
  display: none; }

#breadcrumb ul li a {
  color: #6c6c69;
  font-size: 0.8em; }

#breadcrumb ul li a:hover, #breadcrumb ul li a.active {
  color: #6E00BC; }

#breadcrumb aside {
  float: right; }

#breadcrumb .prev, #breadcrumb .next, #breadcrumb .back {
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 34px;
  width: 12px;
  background: url(img/arrow-l.svg) no-repeat center center;
  margin-left: 35px;
  background-size: 12px 21px;
  outline: 0 none;
  font-size: 0em;
  text-indent: -999999px;
  vertical-align: middle;
  cursor: pointer; }

#breadcrumb .next {
  background: url(img/arrow-r.svg) no-repeat center center;
  background-size: 12px 21px; }

#breadcrumb .back {
  background: url(img/back.png) no-repeat center center;
  background-size: 53px 34px;
  width: 53px;
  height: 34px; }

.content .image {
  border: solid 1px #cecece;
  display: block;
  margin-bottom: 3em; }

.content .image img {
  max-width: none;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.content .column {
  width: 47%; }

.content .column h2 {
  margin-bottom: 0.5em; }

/* .content .column a {
  color: #fb9501; }

.content .column a:hover {
  color: #003644; } */

.main .content hr {
  margin: 3.5em 0; }

.main .content h1 {
  font-size: 3em;
  margin-bottom: 1em; }

.content hr.spacer {
  margin-top: 2.75em; }

.inner-nav {
  border-top: solid 1px #bfbfbf;
  border-bottom: solid 1px #bfbfbf;
  padding: 2em 0;
  margin-bottom: 3.5em; }

.inner-nav a {
  font-size: 0.9em;
  font-weight: bold;
  color: #8d00bc; }

.inner-nav a:hover {
  color: #c800ca; }

.inner-nav a.prev {
  float: left; }

.inner-nav a.next {
  float: right; }

.inner-nav .prev:before {
  content: '\2794';
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  position: relative;
  top: -1px;
  margin-right: 10px; }

.inner-nav .next:after {
  content: '\2794';
  margin-left: 10px; }

#grid.work-grid .row {
  position: relative; }

#grid.work-grid .row .item-big {
  float: right;
  width: 60%; }

#grid.work-grid .row .item-small {
  width: 40%;
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  overflow: hidden; }

#grid.work-grid .row .item:nth-child(3n+0) {
  top: 50%; }

#grid.work-grid .item-small a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover; }

#grid.work-grid .item-small img {
  width: 100%;
  height: auto;
  visibility: hidden; }

#grid.work-grid .row:nth-child(2n) .item-big {
  float: none; }

#grid.work-grid .row:nth-child(2n) .item-small {
  left: 60%; }

#grid.work-grid .item a,
#grid.case .item a {
  font-size: 36px;
  letter-spacing: 0.025em; }

#grid.work-grid .item a p,
#grid.case .item a p {
  line-height: 1.4em;
  font-size: 18px;
  display: block;
  max-width: 400px;
  margin: 0.2em auto 0 auto;
  font-weight: normal;
  letter-spacing: normal; }

#grid.work-grid .item ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.5em; }

#grid.work-grid .item ul li {
  display: inline-block;
  zoom: 1;
  vertical-align: top; }

#grid.work-grid .item ul li:before {
  content: ' + ';
  color: #8d00bc;
  position: relative;
  top: -2px; }

#grid.work-grid .item ul li:first-child:before {
  display: none; }

#grid.case .item {
  width: 50%; }

#grid.case .item small {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: #8d00bc;
  text-transform: uppercase;
  font: 400 13px "roboto",sans-serif;
  letter-spacing: 0.05em;
  border: solid 4px #8d00bc;
  padding: 8px 30px;
  margin-top: 1em;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#grid.case .item small:hover {
  color: #fff;
  background-color: #8d00bc; }

#team-grid {
  max-width: 1491px;
  margin: 3em auto; }

#team-grid .member-sizer,
#team-grid .member {
  width: 33.3333333333%; }

#team-grid .member-w2 {
  width: 66.6666666667%; }

#team-grid .member a {
  display: block;
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.2em;
  text-transform: lowercase; }

#team-grid .member img {
  display: block;
  width: 100%;
  height: auto; }

#team-grid .member a .mask {
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

#team-grid .member a:hover .mask {
  opacity: 1; }

#team-grid .member a em {
  display: block;
  font-style: normal;
  text-transform: uppercase;
  font-size: 0.714em;
  font-weight: 300; }

.testimonial-mask {
  overflow: hidden; }

.testimonial-mask .wrapper {
  position: relative; }

.testimonial-mask .prev,
.testimonial-mask .next {
  position: absolute;
  left: -100px;
  height: 73px;
  width: 46px;
  background: url(img/arrow-lo.svg) no-repeat center center;
  z-index: 200;
  cursor: pointer;
  top: 300px; }

.testimonial-mask .next {
  background: url(img/arrow-ro.svg) no-repeat center center;
  left: auto;
  right: 0; }

#main-about {
  margin: 5em 0;
  text-align: center; }

#main-about .wrapper {
  max-width: 920px; }

#main-about h1 {
  font-size: 1.8em;
  font-weight: 300;
  color: #8d00bc;
  margin-bottom: 0.9em; }

#main-about p {
  line-height: 1.4em;
  margin-bottom: 1.4em; }

#main-about a {
  text-transform: uppercase;
  font-weight: bold; }

.main-tabs {
  background: #f8f8f8;
  border-top: 2px solid #fc8e1b;
  position: relative; }

.main-tabs .tab-content {
  display: none;
  padding: 5em 0; }

.main-tabs .open {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 110px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  z-index: 200;
  background: #fc8e1b;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  margin-left: -55px;
  outline: 0 none; }

.main-tabs .open:after {
  content: '+';
  padding-left: 10px; }

.main-tabs .open.opened:after {
  content: '-'; }

.main-tabs p {
  line-height: 1.4em;
  margin-bottom: 1.4em; }

.main-tabs h3 {
  font-size: 24px;
  color: #000000; }

.main-tabs .column {
  width: 50%;
  float: left;
  padding-left: 20px; }

.main-tabs .column:first-child {
  padding-left: 0;
  padding-right: 20px; }

#main-cases .cycle-slideshow, #main-cases .cycle-slideshow .slide {
  width: 100%; }

#main-cases .cycle-slideshow .slide {
  background: #8d00bc;
  position: relative; }

#main-cases .prev,
#main-cases .next {
  position: absolute;
  top: 50%;
  left: 10px;
  height: 73px;
  width: 46px;
  background: url(img/arrow-lw.svg) no-repeat center center;
  z-index: 200;
  cursor: pointer;
  margin-top: -36px; }

#main-cases .next {
  background: url(img/arrow-rw.svg) no-repeat center center;
  left: auto;
  right: 10px; }

#preview.cycle-single .prev, #preview.cycle-single .next {
  display: none; }

#preview .slide .item {
  position: relative;
  width: 50%;
  float: left;
  color: #fff; }

#preview .slide .item figure img {
  width: 100%;
  height: auto;
  display: block; }

#preview .slide .item .tt {
  padding: 0 !important; }

#preview .slide .item article {
  margin: 0 auto;
  max-width: 400px;
  text-align: center; }

#preview .slide .item a {
  color: #fff; }

#preview .slide .item h2 {
  font-size: 1.8em;
  font-family: 'ivyepic', sans-serif;
  font-weight:900;
  margin-bottom: 0.1em; }

#preview .slide .item p {
  line-height: 1.4em;
  margin-bottom: 0;
  font-size: 1em; }

#preview .slide .item .awd {
  float: left;
  margin-left: 2em;
  margin-top: 1em; }

#preview .slide .item .mask {
  background: rgba(0, 0, 0, 0.72);
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }

#preview .slide .item .mask:hover {
  opacity: 1; }

#preview ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  font-size: 1em;
  float: left; }

#preview ul i {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 30px;
  height: 31px;
  position: relative;
  top: -3px;
  margin-right: 20px; }

#preview ul i.branding {
  background: url(img/ico-light-w.svg) no-repeat center center;
  background-size: 20px 30px; }

#preview ul i.web {
  background: url(img/ico-monitor-w.svg) no-repeat center center;
  background-size: 26px 24px; }

#preview ul i.print {
  background: url(img/ico-book-w.svg) no-repeat center center;
  background-size: 29px 18px; }

#preview ul i.marketing {
  background: url(img/ico-marketing-w.svg) no-repeat center center;
  background-size: 29px 29px; }

#preview ul i.media {
  background: url(img/ico-media-w.svg) no-repeat center center;
  background-size: 29px 24px; }

#preview ul i.seo {
  background: url(img/ico-seo-w.svg) no-repeat center center;
  background-size: 29px 24px; }

#preview ul i.advertising {
  background: url(img/ico-world-w.svg) no-repeat center center;
  background-size: 29px 24px; }

#preview ul i.interactive {
  background: url(img/ico-interactive-w.svg) no-repeat center center;
  background-size: 29px 24px; }

#preview ul i.pres {
  background: url(img/ico-pres-w.svg) no-repeat center center;
  background-size: 29px 24px; }

#main-core {
  padding: 5em 0 6em 0;
  background: #f8f8f8; }

#main-core .wrapper {
  max-width: 1100px; }

#main-core, #main-core .tab-content {
  overflow: hidden;
  *overflow: visible;
  zoom: 1; }

#main-core h2 {
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.75em;
  text-align: center; }

#main-core h3 {
  font-family: 'ivyepic', sans-serif;
  font-weight:900;
  font-size: 18px;
  font-weight: bold !important;
  text-transform: uppercase;
  margin-bottom: 0.7em;
  color: #307c8c;
}

#main-core .articles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

#main-core article {
  text-align: center; }

#main-core article ul {
  line-height: 1.5em;
  font-size: 17px;
  list-style-type: none;
  padding: 0;
  margin: 0;
  color: #000000; }

#main-clients {
  margin: 5em 0;
  text-align: center; }

#main-clients h2 {
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 1em; }

#main-clients .grid {
  font-size: 0em; }

#main-clients .item {
  width: 33.33333%;
  text-align: center;
  margin: 20px 0;
  vertical-align: top;
  display: inline-block;
  zoom: 1; }

#main-clients .item:nth-child(3n+1) {
  text-align: left; }

#main-clients .item:nth-child(3n+3) {
  text-align: right; }

#main-clients .item a {
  display: block;
  position: relative; }

#main-clients .item a span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

#main-clients .item a:hover > img {
  opacity: 0; }

#main-clients .item a:hover span {
  opacity: 1; }

#main-clients .item img {
  width: auto;
  height: 100%;
  max-height: 100px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

#main-resource {
  background: url(img/bg-resource.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 4em; }

#main-resource h2 {
  text-align: center;
  color: #fff;
  font-size: 3em;
  font-weight: 300;
  margin-bottom: 0.8em; }

#main-resource figure {
  width: 50%;
  background: #577a91;
  padding: 12px 12px 0 12px;
  float: left; }

#main-resource figure img {
  display: block;
  width: 100%;
  height: auto; }

#main-resource aside {
  text-align: right;
  color: #fff;
  width: 45%;
  float: right;
  padding-top: 2em; }

#main-resource aside h3 {
  font-size: 1.9em;
  margin-top: 0.7em;
  margin-bottom: 0.7em; }

#main-resource aside p {
  line-height: 1.4em;
  margin-bottom: 1.4em; }

#main-resource ul {
  padding-left: 0 !important; }

#main-resource .gform_wrapper {
  width: 70%;
  text-align: right;
  margin-left: auto; }

#main-resource .gform_wrapper .gform_body {
  width: 100% !important; }

#main-resource .gform_wrapper div.validation_error {
  display: none; }

#main-resource .gform_wrapper .gform_footer input.button,
#main-resource .gform_wrapper .gform_footer input[type=submit],
#main-resource .gform_wrapper .gform_page_footer input.button,
#main-resource .gform_wrapper .gform_page_footer input[type=submit] {
  border: solid 2px #f89100;
  border-radius: 3px;
  color: #fff;
  background-color: #f89100;
  outline: 0 none;
  margin: 0 0 0 auto;
  padding: 0;
  float: right;
  font: 1em "roboto",sans-serif;
  padding: 15px 40px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#main-resource .gform_wrapper .gform_footer input.button:hover,
#main-resource .gform_wrapper .gform_footer input[type=submit]:hover,
#main-resource .gform_wrapper .gform_page_footer input.button:hover,
#main-resource .gform_wrapper .gform_page_footer input[type=submit]:hover {
  background: transparent;
  color: #f89100; }

#main-resource .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
  margin-top: 17px !important; }

#main-resource .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: 1px solid #08436c;
  color: #08436c;
  font: 1.150em "roboto",sans-serif;
  outline: 0 none;
  padding: 11px 15px 9px 15px;
  margin: 0; }

#main-resource .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #main-resource .gform_wrapper li.gfield_error textarea {
  border: 1px solid #f89100;
  background-color: #faebd7; }

#main-resource .gform_wrapper .top_label div.ginput_container {
  margin: 0; }

#main-resource ::-webkit-input-placeholder {
  color: #08436c; }

#main-resource :-moz-placeholder {
  color: #08436c; }

#main-resource ::-moz-placeholder {
  color: #08436c; }

#main-resource :-ms-input-placeholder {
  color: #08436c; }

#main-resource .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, #main-resource .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin: 0; }

#main-resource .gform_wrapper li.gfield.gfield_error, #main-resource .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  margin: 0 !important;
  background: none;
  padding: 0;
  border: 0; }

#main-resource .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none; }

#main-twitter {
  background: #033845;
  padding: 2.5em 0;
  color: #fff;
  text-align: center;
  line-height: 1.4em; }

#main-twitter .wrapper {
  overflow: hidden; }

#main-twitter .prev,
#main-twitter .next {
  position: absolute;
  top: 50%;
  left: 0;
  height: 37px;
  width: 24px;
  background: url(img/arrow-lw.svg) no-repeat center center;
  z-index: 200;
  cursor: pointer;
  margin-top: -16px; }

#main-twitter .next {
  background: url(img/arrow-rw.svg) no-repeat center center;
  left: auto;
  right: 0; }

#main-twitter .slide {
  background: url(img/ico-twitter.svg) no-repeat 11% center;
  background-size: 72px 55px;
  width: 100%; }

#main-twitter a {
  color: #fff; }

#main-twitter a:hover {
  color: #8d00bc; }

#main-twitter p {
  max-width: 720px;
  margin: 0 auto;
  white-space: normal; }

#get-started {
  background: url(img/map.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  font-weight: normal; }

#get-started .wrapper {
  position: relative;
  height: 555px; }

#get-started figure {
  height: 88%;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48%;
  text-align: center; }

#get-started figure img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: auto; }

#get-started aside {
  width: 48%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%; }

#get-started h2 {
  font-size: 3em;
  color: #003643; }

#get-started h3 {
  color: #8d00bc;
  font-size: 1.7em;
  margin-bottom: 0.4em; }

#get-started p {
  font-size: 1.2em;
  color: #003643;
  line-height: 1.4em;
  margin-bottom: 1em; }

#bottom-contact {
  background: #8d00bc;
  color: #fff;
  font-weight: normal; }

#bottom-contact .wrapper {
  padding: 30px 0; }

#bottom-contact .hubspot {
  float: right;
  height: 118px;
  width: auto; }

#bottom-contact .widget {
  background: url(img/s.svg) no-repeat left center;
  background-size: 118px 118px;
  min-height: 118px;
  float: left;
  padding: 14px 0 14px 154px; }

#bottom-contact .widget h5 {
  font-size: 1.5em; }

#bottom-contact .widget p {
  font-size: 2.1em;
  color: #003643;
  font-family: "benton-modern-display", serif;
  font-style: normal !important;
  font-weight: 400 !important; }

#bottom-contact .widget address {
  font-size: 0.7em;
  font-style: normal; }

#bottom-nav {
  background: #003643;
  padding: 35px 0;
  font-weight: normal; }

#bottom-nav nav {
  float: left;
  padding: 25px 50px 25px 30px;
  line-height: 1em;
  border-right: solid 1px #193e54; }

#bottom-nav nav:first-child {
  padding-left: 0; }

#bottom-nav nav ul li a {
  color: #8d00bc;
  display: block;
  margin-bottom: 0.2em; }

#bottom-nav nav ul li a:hover {
  color: #fff; }

#bottom-nav nav ul ul li a {
  font-size: 0.7em;
  color: #cecdcc;
  margin-bottom: 0;
  display: block; }

#bottom-nav nav ul ul li a:hover {
  color: #fff; }

#bottom-nav .social {
  float: right;
  padding-top: 25px; }

#bottom-nav .social h6 {
  color: #8d00bc;
  font-size: 1em;
  margin-bottom: 0.4em; }

#bottom-nav .social div {
  font-size: 0em;
  margin-left: -16px; }

#bottom-nav .social a {
  background: url(img/social.svg) no-repeat 0 0;
  background-size: 234px 42px !important;
  font-size: 0em;
  text-indent: -9999px;
  width: 46px;
  height: 42px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-left: solid 1px #25546b;
  -webkit-transition: all .0s ease-in-out;
  transition: all .0s ease-in-out; }

#bottom-nav .social a:first-child {
  border: 0; }

#bottom-nav .social a:hover {
  background: url(img/social-h.svg) no-repeat 0 0; }

#bottom-nav .social a.facebook {
  background-position: 0 0; }

#bottom-nav .social a.twitter {
  background-position: -47px 0; }

#bottom-nav .social a.linkedin {
  background-position: -94px 0; }

#bottom-nav .social a.instagram {
  background-position: -141px 0; }

#bottom-nav .social a.google {
  background-position: -188px 0; }

#footer {
  background: #001825;
  padding: 30px 0;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #fff; }

#footer ul {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0; }

#footer ul li {
  display: inline-block;
  *display: inline;
  zoom: 1; }

#footer ul li:before {
  content: ' | ';
  padding: 0 5px; }

#footer ul li:first-child:before {
  display: none; }

#footer ul li a {
  color: inherit; }

#footer ul li a:hover {
  color: #cecdcc; }

#footer p {
  font-size: 12px; }

#gallery-1 img, #gallery-2 img, #gallery-3 img, #gallery-4 img, #gallery-5 img, #gallery-6 img {
  border: none !important; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed, .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.mapplic-tooltip {
  background-color:#6e00bc!important; }

.mapplic-tooltip-description, .mapplic-tooltip p {
  color:#fff!important;
  font-family:karla,sans-serif!important;
  font-size:16px!important; }

 h4.mapplic-tooltip-title {
  color:#fff!important;
  font-family:karla,sans-serif !important;
	 font-size:24px!important;
  }

.mapplic-tooltip-triangle {
  border-color:#6e00bc transparent transparent!important; }

.mapplic-bottom .mapplic-tooltip-triangle {
  border-color:transparent transparent #6e00bc!important; }

.mapplic-tooltip-close {
  background-image: url(img/cross.png) !important; }

.content .fwml1 .svc-logos {
  float: left;
  padding: 10px;
  margin: 10px 10px 50px;
  width: 18%;
  height: 175px;
  color: #000; }

.content .fwml1 .svc-logos img {
  padding-bottom: 15px;
  border-bottom: solid 7px #8d00bc;
  margin-bottom: 10px; }

.content .fwml1 .svc-logos a {
  color: black !important; }

.content .fwp .ind-logos {
  float: left;
  padding: 15px;
  margin: 15px;
  width: 21%;
  height: 150px;
  color: #ffffff; }

.content .fwp .ind-logos img {
  padding-bottom: 15px;
  border-bottom: solid 7px #8d00bc;
  margin-bottom: 10px; }

.content .fwp .ind-logos a {
  color: #ffffff !important; }

.content hr.orange {
  height: 7px;
  background-color: #8d00bc;
  color: #8d00bc;
  width: 140px;
  margin: -12px 0 25px 0;
  border: 0 none; }

.content hr.blue {
  height: 7px;
  background-color: #327c8d;
  color: #327c8d;
  width: 140px;
  margin: -12px 0 25px 0;
  border: 0 none; }

.content hr.grey {
  height: 7px;
  background-color: #cccccc;
  color: #cccccc;
  width: 140px;
  margin: -12px 0 25px 0;
  border: 0 none; }

.content hr.green {
  height: 7px;
  background-color: #57bdcc;
  color: #57bdcc;
  width: 140px;
  margin: -12px 0 25px 0;
  border: 0 none; }

.content hr.orange.ctr, .content hr.blue.ctr, .content hr.grey.ctr, .content hr.green.ctr {
  margin: -12px auto 25px auto !important; }

#landing h2 {
  font-size: 38px;
  line-height: 1.2em;
  margin-bottom: 18px; }

#landing header {
  background-color: #043643;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center; }

#landing header h1 {
  text-align: center;
  margin: 170px auto;
  max-width: 57%; }

#landing header img {
  height: auto;
  max-width: 100%; }

#landing header p {
  margin: 0; }

#landing header .screen {
  margin-bottom: -125px;
  position: relative;
  z-index: 2; }

#landing .text {
  background-color: #f3f3f3;
  padding: 130px 0 100px 0;
  text-align: center;
  position: relative;
  color: #5c5c5c;
  font-size: 22px; }

#landing .text .wrapper {
  max-width: 580px; }

#landing .text p {
  line-height: 1.6em; }

#landing .text p strong {
  font-size: 58px;
  line-height: 1.2em;
  font-family: "benton-modern-display", serif;
  font-weight: 400 !important; }

.view_our_work {
  position: absolute;
  bottom: -56px;
  left: 53%;
  z-index: 2;
  outline: 0 none;
  pointer-events: none; }

#landing .text .play {
  position: absolute;
  bottom: -26px;
  left: 50%;
  margin-left: -26px;
  background: url(img/play.png) no-repeat center center;
  background-size: auto 24px;
  background-color: #8d00bc;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  font-size: 0em;
  text-indent: -999999px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
  z-index: 2;
  outline: 0 none; }

#landing .text .play:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border: solid 4px #8d00bc;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 66px;
  height: 66px;
  border-radius: 66px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#landing .text .play:hover {
  background-color: #003643; }

#landing .text .play:hover:before {
  border-color: #003643; }

#landing main {
  padding: 160px 0 100px 0;
  background: url(img/gradient.png) repeat-x center bottom #fff;
  position: relative;
  text-align: center;
  font-size: 22px;
  color: #5c5c5c; }

#landing main .image {
  position: absolute;
  left: 0;
  width: 50%;
  top: -100px;
  padding-right: 80px; }

#landing main .image img {
  max-width: 100%;
  height: auto; }

#landing main .aside {
  width: 50%;
  margin-left: auto;
  text-align: left; }

#landing main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0;
  column-gap: 0;
  font-size: 17px;
  color: #5c5c5c;
  margin-top: 50px; }

#landing main ul li {
  margin-bottom: 25px; }

#landing main ul li i {
  margin-right: 15px;
  width: 52px;
  height: 52px;
  border: solid 2px #8d00bc;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative; }

#landing main ul li i.icon_branding {
  background-position: 0 0; }

#landing main ul li i.icon_web_design {
  background-position: 0 -48px; }

#landing main ul li i.icon_print {
  background-position: 0 -96px; }

#landing main ul li i.icon_video {
  background-position: 0 -144px; }

#landing main ul li i.icon_email_marketing {
  background-position: 0 -192px; }

#landing main ul li i.icon_digital {
  background-position: 0 -240px; }

#landing main ul li i.icon_seo {
  background-position: 0 -288px; }

#landing main ul li i.icon_pr {
  background-position: 0 -336px; }

#landing main ul li i.icon_social {
  background-position: 0 -384px; }

#landing main ul li i.icon_apps {
  background-position: 0 -432px; }

#landing main ul li i:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  content: '.';
  color: transparent;
  background-color: #8d00bc;
  z-index: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#landing main ul li i:after {
  content: '';
  background: url("img/icons_w.png") no-repeat 0 0;
  background-size: 100% auto;
  background-position: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#landing main ul li:hover i:after {
  background-image: url("img/icons_o.png"); }

#landing main ul li:hover i:before {
  visibility: none;
  opacity: 0;
  width: 1px;
  height: 1px; }

#landing main .testimonials {
  margin-top: 180px;
  text-align: center;
  overflow: hidden; }

#landing .testimonials .grid {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 60px;
  font-size: 0em; }

#landing .testimonials .cycle-slideshow {
  width: 100%;
  display: none;
  margin-top: 50px; }

#landing .testimonials .cycle-slideshow .pager {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0em;
  z-index: 200; }

#landing .testimonials .cycle-slideshow .pager span {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  margin: 0 5px;
  text-indent: -9999999px;
  background: #5c5c5c;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  cursor: pointer; }

#landing .testimonials .cycle-slideshow .pager span:hover,
#landing .testimonials .cycle-slideshow .pager span.cycle-pager-active {
  background: #8d00bc; }

#landing .testimonials blockquote {
  width: 33.333333%;
  padding: 0 15px;
  margin: 0;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  font-size: 19px;
  color: #5c5c5c; }

#landing .testimonials .cycle-slideshow blockquote {
  width: 100%;
  padding: 0 0 30px 0; }

#landing .testimonials blockquote div {
  border: solid 1px #d0cacc;
  padding: 60px 30px 90px 30px;
  background: #fff; }

#landing .testimonials .cycle-slideshow blockquote div {
  height: auto !important; }

#landing .testimonials blockquote div * {
  line-height: 1.4em;
  margin-bottom: 1em; }

#landing .testimonials blockquote div *:last-child {
  margin-bottom: 0; }

#landing .testimonials blockquote figure {
  border-radius: 50%;
  display: block;
  margin: 0 auto -20px auto;
  position: relative;
  top: -50px;
  border: solid 4px #8d00bc;
  width: 101px; }

#landing .testimonials blockquote img {
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 100%;
  height: auto; }

#landing .testimonials blockquote cite {
  font-size: 24px;
  font-style: normal;
  line-height: 1.4em; }

#landing .testimonials blockquote cite small {
  font-size: 18px;
  color: #8d00bc;
  line-height: inherit;
  display: block; }

#landing .form {
  background: url("img/lnd_contact.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 120px 0 80px 0;
  position: relative; }

#landing .form:before {
  content: '';
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-top: 32px solid #eff9fc;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -32px; }

#landing .form:after {
  content: '';
  background: url("img/lnd_arrow_down.png") no-repeat center top;
  background-size: 32px auto;
  top: 0;
  left: 50%;
  margin-left: -32px;
  position: absolute;
  width: 64px;
  height: 32px; }

#landing footer {
  padding: 70px 0;
  background: #fff;
  text-align: center; }

#landing footer .logo {
  background: url(img/logo.svg) no-repeat left center;
  background-size: 172px 43px;
  width: 172px;
  height: 43px;
  display: inline-block;
  zoom: 1;
  vertical-align: top; }

#landing footer address {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  margin-left: 111px;
  font-size: 17px;
  font-style: normal;
  color: #02222e;
  line-height: 1.5em;
  text-align: left; }

#landing footer a {
  color: inherit; }

#landing footer a:hover {
  color: #8d00bc; }

#landing .gform_wrapper {
  margin-top: 50px; }

#landing .gform_wrapper .gform_body {
  margin-right: -16px;
  width: auto; }

#landing ::-webkit-input-placeholder {
  color: #fff; }

#landing :-moz-placeholder {
  color: #fff; }

#landing ::-moz-placeholder {
  color: #fff; }

#landing :-ms-input-placeholder {
  color: #fff; }

#landing .gform_wrapper li.gfield {
  margin-top: 0;
  margin-bottom: 10px !important;
  padding-top: 0;
  padding-bottom: 0;
  border: 0 !important;
  background: transparent !important; }

#landing .gform_wrapper div.validation_error {
  color: #8d00bc;
  border-color: #8d00bc; }

#landing .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  display: none; }

#landing .gform_wrapper .top_label div.ginput_container {
  margin-top: 0; }

#landing .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #landing .gform_wrapper textarea {
  border: 0;
  border-bottom: solid 1px #fff;
  color: #fff;
  background: transparent;
  outline: 0 none;
  margin-top: 0;
  margin-bottom: 0;
  font: 18px/18px "roboto",sans-serif;
  padding: 10px 5px 10px 5px; }

#landing .gform_wrapper textarea {
  height: 120px; }

#landing .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#landing .gform_wrapper li.gfield_error textarea {
  border-bottom: solid 1px #8d00bc; }

#landing .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
#landing .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0; }

#landing .gform_wrapper .gform_footer input.button,
#landing .gform_wrapper .gform_footer input[type=submit],
#landing .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  background: #8d00bc;
  text-align: center;
  color: #fff;
  margin: 50px 0 0 0;
  display: block;
  width: 100%;
  padding: 13px 10px 10px 10px;
  font-size: 22px;
  font-family: "Karla", sans-serif;
  line-height: 22px;
  font-weight: bold;
  border: solid 2px #8d00bc;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: 0 none; }

#landing .gform_wrapper .gform_footer input.button:hover,
#landing .gform_wrapper .gform_footer input[type=submit]:hover,
#landing .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]:hover {
  background: transparent;
  color: #8d00bc; }

#landing img.gform_ajax_spinner {
  display: none !important; }


/* ---------------------------------------- */
/* Styling for Testimonial Headshot Module */
/* ---------------------------------------- */


#testimonial-headshot main {
  position: relative;
  text-align: center;
  font-size: 22px;
  color: #5c5c5c; }

#testimonial-headshot main .image {
  position: absolute;
  left: 0;
  width: 50%;
  top: -100px;
  padding-right: 80px; }

#testimonial-headshot main .image img {
  max-width: 100%;
  height: auto; }

#testimonial-headshot main .aside {
  width: 50%;
  margin-left: auto;
  text-align: left; }

#testimonial-headshot main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0;
  column-gap: 0;
  font-size: 17px;
  color: #5c5c5c;
  margin-top: 50px; }

#testimonial-headshot main ul li {
  margin-bottom: 25px; }

#testimonial-headshot main ul li i {
  margin-right: 15px;
  width: 52px;
  height: 52px;
  border: solid 2px #8d00bc;
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  position: relative; }

#testimonial-headshot main ul li i.icon_branding {
  background-position: 0 0; }

#testimonial-headshot main ul li i.icon_web_design {
  background-position: 0 -48px; }

#testimonial-headshot main ul li i.icon_print {
  background-position: 0 -96px; }

#testimonial-headshot main ul li i.icon_video {
  background-position: 0 -144px; }

#testimonial-headshot main ul li i.icon_email_marketing {
  background-position: 0 -192px; }

#testimonial-headshot main ul li i.icon_digital {
  background-position: 0 -240px; }

#testimonial-headshot main ul li i.icon_seo {
  background-position: 0 -288px; }

#testimonial-headshot main ul li i.icon_pr {
  background-position: 0 -336px; }

#testimonial-headshot main ul li i.icon_social {
  background-position: 0 -384px; }

#testimonial-headshot main ul li i.icon_apps {
  background-position: 0 -432px; }

#testimonial-headshot main ul li i:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  content: '.';
  color: transparent;
  background-color: #8d00bc;
  z-index: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#testimonial-headshot main ul li i:after {
  content: '';
  background: url("img/icons_w.png") no-repeat 0 0;
  background-size: 100% auto;
  background-position: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

#testimonial-headshot main ul li:hover i:after {
  background-image: url("img/icons_o.png"); }

#testimonial-headshot main ul li:hover i:before {
  visibility: none;
  opacity: 0;
  width: 1px;
  height: 1px; }

#testimonial-headshot main .testimonials {
  text-align: center;
  overflow: hidden; }

#testimonial-headshot .testimonials .grid {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 60px;
  font-size: 0em; }

#testimonial-headshot .testimonials .cycle-slideshow {
  width: 100%;
  display: none;
  margin-top: 50px; }

#testimonial-headshot .testimonials .cycle-slideshow .pager {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0em;
  z-index: 200; }

#testimonial-headshot .testimonials .cycle-slideshow .pager span {
  width: 12px;
  height: 12px;
  border-radius: 12px;
  margin: 0 5px;
  text-indent: -9999999px;
  background: #5c5c5c;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  cursor: pointer; }

#testimonial-headshot .testimonials .cycle-slideshow .pager span:hover,
#testimonial-headshot .testimonials .cycle-slideshow .pager span.cycle-pager-active {
  background: #8d00bc; }

#testimonial-headshot .testimonials blockquote {
  width: 33.333333%;
  padding: 0 15px;
  margin: 0;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  font-size: 19px;
  color: #5c5c5c; }

#testimonial-headshot .testimonials .cycle-slideshow blockquote {
  width: 100%;
  padding: 0 0 30px 0; }

#testimonial-headshot .testimonials blockquote div {
  border: solid 1px #d0cacc;
  padding: 60px 30px 90px 30px;
  background: #fff; }

#testimonial-headshot .testimonials .cycle-slideshow blockquote div {
  height: auto !important; }

#testimonial-headshot .testimonials blockquote div * {
  line-height: 1.4em;
  margin-bottom: 1em; }

#testimonial-headshot .testimonials blockquote div *:last-child {
  margin-bottom: 0; }

#testimonial-headshot .testimonials blockquote figure {
  border-radius: 50%;
  display: block;
  margin: 0 auto -20px auto;
  position: relative;
  top: -50px;
  border: solid 4px #8d00bc;
  width: 101px; }

#testimonial-headshot .testimonials blockquote img {
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 100%;
  height: auto; }

#testimonial-headshot .testimonials blockquote cite {
  font-size: 24px;
  font-style: normal;
  line-height: 1.4em; }

#testimonial-headshot .testimonials blockquote cite small {
  font-size: 18px;
  color: #8d00bc;
  line-height: inherit;
  display: block; }


/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

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

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

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

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

img.alignleft {
  display: inline;
  float: left;
  margin-right: 1rem; }

img.alignright {
  display: inline;
  float: right;
  margin-left: 1rem; }

img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter {
  margin-bottom: 1rem; }

.left {
  float: left; }

.right {
  float: right; }

/* Magnific Popup CSS */
.modal {
  background: #FFF;
  padding: 1.25em 1.75em;
  text-align: left;
  max-width: 1254px;
  margin: 2em auto;
  position: relative; }

.modal .popup-modal-dismiss {
  border: solid 2px #8d00bc;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  display: block;
  font-size: 24px;
  color: #8d00bc;
  font-weight: 500;
  text-align: center;
  line-height: 32px;
  float: right;
  margin-left: 35px; }

.modal #breadcrumb {
  border-bottom: solid 1px #bfbfbf;
  padding: 0 1.75em 0.75em 1.75em;
  margin-left: -1.75em;
  margin-right: -1.75em;
  margin-bottom: 1.5em; }

.modal figure {
  width: 39.9%;
  margin-right: 1.75em;
  display: block;
  float: left;
  position: relative; }

.modal, .modal aside {
  overflow: hidden;
  *overflow: visible;
  zoom: 1; }

.modal figure img {
  display: block;
  width: 100%;
  height: auto; }
.modal figure .profile {
	position: relative;
}
.modal figure .thumbs {
	margin-top: 1.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.modal figure .thumbs a {
	padding: 0 5px;
	-ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  cursor: pointer;
}
.modal figure .thumbs a img {
	cursor: pointer;
}

.modal .linkedin {
  background: url(img/linkedin.svg) no-repeat 0 0;
  width: 42px;
  height: 36px;
  position: absolute;
  top: 1em;
  right: 1em; }

.modal h2 {
  color: #000;
  font-size: 1.9em;
  border-bottom: solid 1px #bfbfbf;
  margin-bottom: 0.7em;
  padding-bottom: 0.5em;
  text-transform: lowercase; }

.modal h2 small {
  color: #8d00bc;
  display: block;
  font-size: 0.526em;
  font-weight: normal;
  line-height: 1.4em;
  text-transform: uppercase; }

.modal h3 {
  font-size: 1.4em;
  /* font-weight: 400; */
  color: #8d00bc;
  margin-bottom: 0.2em; }

.modal p {
  color: #000;
  line-height: 1.4em;
  margin-bottom: 1.4em; }

.modal ul {
  color: #000;
  line-height: 1.4em;
  margin-bottom: 1.4em;
  padding-left: 1em; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.52;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

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

.mfp-close {
  background: none;
  border: solid 2px #fb9501;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  display: block;
  font-size: 24px;
  color: #fb9501;
  font-weight: 500;
  text-align: center;
  font: 24px/1.2em "roboto",sans-serif;
  position: absolute;
  z-index: 1046;
  outline: 0 none;
  top: 10px;
  right: 10px; }

.mfp-image-holder .mfp-close {
  top: 0; }

.mfp-arrow {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 20px;
  height: 37px;
  width: 24px;
  background: url(img/arrow-lw.svg) no-repeat center center;
  outline: 0 none;
  font-size: 0em;
  text-indent: -999999px;
  cursor: pointer;
  outline: 0 none;
  border: 0; }

.mfp-arrow-right {
  background: url(img/arrow-rw.svg) no-repeat center center;
  left: auto;
  right: 20px; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-iframe-holder {
  padding-top: 1em;
  padding-bottom: 1em; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 90%; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; } }

@media all and (max-width: 900px) {
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8; }

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0; }

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1; }

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: .75;
    left: -1em; }
  100% {
    opacity: 1;
    left: 0; } }

@keyframes fadeIn {
  0% {
    opacity: .75;
    left: -1em; }
  100% {
    opacity: 1;
    left: 0; } }

.modal, .mfp-figure {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

@media only screen and (max-width: 1199px) {
  .wrapper {
    max-width: 960px; }
  #hero {
    min-height: 540px; }
  /*
	.content blockquote img {
		margin-left: 3em;
	}
	.content blockquote figure {
		margin-left: 3em;
	}
	.main .content blockquote.testimonial figure {
		margin-left: 0;
		margin-right: 3em;
	}
*/
  /*
	
	.content .iltr,
	.content .irtl,
	.content .ictc,
	.content .ncla,
	.content .nctc,
	.content .itti,
	.content .ig, 
	.content .fwp,
	.content .ic,
	.content .case-info,
	.content .qr,
	.content .ql,
	.content .csl,
	.content .ci,
	.content .ivs {
		margin: 5.5em auto;
	}
*/
  .content .post,
  .featured-posts .post {
    margin-bottom: 3em; }
  .content .qr .text, .content .ql .text {
    width: 50%; }
  #main-cases .prev {
    left: 5px; }
  #main-cases .next {
    right: 5px; }
  #grid.work-grid .item a,
  #grid.case .item a {
    font-size: 24px; }
  #grid.work-grid .item a p,
  #grid.case .item a p {
    font-size: 16px; }
  #preview .slide .item {
    font-size: 16px; }
  #preview .slide .item article {
    max-width: 80%; }
  #preview .slide .item .awd {
    width: 100px;
    height: auto; }
  .testimonial-mask .prev,
  .testimonial-mask .next {
    height: 37px;
    width: 24px;
    left: 100%;
    top: auto;
    bottom: 0;
    margin-left: -70px; }
  .testimonial-mask .next {
    right: 0;
    left: auto; }
  #main-resource aside {
    padding-top: 0; }
  #bottom-nav nav {
    width: 20%; }
  #bottom-nav nav.last {
    border: 0; }
  #bottom-nav .social {
    clear: both;
    float: none;
    width: 100%;
    text-align: center; }
  #landing main {
    padding: 100px 0 80px 0; }
  #landing main .testimonials {
    margin-top: 100px; }
  #landing main .image {
    width: 40%; }
  #landing main .aside {
    width: 60%; }
  #landing footer {
    padding: 50px 0; } 
  #testimonial-headshot main .image {
    width: 40%; }
  #testimonial-headshot main .aside {
    width: 60%; }
  #testimonial-headshot footer {
    padding: 50px 0; } }

@media only screen and (max-width: 1023px) {
  body {
    font-size: 18px; }
  .wrapper {
    width: 90%; }
  #header {
    border-bottom: 0; }
  #logo {
    height: 92px; }
  #banner {
    height: 240px; }
  #banner h1 {
    padding-top: 20px; }
  #nav, #sub-nav {
    display: none; }
  #mobile-nav, #mobile-nav-opener {
    display: block; }
  #hero {
    min-height: 440px; }
  .main .content h1 {
    font-size: 2em; }
  .content.portfolio {
    margin-top: 0;
    border-top: solid 1px #bfbfbf;
    padding-top: 2.5em; }
  .content .post,
  .featured-posts .post {
    width: 31.6666666667%;
    margin-left: 2.5%;
    margin-bottom: 2em; }
  /*
	.content .iltr,
	.content .irtl,
	.content .ictc,
	.content .ncla,
	.content .nctc,
	.content .itti,
	.content .ig,
	.content .fwp,
	.content .ic,
	.content .case-info,
	.content .qr,
	.content .ql,
	.content .csl,
	.content .ci,
	.content .ivs {
		margin: 4.5em auto;
	}
*/
  /*.content .ncla,
	.content .nctc {
		padding-right: 19%;
	} */
  .content .ivs .slide {
    padding: 0 10px; }
  .content .ivs {
    padding-bottom: 0; }
  .content .ivs .ivspager {
    display: none; }
  .content .csl {
    display: block; }
  .content .csl aside {
    width: 100%; }
  .content .csl .list {
    width: 100%;
    max-width: 500px; }
  .content .qr .quote cite {
    margin: 0 0 0 auto; }
  #monitor-slider .prev, #monitor-slider .next {
    width: 22px;
    height: 36px;
    margin-top: -10%; }
  .content .case-info aside {
    margin-left: 2em;
    width: 270px; }
  .main #grid .item {
    width: 50%; }
  #grid .item {
    font-size: 1em; }
  #grid.work-grid .item a,
  #grid.case .item a {
    font-size: 20px; }
  #grid.work-grid .item a p,
  #grid.case .item a p {
    font-size: 16px; }
  #grid.work-grid .item ul {
    font-size: 13px; }
  /*
	.content blockquote img {
		float: none;
		margin: 0 auto 2em auto;
		display: block;
	}
	.content blockquote figure,
	.main .content blockquote.testimonial figure {
		float: none;
		margin: 0 auto 2em auto;
		display: block;
	}
	.main .content blockquote.testimonial aside {
		padding-top: 0;
	}
*/
  #contact-form {
    width: 100%;
    float: none;
    margin-bottom: 2em; }
  #contact-side {
    width: 100%;
    float: none; }
  .inner-nav .prev:before {
    top: 0; }
  #main-cases .prev,
  #main-cases .next {
    height: 37px;
    width: 24px;
    margin-top: -18px; }
  #preview .slide .item {
    font-size: 14px; }
  #preview .slide .item article {
    max-width: 90%; }
  #main-about,
  #main-clients {
    margin: 3em 0; }
  #main-core {
    padding: 3em 0; }
  .main-tabs .tab-content {
    padding: 3em 0; }
  #main-resource {
    padding: 3em 0; }
  #main-resource figure {
    width: 100%;
    padding: 0.5em; }
  #main-resource aside {
    width: 100%;
    text-align: left;
    padding-top: 2.5em; }
  #main-resource .gform_wrapper {
    max-width: 380px;
    width: 100%;
    margin-right: auto;
    margin-left: 0;
    margin-top: 2em; }
  #main-resource .gform_wrapper .gform_footer input.button,
  #main-resource .gform_wrapper .gform_footer input[type=submit],
  #main-resource .gform_wrapper .gform_page_footer input.button,
  #main-resource .gform_wrapper .gform_page_footer input[type=submit] {
    float: none; }
  #main-twitter .slide {
    background-position: center top;
    background-size: 32px 24px;
    padding-top: 40px; }
  #contact-form .gform_wrapper input.datepicker {
    width: 200px !important; }
  #get-started {
    font-size: 16px; }
  #get-started .wrapper {
    height: 360px; }
  #bottom-nav nav {
    padding: 20px 0 20px 20px; }
  #bottom-contact .hubspot {
    height: 90px; }
  #bottom-contact .widget {
    padding: 0 0 0 120px;
    background-size: 90px 90px;
    min-height: 90px; }
  .modal {
    margin: 0; }
  .modal figure {
    width: 100%;
    float: none;
    margin: 0 0 2em 0; }
  .content .iltr .icotxt {
    width: 80%; }
  #landing header h1 {
    margin: 100px auto; }
  #landing header .screen {
    margin-bottom: -80px;
    margin-bottom: -10vw; }
  #landing main .image {
    position: relative;
    width: 100%;
    top: 0;
    padding-right: 0;
    padding-bottom: 50px; }
  #landing main .image img {
    width: 100%;
    max-width: none; }
  #landing main .aside {
    width: 100%; }
  #landing .testimonials .grid {
    display: none; }
  #landing .testimonials .cycle-slideshow {
    display: block; }
  #landing footer address {
    margin-left: 50px; }
  .mfp-vimeo .mfp-container {
    padding: 0; }
  .mfp-vimeo .mfp-content {
    max-width: 100%; }
  .view_our_work {
    left: 55%; }
  #testimonial-headshot header h1 {
    margin: 100px auto; }
  #testimonial-headshot header .screen {
    margin-bottom: -80px;
    margin-bottom: -10vw; }
  #testimonial-headshot main .image {
    position: relative;
    width: 100%;
    top: 0;
    padding-right: 0;
    padding-bottom: 50px; }
  #testimonial-headshot main .image img {
    width: 100%;
    max-width: none; }
  #testimonial-headshot main .aside {
    width: 100%; }
  #testimonial-headshot .testimonials .grid {
    display: none; }
  #testimonial-headshot .testimonials .cycle-slideshow {
    display: block; }
  #testimonial-headshot footer address {
    margin-left: 50px; }
  .mfp-vimeo .mfp-container {
    padding: 0; }
  .mfp-vimeo .mfp-content {
    max-width: 100%; }
  .view_our_work {
    left: 55%; }}

@media only screen and (max-width: 767px) {
  .view_our_work {
    position: absolute;
    bottom: -40px;
    left: 60%;
    z-index: 2;
    outline: 0 none; }
  .view_our_work img {
    width: 130px; }
  body {
    font-size: 14px; }
  #logo {
    background-size: 180px 46px;
    width: 180px;
    height: 92px; }
  #mobile-nav-opener {
    top: 23px; }
  .is-sticky #mobile-nav-opener {
    top: 21px; }
  #banner {
    height: 200px; }
  #banner ul li {
    display: block;
    line-height: 1.5em; }
  #banner ul li:before {
    display: none; }
  #hero {
    min-height: 320px; }
  #hero .vid {
    font-size: 1.88em;
    font-size: 6vw; }
  #hero p {
    font-size: 0.9em;
    font-size: 3vw; }
  .content .post,
  .featured-posts .post{
    width: 100%;
    float: none;
    margin: 0 0 2em 0; }
  .content .iltr,
  .content .irtl,
  .content .ictc,
  .content .ncla,
  .content .nctc,
  .content .itti,
  .content .ig,
  .content .fwp,
  .content .ic,
  .content .case-info,
  .content .qr,
  .content .ql,
  .content .csl,
  .content .ci,
  .content .ivs {
    margin: 100px auto 0 auto; }
  .content .ci {
    display: block; }
  .content .ci .text, .content .ci .icons {
    display: block;
    width: 100%; }
  .content .ci .text.inactive {
    visibility: visible; }
  .content .ci .icons {
    margin-top: 2em; }
  .content .ci .icons > ul {
    max-width: 320px;
    margin: 0 auto; }
  .content .ci .icons > ul > li > a {
    font-size: 10px; }
  .content .ci .pop-up-content {
    right: 0;
    padding-right: 0; }
  .content .ci .pop-up-content:before {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%; }
  .content .csl .list ul {
    -webkit-column-gap: 20px;
    column-gap: 20px; }
  .content .ncla,
  .content .nctc {
    padding-right: 0; }
  .content .nctc, .content .fwp ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    -column-gap: 0; }
  .content .iltr figure,
  .content .iltr aside,
  .content .irtl figure,
  .content .irtl aside,
  .content .fwml #txt-left,
  .content .fwml #txt-right {
    width: 100%;
    float: none; }
  .content .iltr figure,
  .content .irtl figure {
    margin-bottom: 1.5em; }
  .content .itti aside, .content .itti figure {
    width: 100%;
    float: none; }
  .content .ig figure {
    float: none !important;
    width: 100% !important; }
  #grid .item, .main #grid .item {
    width: 100%;
    float: none;
    font-size: 1.4em; }
  #grid.work-grid .item {
    width: 100% !important; }
  #grid.work-grid .item-big,
  #grid.work-grid .item-small {
    width: 100%;
    position: relative; }
  #grid.work-grid .item-small img {
    visibility: visible; }
  #grid.work-grid .row .item-small {
    top: auto !important;
    left: auto !important;
    height: auto !important;
    position: static; }
  #grid.work-grid .row .item-small a {
    position: relative;
    top: auto !important;
    left: auto !important;
    height: auto !important; }
  #grid.case .item {
    width: 100%; }
  #breadcrumb {
    padding-left: 0; }
  #breadcrumb ul {
    display: none; }
  #breadcrumb aside {
    float: none;
    text-align: center; }
  #breadcrumb aside .prev {
    float: left;
    margin: 0; }
  #breadcrumb aside .next {
    float: right;
    margin: 0; }
  #breadcrumb aside .back {
    margin: 0; }
  #monitor-slider .prev, #monitor-slider .next {
    width: 12px;
    height: 34px;
    margin-top: -11%; }
  .content .case-info aside {
    float: none;
    width: 100%;
    margin: 0 0 2em 0; }
  .content .case-info ul {
    line-height: 2em; }
  .content .column {
    width: 100%; }
  .content .qr, .content .ql {
    display: block; }
  .content .qr .text, .content .ql .text {
    display: block;
    width: 100%; }
  .content .qr .quote, .content .ql .quote {
    display: block; }
  .content .ql .quote {
    margin-bottom: 1em; }
  .content .qr .quote {
    margin-top: 1em; }
  .content .qr .quote cite {
    margin: 0; }
  .content .ql .quote cite:before,
  .content .qr .quote cite:before {
    height: 7px; }
  .inner-nav {
    padding: 1em 0;
    line-height: 1.7em; }
  #team-grid .member-sizer,
  #team-grid .member {
    width: 100%; }
  #team-grid .member-w2 {
    width: 100%; }
  .main-tabs .column {
    float: none;
    width: 100%;
    padding: 0; }
  .main-tabs h3 {
    font-size: 20px; }
  #preview .slide .item {
    width: 100%;
    float: none; }
  #preview .slide .item article {
    max-width: 360px;
    width: 90%; }
  #preview .slide .item .awd {
    margin-left: 1em; }
  #preview .slide .item figure {
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  #preview .slide .item figure img {
    display: none; }
  #main-core .articles {
    display: block; }
  #main-core article {
    margin-top: 2.5rem; }
  #main-core article:first-child {
    margin-bottom: 0; }
  #main-resource h2 {
    font-size: 2.5em; }
  #main-clients .item {
    width: 100%;
    float: none;
    margin: 0;
    text-align: center; }
  #main-clients .item:nth-child(3n+1),
  #main-clients .item:nth-child(3n+3) {
    text-align: inherit; }
  /*
	.main .content blockquote.testimonial .load-more {
		white-space: nowrap;
	}
*/
  #main-resource .gform_wrapper {
    width: 100%;
    max-width: 100%;
    margin-top: 2em; }
  .main .content {
    margin: 0; }
  #main-twitter .slide p {
    max-width: 70%; }
  #contact-form {
    overflow: hidden; }
  #contact-form select {
    width: 100%; }
  #contact-form .gform_wrapper input.datepicker {
    width: 150px !important; }
  #contact-form .gfield label {
    font-size: 14px; }
  #get-started {
    font-size: 14px; }
  #get-started .wrapper {
    height: 300px; }
  #get-started figure {
    display: none; }
  #get-started aside {
    width: 100%; }
  #bottom-contact .wrapper {
    padding: 18px 0; }
  #bottom-contact .widget {
    background-size: 38px 38px;
    padding-left: 52px;
    min-height: 64px; }
  #bottom-contact .hubspot {
    height: 64px; }
  #bottom-nav nav {
    display: none; }
  #bottom-nav {
    padding: 0; }
  #bottom-nav .social {
    padding: 2em 0; }
  #bottom-nav .social h6 {
    margin-bottom: 1em; }
  #footer {
    font-size: 13px; }
  .left {
    float: none; }
  right {
    float: none; }
  .content .ictc .logos, .content .fwp .logos {
    margin: 35px 0;
    max-width: 100%;
    height: auto; }
  .content .ictc .logos2, .content .fwp .logos2 {
    margin: 35px 12px 35px 12px;
    max-width: 100%;
    height: auto; }
  .content .iltr .icotxt {
    width: 75%; }
  .content .iltr aside {
    clear: both; }
  .content .fwp .ind-logos {
    float: left;
    padding: 15px;
    margin: 15px;
    width: 35%;
    height: 150px;
    color: #ffffff; }
  .content .fwml1 .svc-logos {
    float: none;
    padding: 15px;
    margin: 15px;
    width: 100%;
    height: 175px;
    color: #ffffff; }
  #banner h1 {
    color: #fff;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1.2em; }
  #landing h2 br {
    display: none;
    font-size: 30px; }
  #landing header h1 {
    margin: 50px auto; }
  #landing .text {
    font-size: 18px;
    padding: 50px 0 80px 0; }
  #landing .text p strong {
    font-size: 32px; }
  #landing main {
    padding: 60px 0;
    font-size: 18px; }
  #landing main ul {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0; }
  #landing main .testimonials {
    margin-top: 60px; }
  #landing footer .logo {
    display: block;
    margin: 0 auto; }
  #landing footer address {
    display: block;
    margin: 30px auto 0 auto;
    text-align: center; }
  #testimonial-headshot h2 br {
    display: none;
    font-size: 30px; }
  #testimonial-headshot header h1 {
    margin: 50px auto; }
  #testimonial-headshot .text {
    font-size: 18px;
    padding: 50px 0 80px 0; }
  #testimonial-headshot .text p strong {
    font-size: 32px; }
  #testimonial-headshot main {
    font-size: 18px; }
  #testimonial-headshot main ul {
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    column-gap: 0; }
  #testimonial-headshot footer .logo {
    display: block;
    margin: 0 auto; }
  #testimonial-headshot footer address {
    display: block;
    margin: 30px auto 0 auto;
    text-align: center; }
  .mfp-close {
    width: 24px;
    height: 24px;
    font-size: 20px;
    line-height: 20px;
    text-align: center !important;
    padding: 0; } }


@media only screen and (max-width: 499px) {
  #bottom-contact .widget,
  #bottom-contact .hubspot {
    float: none; }
  #bottom-contact .hubspot {
    margin: 18px auto 0 auto;
    display: block; }
  #footer ul {
    font-size: 11px; } }

/***************************************/
/**********Theme Support ***************/
/***************************************/
@media only screen and (max-width: 767px) {
  #get-started aside aside {
    display: none; } }

i.fa {
  padding-left: 2px; }

/***************************************/
/********** Custom Baseball Template ***************/
/***************************************/
.mobile-img {
  display: none !important; }

@media only screen and (max-width: 785px) {
  .custom-section {
    height: auto !important; }
  .custom-section-inner {
    width: 100% !important;
    text-align: center !important;
    padding-bottom: 50px; }
  .desktop-img {
    display: none !important; }
  .mobile-img {
    display: block !important;
    margin: auto; }
  .custom-section p {
    text-align: left; }
  .custom-section h2 {
    text-align: left;
    margin-bottom: 25px; }
  .custom-section h2 span {
    position: relative;
    top: 8px;
    line-height: 0em; } }

html {
  font-size: 1em;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::selection {
  background: #b3d4fc;
  text-shadow: none; }

/*
* A better looking default horizontal rule
*/
hr {
  display: block;
  border: 0;
  height: 1px;
  padding: 0;
  margin: 0 calc( -100vw / 2 + 100% / 2);
  background-color: #dadada; }

.hr--transparent {
  background-color: transparent; }

/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/*
* Remove default fieldset styles.
*/
fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/*
* Allow only vertical resizing of textareas.
*/
textarea {
  resize: vertical; }

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

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .screen-reader-text:focus {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #000;
    display: block;
    font-size: 0.875em;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* 
/* Browser Upgrade Prompt
*/
.browserupgrade {
  margin: 0;
  background: #ccc;
  color: #000;
  padding: 0.5em 0;
  text-align: center; }

/*! author: splendordesign.com  */
body {
  font-size: 16px;
  font-family: "Karla", sans-serif;
  font-weight: normal;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 320px; }
  body.noscroll {
    overflow: hidden; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'ivyepic', sans-serif;
  font-weight: 900;
  margin: 0; }

h1, h2, h3 {
  line-height: 1.2em; }
  h1 strong, h2 strong, h3 strong {
    font-family: "Karla", sans-serif;
    color: #a2a2a2;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5em;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.1em; }
  h1 small, h2 small, h3 small {
    font-family: "Karla", sans-serif;
    display: block;
    line-height: 1em;
    margin-bottom: 1.5em;
    letter-spacing: 0.25em;
    font-size: 0.533em; }
  @media (max-width: 767px) {
    h1 strong, h2 strong, h3 strong {
      font-size: 14px; } }

h2 {
  font-size: 30px;
  line-height: 1.2em;
  margin: 0 0 0.5em 0; }
  @media (max-width: 767px) {
    h2 {
      font-size: 24px; } }

h3 {
  font-size: 30px;
  line-height: 1.2em;
  margin: 0 0 0.5em 0; }
  @media (max-width: 767px) {
    h3 {
      font-size: 24px; } }

h5 {
  font-family: "Karla", sans-serif;
  font-size: inherit;
  font-weight: bold;
  color: #a2a2a2;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  margin-bottom: 0.5em; }

.title, .container-wrap .title {
  font-family: 'ivyepic', sans-serif;
  font-weight:900;
  line-height: 1.2em;
  font-size: 30px;
  line-height: 1.2em;
  margin: 0 0 0.5em 0;
 }
  .title strong, .container-wrap .title strong {
    font-family: "Karla", sans-serif;
    color: #a2a2a2;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0.5em;
    font-size: 16px;
    line-height: 1em;
    letter-spacing: 0.1em; }
  .title small, .container-wrap .title small {
    font-family: "Karla", sans-serif;
    font-size: 0.533em;
    display: block;
    line-height: 1em;
    margin-bottom: 1em;
    letter-spacing: 0.25em; }
  @media (max-width: 767px) {
    .title strong, .title small, .container-wrap .title strong, .container-wrap .title small {
      font-size: 14px; } }

.lead, .container-wrap .lead {
  color: #6E00BC;
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin: 0 0 1em 0;
  line-height: 1.2em;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .lead, .container-wrap .lead {
      font-size: 14px; }
.lead {
      font-size: 13px; }
}

p,
ol,
ul {
  margin: 0 0 1.4em 0; }

ol,
ul {
  padding-left: 1em; }

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

figure {
  margin: 0; }

a {
  color: #6E00BC;
  text-decoration: none;
  -webkit-transition: 0.25s all ease;
  transition: 0.25s all ease; }
  a:hover {
    color: #c800ca; }

::-webkit-input-placeholder {
  color: inherit; }

:-moz-placeholder {
  color: inherit; }

::-moz-placeholder {
  color: inherit; }

:-ms-input-placeholder {
  color: inherit; }

input[type='text'],
input[type='password'],
input[type='email'],
input[type='search'],
input[type='url'],
textarea {
  padding: 15px;
  font-size: 16px;
  -webkit-appearance: none;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #000;
  outline: none; }

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

.clearfix:after {
  clear: both; }

.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 20px; }

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 20px; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignwide {
  margin-left: -20px;
  margin-right: -20px; }

.alignfull {
  margin-left: calc( -100vw / 2 + 100% / 2);
  margin-right: calc( -100vw / 2 + 100% / 2);
  max-width: 100vw; }
  .alignfull img {
    width: 100%;
    height: auto;
    display: block; }

.wp-block-image {
  margin-bottom: 1.5em; }

@media (max-width: 767px) {
  .wp-block-spacer {
    height: 40px !important; } }

.hamburger {
  background: #fff;
  display: block;
  position: fixed;
  width: 62px;
  height: 62px;
  border-radius: 62px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  cursor: pointer;
  z-index: 9999;
  top: 35px;
  right: 5%;
  outline: none; }
  .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    -webkit-transition-duration: 0.5s;
            transition-duration: 0.5s;
    position: absolute;
    height: 3px;
    width: 24px;
    top: calc(50% - 1.5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-color: #000; }
  .hamburger__icon:before {
    content: '';
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    top: -9px; }
  .hamburger__icon:after {
    content: '';
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    top: 9px; }
  .hamburger--open .hamburger__icon {
    background: transparent; }
  .hamburger--open .hamburger__icon:before {
    -webkit-transform: rotateZ(45deg) translate(0.40625rem, 0.40625rem);
            transform: rotateZ(45deg) translate(0.40625rem, 0.40625rem); }
  .hamburger--open .hamburger__icon:after {
    -webkit-transform: rotateZ(-45deg) translate(0.40625rem, -0.40625rem);
            transform: rotateZ(-45deg) translate(0.40625rem, -0.40625rem); }
  @media (max-width: 767px) {
    .hamburger {
      top: 20px; } }
  @media (max-width: 575px) {
    .hamburger {
      width: 42px;
      height: 42px; } 
  .carousel-mask .flickity-viewport {
		  min-height: 0px!important;
	  }
}
  .hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
    width: 18px;
    height: 2px; }
  .hamburger__icon:before {
    top: -6px; }
  .hamburger__icon:after {
    top: 6px; }
  .hamburger--open .hamburger__icon:before {
    -webkit-transform: rotateZ(45deg) translate(0.2625rem, 0.2625rem);
            transform: rotateZ(45deg) translate(0.2625rem, 0.2625rem); }
  .hamburger--open .hamburger__icon:after {
    -webkit-transform: rotateZ(-45deg) translate(0.2625rem, -0.2625rem);
            transform: rotateZ(-45deg) translate(0.2625rem, -0.2625rem); }

.container {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto; }

.btn {
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: none;
  border: solid 1px #6E00BC;
  background: #6E00BC;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1em;
  padding: 20px 50px; }
.btn-cta {
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: none;
  border: solid 1px #6E00BC;
  background: #ffffff;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1em;
  padding: 20px 50px; }
  .btn:hover {
    color: #6E00BC;
    background-color: #fff;
}
  .btn-cta:hover {
    color: #ffffff;
    background-color: #000000;
}
  .btn--outline {
    background: #000;
    border-color: #fff; }
    .btn--outline:hover {
      border-color: #6E00BC;
      background: #000; }

.btn-more {
  display: inline-block;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1em;
  padding-bottom: 8px;
  position: relative;
  overflow: hidden;
  margin-top: 1em; }
  .btn-more:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #6E00BC;
    bottom: 0;
    left: 0;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out; }
  .btn-more:hover {
    color: #c800ca; }
    .btn-more:hover:before {
      -webkit-transform: translateX(101%);
              transform: translateX(101%); }

.pagination {
  font-size: 16px; }
  .pagination .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .pagination a:hover {
    color: #6E00BC; }
  .pagination .page-numbers {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    margin: 0 10px;
    color: #000; }
    .pagination .page-numbers.dots {
      margin: 0;
      width: auto; }
    .pagination .page-numbers.prev, .pagination .page-numbers.next {
      background-position: center center;
      background-repeat: no-repeat;
      background-color: transparent;
      background-size: 100% auto;
      font: 0/0 a;
      text-shadow: none;
      color: transparent;
      width: 16px; }
    .pagination .page-numbers.prev {
      background-image: url(img/arrow__prev.svg); }
    .pagination .page-numbers.next {
      background-image: url(img/arrow__next.svg); }
    .pagination .page-numbers.current {
      width: 30px;
      background-color: #6E00BC;
      color: #fff; }
  @media (max-width: 767px) {
    .pagination {
      margin: 0 0 40px 0; } }

.page-nav {
  max-width: 960px;
  margin: 50px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .page-nav a {
    border: solid 1px #454443;
    margin-right: -1px;
    height: 54px;
    color: #454443 !important;
    text-align: center; }
    .page-nav a:hover {
      opacity: 0.8; }
  .page-nav__prev, .page-nav__next {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 32px; }
  .page-nav__prev {
    background-image: url(img/arrow__prev--dark.svg); }
  .page-nav__next {
    background-image: url(img/arrow__next--dark.svg); }
  .page-nav__back {
    line-height: 54px;
    font-size: 44px;
    font-weight: 300;
    width: 70px; }
  @media (max-width: 767px) {
    .page-nav {
      margin: 30px auto; }
      .page-nav a {
        height: 40px; }
      .page-nav__prev, .page-nav__next {
        background-size: auto 24px;
        width: 40px; }
      .page-nav__back {
        font-size: 32px;
        line-height: 40px;
        width: 54px; } }

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .social a {
    background-image: url(img/social.png);
    background-size: auto 100%;
    width: 19px;
    height: 19px;
    text-align: center;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    margin: 0 14px;
    position: relative; }
    .social a:hover {
      opacity: 0.8; }
  .social--facebook {
    background-position: 0 0; }
  .social--linkedin {
    background-position: -19px 0; }

.bullet {
  background: #6E00BC;
  color: #fff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
  .bullet small {
    font-size: inherit; }
  .bullet:hover {
    color: #fff;
  	background: #000;
}
  @media (max-width: 767px) {
    .bullet {
      width: 90px;
      height: 90px;
      font-size: 12px; } }

.container-wrap {
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: 100vh;
  z-index: 10; }
  .has-more .container-wrap {
    padding-bottom: 28px; }
    .has-more .container-wrap:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 28px;
      background: #000; }
  .container-wrap .gform_wrapper ul {
    color: inherit;
    line-height: normal; }
  .container-wrap .gform_wrapper .gfield_required {
    color: #cc0000; }
  .container-wrap .gform_wrapper .validation_message {
    display: none; }
  .container-wrap .gform_wrapper label.gfield_label,
  .container-wrap .gform_wrapper legend.gfield_label {
    color: #000;
    margin-top: 0 !important;
    margin-bottom: 7px;
    font-weight: normal;
    font-family: 'ivyepic', sans-serif;
    font-size: 20px; }
    .container-wrap .gform_wrapper label.gfield_label span,
    .container-wrap .gform_wrapper legend.gfield_label span {
      color: inherit; }
  .container-wrap .gform_wrapper input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
  .container-wrap .gform_wrapper textarea {
    border: 0 !important;
    border-bottom: solid 1px #373535 !important;
    padding: 10px 0;
    margin: 0;
    color: #000;
    line-height: 1em !important;
    min-height: 0 !important;
    outline: none; }
  .container-wrap .gform_wrapper .top_label input.medium {
    width: 100%; }
  .container-wrap .gform_wrapper.gform_validation_error .top_label input.medium {
    width: 100%; }
  .container-wrap .gform_wrapper li.gfield_error {
    width: 100%; }
    .container-wrap .gform_wrapper li.gfield_error input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']),
    .container-wrap .gform_wrapper li.gfield_error textarea {
      border-bottom: solid 1px #cc0000 !important;
      color: #cc0000; }
    .container-wrap .gform_wrapper li.gfield_error .gfield_label,
    .container-wrap .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label {
      color: #cc0000; }
  .container-wrap .gform_wrapper textarea {
    height: 110px !important; }
  .container-wrap .gform_wrapper .select-box {
    position: relative; }
  .container-wrap .gform_wrapper div.validation_error {
    border: 0;
    padding: 0;
    text-align: left;
    color: #cc0000;
    font-size: inherit;
    font-weight: normal; }
  .container-wrap .gform_wrapper .gform_body {
    width: calc(100% + 16px); }
  .container-wrap .gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important; }
  .container-wrap .gform_wrapper li.gfield div.gfield_description {
    color: #cc0000;
    padding-top: 5px;
    display: none; }
  .container-wrap .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    background: transparent; }
  .container-wrap .gform_wrapper .gform_footer {
    margin-top: 0 !important;
    padding: 0 !important; }
    .container-wrap .gform_wrapper .gform_footer input.button, .container-wrap .gform_wrapper .gform_footer input[type=submit] {
      display: inline-block;
      margin: 0;
      padding: 0;
      outline: none;
      border: solid 1px #6E00BC;
      background: #6E00BC;
      font-size: 11px;
      font-weight: bold;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      line-height: 1em;
      padding: 20px 50px;
      color: #fff;
      cursor: pointer;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
      .container-wrap .gform_wrapper .gform_footer input.button:hover, .container-wrap .gform_wrapper .gform_footer input[type=submit]:hover {
        background: #fff;
        color: #6E00BC;
        border-collapse: #6E00BC; }
  .container-wrap .gform_wrapper .ginput_container_select {
    position: relative;
    margin-bottom: 30px;
    max-width: 65%; }
  .container-wrap .gform_wrapper .select-box select {
    width: 100%; }
  .container-wrap .gform_wrapper select {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0; }
  .container-wrap .gform_wrapper .customSelect {
    color: #000;
    border-bottom: solid 1px #373535;
    padding: 12px 0;
    line-height: 1em !important;
    display: block;
    width: auto;
    margin: 0 !important; }
  .container-wrap .gform_wrapper .customSelectInner {
    color: #000;
    white-space: nowrap;
    display: block;
    width: 100%;
    margin: 0 !important; }
  .container-wrap .gform_wrapper .gfield_checkbox,
  .container-wrap .gform_wrapper .gfield_radio {
    margin-top: 0.5em !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .container-wrap .gform_wrapper .gfield_checkbox li,
    .container-wrap .gform_wrapper .gfield_radio li {
      margin-right: 2em;
      position: relative;
      overflow: hidden;
      height: auto;
      line-height: 1em;
      color: #000;
      text-transform: none; }
      .container-wrap .gform_wrapper .gfield_checkbox li label,
      .container-wrap .gform_wrapper .gfield_radio li label {
        margin-left: 0;
        padding-left: 26px !important;
        position: relative; }
      .container-wrap .gform_wrapper .gfield_checkbox li input,
      .container-wrap .gform_wrapper .gfield_radio li input {
        position: absolute;
        left: -999999999px; }
  .container-wrap .gform_wrapper .gfield_radio li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 18px;
    height: 18px;
    border: solid 1px #000;
    border-radius: 20px; }
  .container-wrap .gform_wrapper .gfield_radio li.checked:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: 4px;
    background: #000;
    border-radius: 8px; }
  .container-wrap .gform_wrapper .gfield_checkbox li {
    width: 50%;
    margin-right: 0;
    padding-right: 20px; }
    .container-wrap .gform_wrapper .gfield_checkbox li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 3px;
      width: 18px;
      height: 18px;
      border: solid 1px #000; }
    .container-wrap .gform_wrapper .gfield_checkbox li.checked:after {
      content: '';
      width: 10px;
      height: 10px;
      position: absolute;
      top: 7px;
      left: 4px;
      background: #000; }
  @media only screen and (max-width: 641px) {
    .container-wrap .gform_wrapper .gform_body {
      width: 100%; } }

.header {
  height: 132px; }
  .header__logo {
    display: block;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background: url(img/badge--purple.svg);
    background-size: 100% auto;
    width: 62px;
    height: 62px;
    outline: 0 none;
    position: fixed;
    top: 35px;
    left: 5%;
    z-index: 9999; }
  .header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
    .header--transparent .header__logo {
      background-image: url(img/badge.svg); }
  .header--stuck .header__logo {
    background-image: url(img/badge--purple.svg); }
  @media (max-width: 767px) {
    .header {
      height: 102px; }
      .header__logo {
        top: 20px; } }
  @media (max-width: 575px) {
    .header {
      height: 82px; }
      .header__logo {
        width: 42px;
        height: 42px; } }

.nav {
  background: #000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: -1;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .nav .container {
    max-width: 1480px;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .nav .nav__menu {
    max-width: 1200px;
    width: 100%;
    -ms-flex-item-align: center;
        align-self: center;
    margin: 100px 0 50px 0;
    overflow: hidden; }
    .nav .nav__menu > li {
      position: relative;
      margin-bottom: 1px; }
      .nav .nav__menu > li > a {
        font-family: 'ivyepic', sans-serif;
        font-size: 70px;
		font-weight:900;
        line-height: 1em;
        padding-bottom: 0.2em;
        display: inline-block;
        color: #fff;
        position: relative;
        background: #000;
        padding-right: 30px;
        text-transform: capitalize; }
        .nav .nav__menu > li > a:after {
          content: '';
          height: 1px;
          width: 100vw;
          position: absolute;
          left: 100%;
          top: 50%;
          background: #a2a2a2;
          -webkit-transform: translateX(-110%);
                  transform: translateX(-110%);
          -webkit-transition: 0.5s all ease-in-out;
          transition: 0.5s all ease-in-out;
          z-index: -1; }
        .nav .nav__menu > li > a:hover, .nav .nav__menu > li > a.active {
          color: #a2a2a2; }
        .nav .nav__menu > li > a.active:after {
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
      .nav .nav__menu > li.current-menu-parent > a, .nav .nav__menu > li.current-menu-item > a, .nav .nav__menu > li.current_page_parent > a, .nav .nav__menu > li.current-page-ancestor > a {
        color: #a2a2a2; }
      .nav .nav__menu > li > ul {
        background: #000;
        position: absolute;
        right: 0;
        top: 36%;
        line-height: 2em;
        font-size: 13px;
        font-weight: bold;
        z-index: 2;
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: .3s all ease-in-out;
        transition: .3s all ease-in-out;
        text-transform: uppercase;
        padding-left: 30px; }
        .nav .nav__menu > li > ul.open {
          -webkit-transform: translateX(0);
                  transform: translateX(0); }
        .nav .nav__menu > li > ul.has-sub {
          padding-left: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
          .nav .nav__menu > li > ul.has-sub > li {
            padding-left: 30px;
            padding-right: 30px; }
        .nav .nav__menu > li > ul > li > a {
          color: inherit; }
          .nav .nav__menu > li > ul > li > a:hover, .nav .nav__menu > li > ul > li > a.active {
            color: #a2a2a2; }
        .nav .nav__menu > li > ul > li.current-menu-parent > a, .nav .nav__menu > li > ul > li.current-menu-item > a, .nav .nav__menu > li > ul > li.current_page_parent > a, .nav .nav__menu > li > ul > li.current-page-ancestor > a {
          color: #a2a2a2; }
        .nav .nav__menu > li > ul > li ul li {
          padding-left: 20px; }
          .nav .nav__menu > li > ul > li ul li a {
            color: inherit;
            text-transform: capitalize;
            font-size: 12px; }
            .nav .nav__menu > li > ul > li ul li a:hover, .nav .nav__menu > li > ul > li ul li a.active {
              color: #a2a2a2; }
          .nav .nav__menu > li > ul > li ul li.current-menu-item > a {
            color: #a2a2a2; }
  .nav footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
        align-self: flex-end;
    min-width: 100%;
    margin-bottom: 50px; }
  .nav address {
    font-style: normal;
    font-size: 14px;
    font-weight: bold; }
    .nav address span {
      font-size: 0.8em;
      position: relative;
      top: -0.1em;
      padding: 0 10px; }
    .nav address a {
      color: inherit; }
      .nav address a:hover {
        color: #6E00BC; }
  .nav .social {
    margin-left: 20px; }
  .nav--open {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    z-index: 9998; }
  @media (max-width: 1023px) {
    .nav .nav__menu > li > a {
      font-size: 8vw; }
      .nav .nav__menu > li > a:after {
        display: none; }
    .nav .nav__menu > li > ul {
      position: static;
      display: none; }
      .nav .nav__menu > li > ul.open {
        display: block;
        padding-left: 30px;
        margin-bottom: 10px; }
      .nav .nav__menu > li > ul.has-sub {
        padding-left: 0;
        display: none; }
        .nav .nav__menu > li > ul.has-sub > li {
          padding-left: 30px;
          padding-right: 30px; }
      .nav .nav__menu > li > ul.open.has-sub {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; } }
  @media (max-width: 767px) {
    .nav .container {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 575px) {
    .nav .nav__menu {
      margin: 40px 0 20px 0; }
      .nav .nav__menu > li {
        margin-bottom: 5px; }
        .nav .nav__menu > li > ul.open {
          padding-left: 20px; }
        .nav .nav__menu > li > ul.has-sub {
          padding-left: 0; }
          .nav .nav__menu > li > ul.has-sub > li {
            padding-left: 20px;
            padding-right: 0; }
        .nav .nav__menu > li > ul.open.has-sub {
          display: block; }
    .nav footer {
      display: block;
      margin-bottom: 20px; }
    .nav address {
      font-size: 10px; }
    .nav .social {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-left: 0;
      margin-top: 20px; }
      .nav .social a {
        margin: 0 20px 0 0; } }

.hero {
  margin-top: 50px; }
  .hero__lead, .hero .container > p {
    color: #6E00BC;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 0 0 0.7em 0;
    line-height: 1.2em;
    text-transform: uppercase; }
  .hero__title {
    font-size: 70px;
	font-weight:900;
    font-family: 'ivyepic', sans-serif;
    line-height: 1.1em;
    margin: 0 0 0.5em 0;
    max-width: 840px;
    text-transform: uppercase;
}

.hero__title1 {
	font-size: 66px;
	font-weight:900;
    font-family: 'ivyepic', sans-serif;
    line-height: 1.1em;
    margin: 0 0 0.5em 0;
    text-transform: uppercase;
	max-width: 1200px;
}


  .hero__columns, .reg__columns {
    -webkit-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 50px;
            column-gap: 50px;
    margin-bottom: -1.4em; }
    .hero__columns, .reg__columns * {
      page-break-inside: avoid;
      -webkit-column-break-inside: avoid;
              break-inside: avoid; }
  @media (max-width: 767px) {
    .hero {
      margin-top: 25px; }
	  
.hero__title1 {
	font-size: 40px;
}
      .hero__lead {
        font-size: 14px; }
      .hero__title {
        font-size: 40px; }
      .hero__columns, .reg__columns {
        -webkit-column-count: 1;
                column-count: 1;
        margin-bottom: 0; }
        .hero__columns, .reg__columns > *:last-child {
          margin-bottom: 0; } }

.video-hero {
  height: 56.25vw;
  position: relative;
  color: #fff;
  overflow: hidden; }
  .video-hero iframe {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.fwp1 {
  height: 56.25vw;
  position: relative;
  color: #fff;
  overflow: hidden; }
  .fwp1 iframe {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

  .video-hero .social {
    display: block;
    position: absolute;
    bottom: 10px;
    left: calc(5% + 20px); }
    .video-hero .social a {
      display: block;
      margin: 20px 0 0 0; }
	.video-hero .social:before {
      content: "";
      position: absolute;
      bottom: 70px;
      right: 50%;
      height: 600px;
      width: 1px;
      background: rgb(255, 255, 255); }
	.video-hero .social:after {
      content: "";
      position: absolute;
      bottom: -101vh;
      right: 50%;
      height: 100vh;
      width: 1px;
      background: rgb(255, 255, 255); }
  .video-hero .container {
    max-width: 1400px;
    position: relative;
}
  .video-hero .container p {
	position: relative;
    bottom: 0px;
    margin: 0px; }
@media (max-width: 1850px) {
.video-hero .social:before {
      height: 550px; }}
@media (max-width: 1750px) {
.video-hero .social:before {
      height: 500px; }}
@media (max-width: 520px) {
	.video-hero__content h2, .video-hero__content .title {
		padding-bottom: 10px;
	}
}
  .video-hero__content {
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-70%);
            transform: translateY(-70%);
    width: 100%; }
    .video-hero__content h2, .video-hero__content .title {
      font-size: 100px;
      line-height: 1em;
      margin: 0;
	  padding-left: 10px;
      position: relative; }
    .video-hero__content .btn-more {
      color: inherit;
		margin-right: 60px;}
      .video-hero__content .btn-more:before {
        background: #fff; }
  @media (max-width: 1720px) {
    .video-hero .social {
          display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    place-content: flex-start;
    width: 90%;
    max-width: 1400px;
    margin: 25px auto 0;
    padding-left: 15px;
    bottom: 0;
    left: 0; }
	  .video-hero .social:after, .video-hero .social:before {
		  display: none;
	  }
      .video-hero .social a {
        margin: 0 20px 0 0; } }
  @media (max-width: 1023px) {
    .video-hero__content h2, .video-hero__content .title {
      max-width: 400px;
      font-size: 50px; } }
  @media (max-width: 767px) {
    .video-hero {
      padding: 0;
      height: 100vh;
      min-height: 320px;
      max-height: 480px; }
	  
	  .fwp1 {
      padding: 0;
      height: 100vh;
      min-height: 320px;
      max-height: 480px; }
	  
      .video-hero__content h2, .video-hero__content .title {
        max-width: 240px;
        font-size: 30px; }
      .video-hero__content .btn-more {
        margin-right: 40px; } }

.cs-hero {
/*  overflow: hidden; */
  position: relative;
  /*
	&:before, &:after {
		content: '';
		width: 1px;
		height: 100vh;
		background: #a1a1a1;
		position: absolute;
		top: 0;
	}
	&:before {
		left: calc(50% + 600px);	
	}
	&:after {
		left: calc(50% + 500px);	
	}
*/ }
  .cs-hero .container {
    max-width: 1400px; }
  .cs-hero__title {
    font-size: 100px;
    line-height: 1em;
    max-width: 700px;
    padding-bottom: 1em;
    margin: 0;
    position: relative;
    text-transform: capitalize; }
    .cs-hero__title:before {
      content: '';
      position: absolute;
      bottom: 50px;
      right: 60%;
      height: 1px;
      width: 100vw;
      background: #000; }
  .cs-hero__content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .cs-hero__text {
    max-width: 600px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .cs-hero__text h2 {
      font-size: 50px;
      margin-bottom: 1rem; }
    .cs-hero__text a {
      color: #000;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      letter-spacing: 0.15em; }
      .cs-hero__text a:hover {
        color: #6E00BC; }
  .cs-hero__side {
    line-height: 1.8em;
    text-align: right; }
    .cs-hero__side h6 {
      line-height: 2em;
      margin: 0;
      font-family: "Karla", sans-serif;
      color: #000;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      letter-spacing: 0.15em; }
  @media (max-width: 1023px) {
    .cs-hero__content {
      display: block; }
    .cs-hero__side {
      text-align: left; } }
  @media (max-width: 767px) {
    .cs-hero__title {
      font-size: 50px;
      padding-bottom: 50px; }
      .cs-hero__title:before {
        bottom: 25px; }
    .cs-hero__text h2 {
      font-size: 28px; } }

.case-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #dcdcdc; }
  .case-nav__prev {
    -ms-flex-item-align: start;
        align-self: flex-start;
    background: #000; }
  .case-nav__next {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: auto;
    background: #000; }
  .case-nav__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    max-width: 50%;
    max-height: 50%; }
  .case-nav__arrow {
    position: relative;
    z-index: 200;
    cursor: none;
    overflow: hidden;
    width: 50%; }
    .case-nav__arrow a {
      display: block;
      cursor: none; }
    .case-nav__arrow img.cursor {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      width: 32px;
      opacity: 0; }
    .case-nav__arrow img.wp-post-image {
      display: block;
      width: 100%;
      height: auto;
      -webkit-transition: all 0.35s ease-in-out;
      transition: all 0.35s ease-in-out;
      opacity: 0.55; }
    .case-nav__arrow:hover img.cursor {
      opacity: 1; }
    .case-nav__arrow:hover img.wp-post-image {
      -webkit-transform: scale(1.15);
              transform: scale(1.15);
      opacity: 0.75; }

.mt--150 {
  margin-top: 150px; }

.mt--100 {
  margin-top: 100px; }

.mt--75 {
  margin-top: 75px; }

.mt--0 {
  margin-top: 0; }

@media (max-width: 767px) {
  .mt--150 {
    margin-top: 100px; }
  .mt--100 {
    margin-top: 75px; }
  .mt--75 {
    margin-top: 50px; }
  .mt--0 {
    margin-top: 0; } }

.main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .main .container > * {
    width: 50%; }

.main figure {
  padding-right: 50px; }
  .main figure img {
    max-width: 100%;
    margin-left: auto;
    display: block; }

.main aside {
  padding-left: 100px;
  position: relative; }
  .main aside > * {
    max-width: 450px; }
    .main aside > *:last-child {
      margin-bottom: 0; }
  .main aside p, .main aside h1 {
    text-transform: normal;
    max-width: 320px; }
  .main aside .bullet {
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    -webkit-transform: translateX(0) translateY(-100%);
            transform: translateX(0) translateY(-100%); }

.main h1 {
  font-size: 36px;
  margin-bottom: 30px;
  line-height: 1.1em; }

.main .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px; }
  .main .info > * {
    margin: 15px 40px 0 0;
	  max-width: 200px;
    font-size: 106px;
    line-height: 0.7em; }
  .main .info small {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    letter-spacing: normal;
    margin-bottom: 15px; }
  .main .info .plus {
    font-size: 0.6em; }

@media (max-width: 1239px) {
  .main aside {
    padding-left: 50px; } }

@media (max-width: 1023px) {
  .main .container {
    display: block; }
    .main .container > * {
      width: 100%; }
  .main figure {
    padding: 0; }
    .main figure img {
      margin: 0 0 50px 0; }
  .main aside {
    padding: 0; } }

@media (max-width: 767px) {
  .main .container {
    position: relative; }
  .main aside {
    position: static; }
  .main figure {
    padding-top: 10px; }
  .main h1 {
    font-size: 30px; }
  .main .info > * {
    font-size: 60px;
    margin-right: 30px; }
  .main .info small {
    font-size: 12px; } }

.services-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .services-tabs .link {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1.2em;
    display: block;
    cursor: pointer; }
    .services-tabs .link:hover {
      color: #000; }
  .services-tabs aside {
    width: 50%; }
    .services-tabs aside dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      min-height: 100%;
      margin: 0;
      padding: 0 0 0 35px; }
    .services-tabs aside dt {
      background: #fff;
      padding: 0 25px;
      position: relative;
      cursor: pointer;
      margin-left: -1px;
      z-index: 2; }
      .services-tabs aside dt:before, .services-tabs aside dt:after {
        content: '';
        position: absolute;
        bottom: -75px;
        top: -100px;
        left: 0;
        width: 1px;
        background: #dbdbdb; }
      .services-tabs aside dt:after {
        right: 0;
        left: auto; }
      .services-tabs aside dt:first-child:before {
        display: none; }
      .services-tabs aside dt img {
        width: 75px;
        height: auto; }
    .services-tabs aside dd {
      text-align: right;
      padding: 0;
      margin: 0;
      width: 0;
      white-space: nowrap;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%);
      overflow: hidden; }
      .services-tabs aside dd.open {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        display: block;
        padding-right: 40px;
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      .services-tabs aside dd h3 {
        color: #6E00BC;
        text-transform: uppercase;
        font-family: "Karla", sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.05em;
        border-bottom: solid 1px #6E00BC;
        padding-bottom: 0.5em;
        margin-bottom: 0.8em; }
      .services-tabs aside dd p {
        line-height: 1.8em; }
        .services-tabs aside dd p a {
          color: #000 !important; }
      .services-tabs aside dd > *:last-child {
        margin-bottom: 0; }
  .services-tabs figure {
    width: 50%;
    text-align: right;
    position: relative; }
    .services-tabs figure img {
      width: 100%;
      height: auto; }
    .services-tabs figure .link {
      position: relative;
      padding-right: 35px; }
      .services-tabs figure .link:before {
        width: 25px;
        height: 1px;
        background: #6E00BC;
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transition: 0.25s all ease;
        transition: 0.25s all ease; }
      .services-tabs figure .link:hover {
        color: #000; }
        .services-tabs figure .link:hover:before {
          background: #000; }
    .services-tabs figure .close {
      background: url(img/x.png) no-repeat;
      background-size: 100% auto;
      width: 27px;
      height: 27px;
      position: absolute;
      top: 27px;
      right: 27px;
      cursor: pointer;
      opacity: 0; }
      .services-tabs figure .close.show {
        opacity: 1;
        z-index: 9999; }
  .services-tabs .tab-content {
    background: #fff;
    overflow: auto;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 75px solid #fff;
    -webkit-box-shadow: 0 0 17px rgba(168, 166, 166, 0.18);
            box-shadow: 0 0 17px rgba(168, 166, 166, 0.18);
    text-align: left; }
    .services-tabs .tab-content h3 {
      font-size: 14px;
      font-weight: bold;
      font-family: "Karla", sans-serif;
      color: #6E00BC; }
    .services-tabs .tab-content .columns {
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 40px;
              column-gap: 40px; }
      .services-tabs .tab-content .columns ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin: 0; }
      .services-tabs .tab-content .columns li {
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
                break-inside: avoid; }
    .services-tabs .tab-content__scroll {
      position: absolute;
      padding-right: 20px;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  @media (max-width: 1689px) {
    .services-tabs aside dl {
      padding-left: 25px; }
    .services-tabs aside dt {
      padding: 0 20px; }
      .services-tabs aside dt img {
        width: 50px; }
    .services-tabs aside dd.open {
      padding-right: 30px; } }
  @media (max-width: 1239px) {
    .services-tabs aside dt img {
      width: 40px; }
    .services-tabs aside dd.open {
      padding-right: 30px; } }
  @media (max-width: 1023px) {
    .services-tabs {
      display: block; }
      .services-tabs aside, .services-tabs figure {
        width: 100%; }
      .services-tabs aside dt {
        padding-bottom: 25px; }
        .services-tabs aside dt:before, .services-tabs aside dt:after {
          bottom: -50px;
          top: -50px; }
      .services-tabs figure {
        margin-top: 50px; }
      .services-tabs .tab-content {
        border-width: 50px; } }
  @media (max-width: 767px) {
    .services-tabs aside dl {
      padding-left: 0; }
    .services-tabs figure .close {
      width: 20px;
      height: 20px;
      top: 10px;
      right: 10px; }
    .services-tabs .tab-content {
      border-width: 20px; }
      .services-tabs .tab-content .columns {
        -webkit-column-count: 1;
                column-count: 1; } }
  @media (max-width: 575px) {
    .services-tabs .link {
      font-size: 12px; }
    .services-tabs aside dt {
      padding: 0 15px; }
      .services-tabs aside dt img {
        width: 18px; }
    .services-tabs aside dd {
      font-size: 12px; }
      .services-tabs aside dd h3 {
        font-size: 12px; }
    .services-tabs aside dd.open {
      padding-right: 20px; } }

.filter {
  padding: 10px 0;
  border-top: solid 1px #dadada;
  border-bottom: solid 1px #dadada;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .filter aside {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding-right: 20px; }
  .filter ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-transform: capitalize;
    margin: 0 -10px; }
    .filter ul li {
      margin: 0 10px; }
      .filter ul li a {
        color: #000; }
        .filter ul li a:hover {
          color: #6E00BC; }
      .filter ul li.current-cat a {
        color: #6E00BC; }
  .filter form {
    margin: 0;
    border: solid 1px #dadada;
    width: 312px;
    height: 40px; }
    .filter form div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .filter form .field {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1; }
      .filter form .field input {
        background: transparent;
        border: 0;
        padding: 10px 0 10px 10px;
        width: 100%; }
    .filter form button {
      border: 0;
      outline: 0;
      background: url(img/ico-search.svg) no-repeat center center;
      background-size: 60% auto;
      width: 40px;
      cursor: pointer; }

.txt {
  color: #000; }
  .txt h2, .txt .title {
    color: inherit;
    font-size: 50px;
    margin-bottom: 0.6em; }
  @media (max-width: 767px) {
    .txt h2, .txt .title {
      font-size: 36px; } }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25); 
    z-index: 0; 
}


.top-bar {
	position: absolute;
	max-width: 100%;
	width: 100%;
	color: #fff;
	padding: 70px 0px;
	z-index: 1;
}

.top-bar p {
	margin-bottom: 0px;
	font-family: "Karla", sans-serif;
	font-size: 25px;
}

.top-bar .container {
	width: 100%;
	max-width: 100%;
	text-align: center;
	text-transform: uppercase;
}

#border {
	 border: 1px solid #fff;
     position: relative;
     top: 60px;
	 width: 54%;
     bottom: 0;
     margin: 0 auto;
}


@media (max-width: 980px) {

	.top-bar p {
		font-size: 20px;
		padding: 0px 30px;
	}
}


@media (max-width: 600px) {
	#border {
		top: 30px;
	}
	
	.top-bar p {
		font-size: 18px;
		padding: 0px 30px;
	}
	
	.top-bar {
		padding: 50px 0px;
		font-size: 11px;
	}
}
	
.txt-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .txt-txt figure {
    width: 50%;
    background-size: cover;
    background-position: center center; }
    .txt-txt figure img {
      display: block;
      width: 100%;
      height: auto;
      visibility: hidden; }
  .txt-txt article {
    width: 50%;
    padding: 0 75px; }
    .txt-txt article h2, .txt-txt article .title {
      color: inherit; }
    .txt-txt article hr {
      margin: 1.5em 0;
      background: #6E00BC;
      max-width: 70%; }
    .txt-txt article > *:last-child {
      margin-bottom: 0; }
  .txt-txt--padding article {
    padding: 75px; }
  @media (max-width: 1239px) {
    .txt-txt article {
      padding: 0 50px; }
    .txt-txt--padding article {
      padding: 50px; } }
  @media (max-width: 1023px) {
    .txt-txt {
      display: block; }
      .txt-txt > * {
        margin-top: 50px; }
        .txt-txt > *:first-child {
          margin-top: 0; }
      .txt-txt article {
        width: 100%;
        padding: 0; }
      .txt-txt figure {
        width: 100%; }
      .txt-txt--padding article {
        padding: 50px;
        margin: 0; }
      .txt-txt--padding figure {
        margin: 0; } }
  @media (max-width: 767px) {
    .txt-txt--padding article {
      padding: 30px; } }

.new-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
 .lead1 {
    width: 100%;
	margin: 50px auto;
	max-width: 1200px;
	color: #6E00BC;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.2em;
    text-transform: uppercase;
}

.top-text {
	width: 90%;
}

.new-content-list ul li {
	border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    margin-top: -1px;
    padding: 25px 0;
	list-style: none;
	width: 80%;
	font-weight: bold;
	font-size: 13px;
    letter-spacing: 0.15em;
    line-height: 1em;
}

.new-content-list ul {
	padding-left: 0px!important;
}

.txt-x3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .txt-x3 .lead {
    width: 100%;
    margin-bottom: 1.8em; }
  .txt-x3 h2, .txt-x3 .title {
    line-height: 1.1em; }
  .txt-x3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.2em; }
    .txt-x3 ul li {
      padding-left: 32px;
      background: url(img/minus.svg) no-repeat 0 0.2em;
      background-size: 16px auto;
      margin-bottom: 0.5em; }
  .txt-x3 figure {
    background-size: cover;
    background-position: center center; }
    .txt-x3 figure img {
      display: block;
      width: 100%;
      height: auto;
      visibility: hidden; }
  .txt-x3 aside {
    padding: 0 75px; }
    .txt-x3 aside > *:last-child {
      margin-bottom: 0; }
  .txt-x3__third {
    width: 33.333333%; }
 .txt-x3__fourth {
    width: 25%; }
  .txt-x3__2thirds {
    width: 66.666666%; }
  .txt-x3--padding aside {
    padding: 75px; }
  .txt-x3--brd aside {
    padding: 30px 30px;
    border-left: solid 1px #000; }
  @media (max-width: 1239px) {
    .txt-x3 aside {
      padding: 0 50px; }
    .txt-x3--padding aside {
      padding: 50px; }
    .txt-x3--brd aside {
      padding: 20px 25px; } }
  @media (max-width: 1023px) {
    .txt-x3 {
      display: block; }
      .txt-x3 > * {
        margin-top: 50px; }
        .txt-x3 > *:first-child {
          margin-top: 0; }
      .txt-x3 aside {
        padding: 0; }
      .txt-x3__third {
        width: 100%; }
	  .txt-x3__fourth {
        width: 100%; }
      .txt-x3__2thirds {
        width: 100%; }
      .txt-x3--padding aside {
        padding: 50px;
        margin: 0; }
      .txt-x3--padding figure {
        margin: 0; }
      .txt-x3--brd aside {
        margin-top: 30px;
        padding: 30px 35px; } }
  @media (max-width: 767px) {
    .txt-x3--padding aside {
      padding: 30px; }
    .txt-x3--brd aside {
      padding: 20px 25px; }
	  .new-content-list {
		  flex-wrap: wrap;
	  }
}

.txt-img {
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
  .txt-img h1, .txt-img h2, .txt-img h3, .txt-img .title {
    color: inherit; }
  .txt-img p {
    margin-bottom: 1.5em; }
  .txt-img .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .txt-img aside {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 50%;
    direction: ltr; }
    .txt-img aside img {
      width: 100%;
      height: auto;
      display: block; }
  .txt-img article {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 50%;
    padding: 0 100px;
    -ms-flex-item-align: center;
        align-self: center; }
    .txt-img article > *:last-child {
      margin-bottom: 0; }
  .txt-img--img aside {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    direction: rtl; }
  .txt-img--img article {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .txt-img--img100 figure {
    width: 50vw; }
  .txt-img--bg .container {
    padding-top: 75px;
    padding-bottom: 75px; }
  .txt-img--bg .btn-more {
    color: inherit; }
    .txt-img--bg .btn-more:before {
      color: inherit;
      background-color: currentColor; }
  .txt-img--noimg .container {
    min-height: 600px; }
  @media (max-width: 1239px) {
    .txt-img article {
      padding: 0 50px 0 0; }
    .txt-img--img article {
      padding: 0 0 0 50px; }
    .txt-img--noimg .container {
      min-height: 450px; } }
  @media (max-width: 1023px) {
    .txt-img article {
      padding: 0 40px 0 0; }
    .txt-img--img article {
      padding: 0 0 0 40px; } }
  @media (max-width: 767px) {
    .txt-img .container {
      display: block; }
    .txt-img article, .txt-img aside {
      width: 100%; }
    .txt-img aside {
      margin-bottom: 2em; }
    .txt-img article {
      padding: 0; }
    .txt-img--img article {
      padding: 0; }
    .txt-img--img100 aside {
      margin-left: -5vw;
      margin-right: -5vw;
      width: auto; }
    .txt-img--img100 figure {
      width: 100vw; }
    .txt-img--bg .container {
      padding-top: 50px;
      padding-bottom: 50px; }
    .txt-img--noimg .container {
      min-height: 0;
      padding-top: 50px;
      padding-bottom: 50px; }
    .txt-img--noimg aside {
      margin-bottom: 0; } }

.txt-bg {
  margin-left: 20px;
  margin-right: 20px;
  background-position: center center;
  background-size: cover; }
  .txt-bg h2, .txt-bg .title {
    color: inherit;
    font-size: 36px;
    margin-bottom: 1em; }
  .txt-bg > img {
    width: 100%;
    height: auto;
    display: none; }
  .txt-bg article {
    background: rgba(245,245,245,0.90);
    padding: 75px 50px 50px 50px;
    max-width: 456px;
    width: 50%;
    color: #000;
    position: relative;
    top: -45px; }
    .txt-bg article > *:last-child {
      margin-bottom: 0; }
  .txt-bg--img article {
    margin-left: auto; }
  .txt-bg--dark article {
    background: #3f4044;
    color: #fff; }
  @media (max-width: 1023px) {
    .txt-bg article {
      padding: 50px 30px;
      top: -25px; } }
  @media (max-width: 767px) {
    .txt-bg h2, .txt-bg .title {
      font-size: 26px; } }
  @media (max-width: 575px) {
    .txt-bg {
      background: transparent !important;
      margin-left: 0;
      margin-right: 0; }
      .txt-bg article {
        width: 100%;
        max-width: none;
        top: 0; }
      .txt-bg > img {
        display: block;
        max-width: 90%;
        margin: 0 auto; } }

.img img {
  display: block;
  width: 100%;
  height: auto; }

.img--center img {
  width: 90%;
  max-width: 1140px;
  margin: 0 auto; }

.cases a:hover {
	   cursor: url('https://splendordesign.com/wp-content/uploads/2023/12/mouseover1.png')20 20, auto!important;
}

.cases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cases__item {
    width: 50%;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase; }
    .cases__item:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.4);
      opacity: 0;
      -webkit-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out; }
.cases__item > img {
	width: 100%;
}
    .cases__item__logo {
      position: absolute;
      top: 30px;
      left: 30px;
      overflow: hidden;
      line-height: 1em; }
      .cases__item__logo img {
        -webkit-transform: translateY(100%);
                transform: translateY(100%);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
    .cases__item__title {
      position: absolute;
      bottom: 30px;
      left: 30px;
      right: 30px;
      -webkit-transition: all .4s ease-in-out;
      transition: all .4s ease-in-out; }
    .cases__item__more {
      position: absolute;
      bottom: 30px;
      left: 30px;
      right: 30px;
      -webkit-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      opacity: 0;
      font-size: 11px; }
    .cases__item:hover {
      color: #fff; }
      .cases__item:hover:before {
        opacity: 1; }
      .cases__item:hover .cases__item__logo img {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .cases__item:hover .cases__item__title {
        bottom: 65px; }
      .cases__item:hover .cases__item__more {
        letter-spacing: 0.75em;
        opacity: 1; }
  @media (max-width: 1023px) {
    .cases__item {
      width: 100%; } }
  @media (max-width: 575px) {
    .cases__item__logo {
      top: 20px;
      left: 20px; }
      .cases__item__logo img {
        max-width: 50%; }
    .cases__item__title {
      bottom: 20px;
      left: 20px;
      right: 20px;
      font-size: 14px; }
    .cases__item__more {
      bottom: 20px;
      left: 20px;
      right: 20px;
      font-size: 10px; }
    .cases__item:hover .cases__item__title {
      bottom: 45px; } }

.slider {
  overflow: hidden;
  position: relative; }
  .slider__arrow {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 15%;
    top: 0;
    bottom: 0;
    z-index: 200;
    cursor: none;
    overflow: hidden; }
    .slider__arrow img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      width: 32px;
      opacity: 0; }
    .slider__arrow:hover img {
      opacity: 1; }
  .slider__prev {
    left: 0; }
    .slider__prev i {
      background-image: url(img/chevron-left.svg); }
  .slider__next {
    right: 0; }
    .slider__next i {
      background-image: url(img/chevron-right.svg); }
  .slider__slides {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
    overflow: visible !important; }
  .slider__slide {
    vertical-align: top;
    overflow: hidden;
    padding: 0 10px; }
    .slider__slide__video {
      width: 100%;
      padding-top: 56.25%;
      position: relative; }
      .slider__slide__video iframe {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  @media (max-width: 1023px) {
    .slider__arrow {
      cursor: pointer; }
      .slider__arrow img {
        display: none;
        opacity: 0 !important; } }



.slider1 {
  overflow: hidden;
  position: relative; }
  .slider1__arrow {
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 15%;
    top: 0;
    bottom: 0;
    z-index: 200;
    cursor: none;
    overflow: hidden; }
    .slider1__arrow img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      width: 32px;
      opacity: 0; }
    .slider1__arrow:hover img {
      opacity: 1; }
  .slider1__prev {
    left: 0; }
    .slider__prev i {
      background-image: url(img/chevron-left.svg); }
  .slider1__next {
    right: 0; }
    .slider1__next i {
      background-image: url(img/chevron-right.svg); }
  .slider1__slides {
    width: 100%;
    max-width: 70%;
    margin: 0 auto;
	margin-bottom: 150px;
    overflow: hidden; }
  .slider1__slide {
    vertical-align: top;
    overflow: hidden;
    padding: 0 10px; }
  @media (max-width: 1023px) {
    .slider1__arrow {
      cursor: pointer; }
      .slider1__arrow img {
        display: none;
        opacity: 0 !important; } }





.gallery h1 {
  text-align: center;
  margin-bottom: 1.5em; }

.gallery__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 10px;
  margin-top: -10px;
  margin-bottom: -10px; }

.gallery__item {
  width: 33.333333%;
  padding: 10px; }
  .gallery__item__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;}
    .gallery__item__overlay strong {
      text-transform: uppercase;
      letter-spacing: 0.05em;
      padding: 20px; }
  .gallery__item a {
    display: block;
    position: relative;
    overflow: hidden;     
    cursor: url('https://splendordesign.com/wp-content/uploads/2023/12/mouseover1.png')20 20, auto!important;}
    .gallery__item a:hover img {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
    .gallery__item a:hover .gallery__item__overlay {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
  .gallery__item img {
    width: 100%;
    height: auto;
    display: block;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }

.gallery--web {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .gallery--web .gallery__grid {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0; }

@media (max-width: 1023px) {
  .gallery__item__overlay {
    font-size: 13px; } }

@media (max-width: 767px) {
  .gallery__item {
    width: 100%;
    font-size: 16px; } }

@media (max-width: 575px) {
  .gallery__item {
    font-size: 13px; } }


.video_top {
	max-width: 640px;
}

.video-columns {
	display: flex;
}

.row-video {
	width: 50%;
}

.logos {
  text-align: center;
  max-width: none; }
  .logos > *:last-child {
    margin-bottom: 0; }
  .logos h3 {
    font-size: 12px;
    font-family: "Karla", sans-serif;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.5em;
    margin-bottom: 50px;
    text-transform: uppercase; }
  .logos__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 75px; }
    .logos__grid a {
      margin: 50px 37px 0 37px; }
  .logos--bg {
    padding: 120px 0 100px 0; }
  @media (max-width: 767px) {
    .logos h3 {
      margin-bottom: 25px; }
    .logos__grid {
      margin-bottom: 50px; }
      .logos__grid a {
        margin: 40px 25px 0 25px; }
    .logos--bg {
      padding: 75px 0; } }

.services {
  color: #000; }
  .services .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .services h2, .services h3, .services .title {
    color: inherit; }
  .services h2, .services .title {
    font-size: 50px;
    line-height: 1em; }
  .services__txt {
    width: 33.3333333%;
    padding: 0 75px;
    text-align: right; }
    .services__txt > *:last-child {
      margin-bottom: 0; }
  .services__list {
    width: 66.6666666%;
    padding-left: 75px;
    border-left: solid 1px #000; }
    .services__list ul {
      font-size: 13px;
      font-weight: bold;
      list-style-type: none;
      margin: 1px 0 2em 0;
      padding: 0;
      -webkit-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 100px;
              column-gap: 100px;
      letter-spacing: 0.15em;
      line-height: 1em;
      position: relative; }
      .services__list ul li {
        border-top: solid 1px #000;
        border-bottom: solid 1px #000;
        margin-top: -1px;
        padding: 25px 0; }
        .services__list ul li a {
          color: inherit; }
          .services__list ul li a:hover {
            color: #6E00BC; }

.services__list ul li p {
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.5;
	margin-top: 5px;
    margin-bottom: 0px;
}

    .services__list > *:last-child {
      margin-bottom: 0; }
  .services--dark {
    background: #000;
    color: #fff; }
    .services--dark .container {
      padding-top: 75px;
      padding-bottom: 75px; }
    .services--dark .btn-more {
      color: #fff; }
      .services--dark .btn-more:before {
        background-color: #fff; }
    .services--dark .services__list {
      border-color: #fff; }
      .services--dark .services__list ul li {
        border-color: #fff; }
  @media (max-width: 1239px) {
    .services__txt {
      padding: 0 50px; }
    .services__list {
      padding-left: 50px; }
      .services__list ul {
        -webkit-column-gap: 50px;
                column-gap: 50px; } }
  @media (max-width: 1023px) {
    .services .container {
      display: block; }
    .services__txt, .services__list {
      width: 100%; }
    .services__txt {
      margin-bottom: 50px;
      padding: 0;
      text-align: left; }
    .services__list {
      padding: 0;
      border: 0; }
      .services__list ul {
        -webkit-column-gap: 100px;
                column-gap: 100px; }
    .services--dark .container {
      padding-top: 50px;
      padding-bottom: 50px; } }
  @media (max-width: 767px) {
    .services h2, .services .title {
      font-size: 36px; }
    .services__list ul {
      -webkit-column-gap: 50px;
              column-gap: 50px; } }
  @media (max-width: 575px) {
    .services__list ul {
      -webkit-column-count: 1;
              column-count: 1; } }

.pull-quote .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.pull-quote h2, .pull-quote .title {
  font-size: 50px; }

.pull-quote blockquote {
  margin: 0;
  font-size: 34px;
  font-family: 'ivyepic', sans-serif;
  font-weight:900;
  line-height: 1.3em;
  -ms-flex-item-align: start;
      align-self: flex-start;
  border-left: solid 1px #000;
  padding-left: 40px;
  width: 40%;}
  .pull-quote blockquote p {
    margin: 0; }

.pull-quote cite {
  display: block;
  font-family: "Karla", sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.15em;
  margin-top: 1.5em;
  line-height: 1em; }

.pull-quote article {
  width: 50%; }
  .pull-quote article > *:last-child {
    margin-bottom: 0; }

.pull-quote--quote blockquote {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1; }

.pull-quote--quote article, .pull-quote--quote figure {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2; }

.pull-quote--img blockquote {
  margin-top: 75px;
  width: 34%; }

.pull-quote--img figure {
  width: 62%; }
  .pull-quote--img figure img {
    display: block;
    width: 100%;
    height: auto; }

.pull-quote--bg .container {
  padding-top: 75px;
  padding-bottom: 75px; }

@media (max-width: 1239px) {
  .pull-quote--img blockquote {
    margin-top: 50px; } }

@media (max-width: 1023px) {
  .pull-quote blockquote {
    font-size: 30px; }
  .pull-quote article {
    width: 54%; }
  .pull-quote cite {
    font-size: 13px; }
  .pull-quote--img blockquote {
    margin-top: 0px; }
  .pull-quote--img figure {
    width: 61%; } }

@media (max-width: 767px) {
  .pull-quote .container {
    display: block; }
  .pull-quote blockquote, .pull-quote article, .pull-quote figure {
    width: 100%; }
  .pull-quote blockquote {
    margin-top: 50px; } }

@media (max-width: 575px) {
  .pull-quote blockquote {
    padding-left: 30px; } 
}

@media (max-width: 375px) {
	.btn {
		margin-top: 10px;
	}
}

.vimeo {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  .vimeo__video {
    background: #000;
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
    .vimeo__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.accordion {
  max-width: 630px; }
  .accordion dt {
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    padding-left: 32px;
    margin-bottom: 1em;
    line-height: 1em; }
    .accordion dt:before {
      background: url(img/plus.svg) no-repeat center center;
      background-size: 100% auto;
      content: '';
      width: 16px;
      height: 16px;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
    .accordion dt.open:before {
      background-image: url(img/minus.svg); }
  .accordion dd {
    margin: 0 0 1.5em 0;
    padding-left: 32px;
    display: none; }
    .accordion dd > *:last-child {
      margin-bottom: 0; }
  @media (max-width: 767px) {
    .accordion dt {
      font-size: 18px;
      padding: 15px 0 15px 45px; }
      .accordion dt:before {
        width: 30px;
        height: 30px; } }

.ifc {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: 90px;
  padding-bottom: 120px; }
  .ifc:before {
    content: '';
    position: absolute;
    width: 1200px;
    height: 100%;
    background: #222324;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    z-index: -1; }
  .ifc h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: "Karla", sans-serif;
    font-weight: bold;
    font-size: 26px;
    letter-spacing: 0.15em;
    color: #fff;
    line-height: 1.2em;
    margin-bottom: 80px; }
  .ifc .carousel-mask {
    overflow: hidden;
    padding-bottom: 100px;
    margin-left: calc( ( 50vw - 600px ) / 2); }
  .ifc .carousel {
    outline: none;
    position: relative; }
    .ifc .carousel-cell {
      width: 356px;
      padding: 0 8px; }
      .ifc .carousel-cell a {
        display: block;
		  position: relative;
		background-color: #6E00BC!important;
}
      .ifc .carousel-cell span {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 20px;
        font-size: 27px;
        color: #fff;
        font-family: 'ivyepic', sans-serif;
        line-height: 1em;
          font-weight: 900;
         }
      .ifc .carousel-cell img {
        width: 100%;
        height: auto;
        display: block; }
	.ifc .carousel-cell img:hover {
		opacity:50%!important;
		 transition: all .3s ease-in-out!important; 
}

    .ifc .carousel .flickity-button {
      border: 0;
      position: absolute;
      top: calc(100% + 76px);
      width: 87px;
      height: 19px;
      z-index: 200;
      background: transparent;
      background-size: 100% auto;
      background-repeat: no-repeat;
      cursor: pointer;
      outline: none; }
      .ifc .carousel .flickity-button svg {
        display: none; }
      .ifc .carousel .flickity-button.previous {
        background-image: url(https://splendordesign.com/wp-content/themes/splendor2019/img/arrow-prev2.png);
        right: calc(50% + ( 50vw - 600px ) / 4 + 15px); }
      .ifc .carousel .flickity-button.next {
        background-image: url(https://splendordesign.com/wp-content/themes/splendor2019/img/arrow-next2.png);
        left: calc(50% - ( 50vw - 600px ) / 4 + 15px); }
  @media (max-width: 1239px) {
    .ifc .carousel-mask {
      overflow: hidden;
      padding-bottom: 100px;
      margin-left: 0;
      padding-left: 8px;
      padding-right: 8px; }
    .ifc .carousel .flickity-button.previous {
      right: calc(50% + 15px); }
    .ifc .carousel .flickity-button.next {
      left: calc(50% + 15px); } }
  @media (max-width: 767px) {
    .ifc h3 {
      font-size: 18px; }
    .ifc .carousel-cell {
      width: 200px; }
      .ifc .carousel-cell span {
        left: 20px;
        bottom: 20px;
        font-size: 18px; } }

.nc {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px; }
  .nc > *:last-child {
    margin-bottom: 0; }
  .nc > *:first-child {
    margin-top: 0; }
  .nc .case-info {
    margin-top: 0; }
    .nc .case-info h2, .nc .case-info .title {
      margin-top: 0; }
  .nc--center {
    text-align: center; }
  .nc h1, .nc .title {
    text-align: inherit;
    text-transform: none;
    color: #000;
    font-size: 36px;
    margin-bottom: 0.7em; }
  .nc h2 {
    text-align: inherit;
    color: black;
    margin-bottom: 0.3em;
    margin-top: 1.2em; }

.photo img {
  width: 100%;
  height: auto;
  display: none; }

.photo__grid {
  margin: -10px; }

.photo__sizer {
  width: 25%; }

.photo__item {
  width: 25%;
  padding: 10px; }
  .photo__item figure {
    background-position: center center;
    background-size: cover;
    width: 100%;
    padding-bottom: 100%; }
  .photo__item--1x2 {
    width: 25%; }
    .photo__item--1x2 figure {
      padding-bottom: calc(200% + 20px); }
  .photo__item--2x1 {
    width: 50%; }
    .photo__item--2x1 figure {
      padding-bottom: calc(50% - 10px); }
  .photo__item--2x2 {
    width: 50%; }

@media (max-width: 575px) {
  .photo__sizer {
    width: 100%; }
  .photo__item {
    width: 100%; }
    .photo__item figure {
      padding: 0; }
      .photo__item figure img {
        display: block; } }

.cs img {
  width: 100%;
  height: auto;
  display: block; }

.cs__sizer {
  width: 50%; }

.cs__item {
  width: 50%; }
  .cs__item__video {
    background: #fff;
    position: relative;
    padding-bottom: 75%;
    height: 0; }
    .cs__item__video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .cs__item__video__play {
		  position: absolute;
		  bottom: 10px;
		  right: 10px;
		  background: url(img/play.png) no-repeat center center;
		  background-size: auto 10px;
		  background-color: #6e00bc;
		  width: 24px;
		  height: 24px;
		  border-radius: 24px;
		  font-size: 0em;
		  text-indent: -999999px;
		  z-index: 2;
		  outline: 0 none; 
		}
		.cs__item__video__play:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  border: solid 2px #6e00bc;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  width: 30px;
		  height: 30px;
		  border-radius: 30px;
		  -webkit-transition: all .2s ease-in-out;
		  transition: all .2s ease-in-out; 
		}
    .cs__item__video__play__home {
		  position: absolute;
		  right: auto;
		  background: url(img/play.png) no-repeat center center;
		  background-size: auto 10px;
		  background-color: #6e00bc;
		  width: 58px;
		  height: 58px;
		  border: solid 4px #ffffff;
		  border-radius: 58px;
		  font-size: 0em;
		  text-indent: -999999px;
		  z-index: 20;
		  outline: 0 none; 
          margin-left: 855px;
		  bottom: 0;
		}
     .cs__item__video__play__home:before {
		  content: '';
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  border: solid 4px #6e00bc;
		  -webkit-transform: translateX(-50%) translateY(-50%);
		  transform: translateX(-50%) translateY(-50%);
		  width: 64px;
		  height: 64px;
		  border-radius: 64px;
		  -webkit-transition: all .2s ease-in-out;
		  transition: all .2s ease-in-out; 
		  z-index: 1;
		}
		.cs__item__video__play:hover {
		  background-color: #000; }
		
		.cs__item__video__play:hover:before {
		  border-color: #000; }
        .cs__item__video__play__home:hover {
		  background-color: #e1e1e1; }
		
		.cs__item__video__play__home:hover:before {
		  border-color: #e1e1e1; }
  @media (max-width: 1079px) {
	  .cs__item__video__play__home {
		  position: absolute;
		  background-color: #6e00bc;
		  margin-left: 125%;
	  }
}

@media (max-width: 767px) {
.cs__item__video__play__home {
	margin-left: 125%;
}
}

  @media (max-width: 575px) {
	  .cs__item__video__play__home {
		  position: absolute;
		  display: block;
		  background-color: #6e00bc;
          margin-left: 125%;
          width: 48px;
          height: 48px;
          margin-top: 5px;
	  }
	  
	    .cs__item__video__play__home:before {
		  width: 54px;
	      height: 54px;
}
	  .cs__item {
	position: relative;
    left: 0px;
    width: 100%;
    height: auto;
    margin: 0 auto; }
	  
	  .cs.mt--0 {
	height: auto;
}
}
 
  .cs__item--full {
    width: 100%; }
    .cs__item--full .cs__item__video {
      padding-bottom: 67.5%; }

.review {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .review figure {
    width: 200px;
    padding-right: 40px; }
    .review figure img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 50%; }
  .review aside {
    border-left: solid 1px #000;
    padding-left: 40px;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
    .review aside > *:last-child {
      margin-bottom: 0; }
    .review aside cite {
      text-transform: uppercase;
      font-style: normal;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.2em; }
      .review aside cite small {
        font-weight: normal;
        font-size: 13px;
        display: block;
        text-transform: none; }
  @media (max-width: 767px) {
    .review {
      display: block; }
      .review figure {
        width: 160px;
        padding-right: 0;
        margin: 0 auto 2em auto; } 
}

.reviews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
  .reviews aside {
    padding-right: 50px;
    text-align: right; }
    .reviews aside nav {
      font-size: 13px;
      text-transform: uppercase;
      font-weight: bold; }
      .reviews aside nav a {
        color: #000; }
        .reviews aside nav a:hover {
          color: #6E00BC; }
        .reviews aside nav a:after {
          content: '';
          display: inline-block;
          vertical-align: middle;
          position: relative;
          top: -0.15em;
          margin: 0 10px 0 12px;
          width: 1px;
          height: 22px;
          background: #000; }
        .reviews aside nav a:last-child:after {
          display: none; }
  .reviews__slides {
    width: 100%;
    overflow: hidden; }
  .reviews__slide {
    width: 100%;
    margin: 0;
    border-left: solid 1px #000;
    padding-left: 50px; }
    .reviews__slide > *:last-child {
      margin-bottom: 0; }
    .reviews__slide cite {
      text-transform: uppercase;
      font-style: normal;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.2em; }
      .reviews__slide cite small {
        font-weight: normal;
        font-size: 13px;
        display: block;
        text-transform: none; }
  @media (max-width: 1023px) {
    .reviews aside {
      padding-right: 40px; }
    .reviews__slide {
      padding-left: 40px; } }
  @media (max-width: 767px) {
    .reviews {
      display: block; }
      .reviews aside {
        padding-right: 0;
        padding-left: 40px;
        text-align: left;
        margin-bottom: 40px; } }

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .contact__form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 800px;
    padding-right: 40px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .contact__side {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
    .contact__side > *:last-child {
      margin-bottom: 0; }
    .contact__side__social {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 1.2em;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .contact__side__social a {
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        width: 42px;
        height: 42px;
        border-radius: 42px;
        background: url(img/share.png) no-repeat 0 0 #c7c7c7;
        background-size: auto 42px;
        margin-right: 10px; }
        .contact__side__social a.facebook {
          background-position: -42px 0; }
          .contact__side__social a.facebook:hover {
            background-color: #3b5998; }
        .contact__side__social a.twitter {
          background-position: -84px 0; }
          .contact__side__social a.twitter:hover {
            background-color: #55acee; }
        .contact__side__social a.instagram {
          background-position: -126px 0; }
          .contact__side__social a.instagram:hover {
            background-color: #cd486b; }
        .contact__side__social a.linkedin {
          background-position: -168px 0; }
          .contact__side__social a.linkedin:hover {
            background-color: #0077B5; }
    .contact__side address {
      font-style: normal;
      line-height: 1.8em;
      margin-bottom: 1.4em; }
    .contact__side p {
      font-weight: bold; }
  @media (max-width: 1023px) {
    .contact {
      display: block; }
      .contact__form {
        max-width: 100%;
        padding-right: 0; }
      .contact__side {
        margin-top: 50px; } }

.modal-box {
  display: none; }
  .modal-box figure {
    padding: 75px 100px 75px 0; }
    .modal-box figure img {
      max-width: 1140px;
      width: 100%;
      height: auto;
      display: block;
      margin: 0 auto; }
  @media (max-width: 1023px) {
    .modal-box figure {
      padding: 20px; } }

#modal-box-close {
  background: #fff url(img/close.svg) no-repeat center center;
  background-size: 16px auto;
  cursor: pointer;
  border-radius: 62px;
  width: 62px;
  height: 62px;
  top: 20px;
  right: 20px;
  position: fixed;
  z-index: 99999;
  opacity: 0;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }
  #modal-box-close.show {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  @media (max-width: 1023px) {
    #modal-box-close {
      top: 40px;
      right: 40px; } }
  @media (max-width: 767px) {
    #modal-box-close {
      top: 30px;
      right: 30px; } }
  @media (max-width: 575px) {
    #modal-box-close {
      width: 42px;
      height: 42px; } 

	  .btn {
		  margin-top: 10px;
	  }
}


.project-hr {
	display: block;
    border: 0;
    height: 2px;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0;
    margin: 50px auto;
    background-color: #6E00BC;
}

.more-toggle {
  width: 56px;
  height: 56px;
  background: #fff url(img/plus--orange.svg) no-repeat center center;
  background-size: 26px auto;
  border-radius: 62px;
  margin: -28px auto;
  position: relative;
  z-index: 9999;
  cursor: pointer;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
  .more-toggle--minus {
    background-image: url(img/minus--orange.svg); }

.more-content {
  display: none;
  background: #fff;
  padding-top: 1px; }

.footer-spacer {
  z-index: -1;
  display: block;
  position: relative;
  height: 564px; }
  @media (max-width: 767px) {
    .footer-spacer {
      height: 475px; } }

.footer {
  background-color: #000;
  color: #fff;
  text-align: center;
  position: fixed;
  min-height: 564px;
  padding-top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 0; }
  .footer__logo {
    background: url(img/splendor.svg) no-repeat;
    background-size: 100% auto;
    width: 154px;
    height: 40px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
    margin: 30px auto; }
  .footer .social {
    margin: 60px 0; }
  .footer h3 {
    font-size: 30px;
    line-height: 1.2em;
    margin: 0 auto 1.25em auto; }
  .footer a {
    color: #fff; }
    .footer a:hover {
      color: #6E00BC; }
  .footer p {
    margin: 40px auto; }
  .footer address {
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    margin: 30px auto; }
    .footer address span {
      font-size: 0.8em;
      position: relative;
      top: -0.1em;
      padding: 0 10px; }
  .footer nav {
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 100px; }
    .footer nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .footer nav ul li:after {
        font-size: 0.8em;
        position: relative;
        top: -0.115em;
        padding: 0 10px;
        content: '|'; }
      .footer nav ul li:last-child:after {
        display: none; }
  @media (max-width: 767px) {
    .footer {
      padding-top: 75px;
      min-height: 475px; }
      .footer h3 {
        font-size: 25px; }
      .footer__logo, .footer address, .footer p {
        margin: 25px auto; }
      .footer .social {
        margin: 40px 0; }
      .footer nav {
        margin-top: 60px; }
        .footer nav ul li:after {
          padding: 0 7px; } }

.content .post-info {
  margin-bottom: 1em;
  color: #000;
  position: relative; }
  .content .post-info hr {
    margin-bottom: 2em; }
  .content .post-info p {
    font-size: 0.8em; }
  .content .post-info .post-info-content {
    width: 66.4%; }
    .content .post-info .post-info-content a {
      color: #8d00bc;
      font-weight: bold; }
      .content .post-info .post-info-content a:hover {
        color: #c800ca; }
  .content .post-info .apss-social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 70%;
    margin-left: 0; }
    .content .post-info .apss-social-share span {
      color: #fff !important;
      white-space: nowrap; }
  @media (max-width: 1023px) {
    .content .post-info .post-info-content {
      width: 100%;
      position: relative; }
    .content .post-info .apss-social-share {
      position: relative;
      left: 180px; }
      .content .post-info .apss-social-share .apss-single-icon {
        width: auto; } }
  @media (max-width: 767px) {
    .content .post-info .apss-social-share {
      left: 0;
      margin-bottom: 2em; } }
      
.cta {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 65px 60px;
	-webkit-box-shadow: 0 0 49px rgba(240,241,243,0.74);
	        box-shadow: 0 0 49px rgba(240,241,243,0.74);
}
.cta .text {
	font-family: 'ivyepic', sans-serif;
  font-size: 55px;
  color: #ffffff;
    text-transform: uppercase;
  line-height: 1.1em;
  margin-bottom: 0.45em;
    font-weight: 900;
}
@media (max-width: 1023px) {
	.cta {
		padding: 45px 40px;
	}
	.cta .text { 
		font-size: 45px;
	}
}
@media (max-width: 767px) {
	.cta {
		padding: 35px 30px;
	}
	.cta .text {
		font-size: 35px;
	}
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important; }

#swipebox-overlay img {
  border: none !important; }

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%; }

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer; }
  #swipebox-slider .slide {
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block; }
    #swipebox-slider .slide:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }
    #swipebox-slider .slide img,
    #swipebox-slider .slide .swipebox-video-container,
    #swipebox-slider .slide .swipebox-inline-container {
      display: inline-block;
      max-height: 100%;
      max-width: 100%;
      margin: 0;
      padding: 0;
      width: auto;
      height: auto;
      vertical-align: middle; }
	#swipebox-slider .slide .swipebox-video-container {max-width: 90%!important;}
    #swipebox-slider .slide .swipebox-video-container {
      background: none;
      max-height: 100%;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      #swipebox-slider .slide .swipebox-video-container .swipebox-video {
/*         width: 100vmin; */
		width: 100%;
        height: 0;
/*         padding-bottom: 56.25vmin; */
		padding-bottom: 90vmin;
        overflow: hidden;
        position: relative;
        margin: 0 auto; }
        #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }
  #swipebox-slider .slide-loading {
    background: url(img/load.gif) no-repeat center center;
    background-size: 32px auto; }

#swipebox-prev, #swipebox-next {
  background-image: url(img/arrow__prev--white.svg)!important;
  background-repeat: no-repeat;
  background-size: auto 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 9999;
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer; }

#swipebox-prev {
  left: 20px; }

#swipebox-next {
  background-image: url(img/arrow__next--white.svg)!important;
  right: 20px; }

#swipebox-close {
  background-color: #fff;
  background-image: url(img/close.svg);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: center center;
  z-index: 9999;
  cursor: pointer;
  position: absolute;
  border-radius: 62px;
  width: 62px;
  height: 62px;
  top: 20px;
  right: 20px; }
  @media (max-width: 575px) {
    #swipebox-close {
      width: 42px;
      height: 42px; } }

.swipebox-no-close-button #swipebox-close {
  display: none; }

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3; }

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
          animation: rightSpring 0.3s; }

.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
          animation: leftSpring 0.3s; }

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0; }

.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
          box-shadow: inset 10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
          box-shadow: inset -10px 0px 10px -8px #656565; }

.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1; }

.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1; }

@-webkit-keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@keyframes rightSpring {
  0% {
    left: 0; }
  50% {
    left: -30px; }
  100% {
    left: 0; } }

@-webkit-keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

@keyframes leftSpring {
  0% {
    left: 0; }
  50% {
    left: 30px; }
  100% {
    left: 0; } }

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: rgba(0, 0, 0, 0.9); }

#swipebox-bottom-bar,
#swipebox-top-bar {
  text-shadow: 1px 1px 1px black;
  background: #000;
  opacity: 0.95; }

#swipebox-top-bar {
  color: white !important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif; }

/*
 ----------------------------
 Core
 ----------------------------
 */
.custombox-content,
.custombox-overlay {
  position: fixed;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%; }

.custombox-overlay {
  z-index: 9997;
  opacity: 0;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.custombox-content {
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch; }

.custombox-lock {
  overflow: hidden; }

.custombox-reference {
  display: none; }

.custombox-content {
  overflow-y: auto; }
  .custombox-content > * {
    max-width: 100%; }

.custombox-fullscreen.custombox-content {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }
  .custombox-fullscreen.custombox-content > * {
    width: 100%;
    max-height: 100%; }

.custombox-y-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.custombox-x-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.custombox-y-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.custombox-y-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.custombox-x-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.custombox-x-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.custombox-perspective,
.custombox-perspective body {
  -webkit-perspective: 600px;
          perspective: 600px;
  height: 100%;
  overflow: hidden; }

.custombox-perspective .custombox-container {
  overflow: hidden;
  height: 100%; }

/*
 ----------------------------
 custombox-fadein
 ----------------------------
 */
@keyframes fadeIn {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition-property: all;
    transition-property: all; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition-property: all;
    transition-property: all; } }

@keyframes fadeOut {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-transition-property: all;
    transition-property: all; } }

.custombox-fadein.custombox-content {
  opacity: 0; }
  .custombox-fadein.custombox-content.custombox-open {
    -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-fadein.custombox-content.custombox-close {
    -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-slide
 ----------------------------
 */
@-webkit-keyframes slideInTop {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes slideInTop {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes slideOutTop {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes slideOutTop {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes slideInBottom {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes slideInBottom {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes slideOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes slideOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideInLeft {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

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

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

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slideInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

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

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

.custombox-slide.custombox-content,
.custombox-letmein.custombox-content,
.custombox-makeway.custombox-content,
.custombox-slip.custombox-content,
.custombox-push.custombox-content,
.custombox-contentscale.custombox-content {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
  .custombox-slide.custombox-content.custombox-open.custombox-top,
  .custombox-letmein.custombox-content.custombox-open.custombox-top,
  .custombox-makeway.custombox-content.custombox-open.custombox-top,
  .custombox-slip.custombox-content.custombox-open.custombox-top,
  .custombox-push.custombox-content.custombox-open.custombox-top,
  .custombox-contentscale.custombox-content.custombox-open.custombox-top {
    -webkit-animation-name: slideInTop;
            animation-name: slideInTop;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-open.custombox-bottom,
  .custombox-letmein.custombox-content.custombox-open.custombox-bottom,
  .custombox-makeway.custombox-content.custombox-open.custombox-bottom,
  .custombox-slip.custombox-content.custombox-open.custombox-bottom,
  .custombox-push.custombox-content.custombox-open.custombox-bottom,
  .custombox-contentscale.custombox-content.custombox-open.custombox-bottom {
    -webkit-animation-name: slideInBottom;
            animation-name: slideInBottom;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-open.custombox-left,
  .custombox-letmein.custombox-content.custombox-open.custombox-left,
  .custombox-makeway.custombox-content.custombox-open.custombox-left,
  .custombox-slip.custombox-content.custombox-open.custombox-left,
  .custombox-push.custombox-content.custombox-open.custombox-left,
  .custombox-contentscale.custombox-content.custombox-open.custombox-left {
    -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-open.custombox-right,
  .custombox-letmein.custombox-content.custombox-open.custombox-right,
  .custombox-makeway.custombox-content.custombox-open.custombox-right,
  .custombox-slip.custombox-content.custombox-open.custombox-right,
  .custombox-push.custombox-content.custombox-open.custombox-right,
  .custombox-contentscale.custombox-content.custombox-open.custombox-right {
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-close.custombox-top,
  .custombox-letmein.custombox-content.custombox-close.custombox-top,
  .custombox-makeway.custombox-content.custombox-close.custombox-top,
  .custombox-slip.custombox-content.custombox-close.custombox-top,
  .custombox-push.custombox-content.custombox-close.custombox-top,
  .custombox-contentscale.custombox-content.custombox-close.custombox-top {
    -webkit-animation-name: slideOutTop;
            animation-name: slideOutTop;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-close.custombox-bottom,
  .custombox-letmein.custombox-content.custombox-close.custombox-bottom,
  .custombox-makeway.custombox-content.custombox-close.custombox-bottom,
  .custombox-slip.custombox-content.custombox-close.custombox-bottom,
  .custombox-push.custombox-content.custombox-close.custombox-bottom,
  .custombox-contentscale.custombox-content.custombox-close.custombox-bottom {
    -webkit-animation-name: slideOutBottom;
            animation-name: slideOutBottom;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-close.custombox-left,
  .custombox-letmein.custombox-content.custombox-close.custombox-left,
  .custombox-makeway.custombox-content.custombox-close.custombox-left,
  .custombox-slip.custombox-content.custombox-close.custombox-left,
  .custombox-push.custombox-content.custombox-close.custombox-left,
  .custombox-contentscale.custombox-content.custombox-close.custombox-left {
    -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slide.custombox-content.custombox-close.custombox-right,
  .custombox-letmein.custombox-content.custombox-close.custombox-right,
  .custombox-makeway.custombox-content.custombox-close.custombox-right,
  .custombox-slip.custombox-content.custombox-close.custombox-right,
  .custombox-push.custombox-content.custombox-close.custombox-right,
  .custombox-contentscale.custombox-content.custombox-close.custombox-right {
    -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-newspaper
 ----------------------------
 */
@-webkit-keyframes newspaperIn {
  from {
    -webkit-transform: scale(0) rotate(720deg);
            transform: scale(0) rotate(720deg);
    opacity: 0; }
  to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1; } }
@keyframes newspaperIn {
  from {
    -webkit-transform: scale(0) rotate(720deg);
            transform: scale(0) rotate(720deg);
    opacity: 0; }
  to {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1; } }

@-webkit-keyframes newspaperOut {
  from {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: scale(0) rotate(720deg);
            transform: scale(0) rotate(720deg);
    opacity: 0; } }

@keyframes newspaperOut {
  from {
    -webkit-transform: scale(1) rotate(0deg);
            transform: scale(1) rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform: scale(0) rotate(720deg);
            transform: scale(0) rotate(720deg);
    opacity: 0; } }

.custombox-newspaper.custombox-content {
  opacity: 0; }
  .custombox-newspaper.custombox-content.custombox-open {
    -webkit-animation-name: newspaperIn;
            animation-name: newspaperIn;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-newspaper.custombox-content.custombox-close {
    -webkit-animation-name: newspaperOut;
            animation-name: newspaperOut;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-fall
 ----------------------------
 */
@-webkit-keyframes fallIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
            transform: translateZ(600px) rotateX(20deg);
    opacity: 0; }
  to {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translateZ(0) rotateX(0deg);
            transform: translateZ(0) rotateX(0deg);
    opacity: 1; } }
@keyframes fallIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
            transform: translateZ(600px) rotateX(20deg);
    opacity: 0; }
  to {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translateZ(0) rotateX(0deg);
            transform: translateZ(0) rotateX(0deg);
    opacity: 1; } }

@-webkit-keyframes fallOut {
  from {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translateZ(0) rotateX(0deg);
            transform: translateZ(0) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
            transform: translateZ(600px) rotateX(20deg);
    opacity: 0; } }

@keyframes fallOut {
  from {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translateZ(0) rotateX(0deg);
            transform: translateZ(0) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
            transform: translateZ(600px) rotateX(20deg);
    opacity: 0; } }

.custombox-fall.custombox-content {
  opacity: 0; }
  .custombox-fall.custombox-content.custombox-open {
    -webkit-animation-name: fallIn;
            animation-name: fallIn;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-fall.custombox-content.custombox-close {
    -webkit-animation-name: fallOut;
            animation-name: fallOut;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-sidefall
 ----------------------------
 */
@-webkit-keyframes sidefallIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
            transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0; }
  to {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translate(0) translateZ(0) rotate(0deg);
            transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1; } }
@keyframes sidefallIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
            transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0; }
  to {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translate(0) translateZ(0) rotate(0deg);
            transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1; } }

@-webkit-keyframes sidefallOut {
  from {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translate(0) translateZ(0) rotate(0deg);
            transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
            transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0; } }

@keyframes sidefallOut {
  from {
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transform: translate(0) translateZ(0) rotate(0deg);
            transform: translate(0) translateZ(0) rotate(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
            transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0; } }

.custombox-sidefall.custombox-content {
  opacity: 0; }
  .custombox-sidefall.custombox-content.custombox-open {
    -webkit-animation-name: sidefallIn;
            animation-name: sidefallIn;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-sidefall.custombox-content.custombox-close {
    -webkit-animation-name: sidefallOut;
            animation-name: sidefallOut;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-blur
 ----------------------------
 */
@-webkit-keyframes blurInTop {
  from {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
@keyframes blurInTop {
  from {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes blurOutTop {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0; } }

@keyframes blurOutTop {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    opacity: 0; } }

@-webkit-keyframes blurInBottom {
  from {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes blurInBottom {
  from {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes blurOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0; } }

@keyframes blurOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
    opacity: 0; } }

@-webkit-keyframes blurInRight {
  from {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes blurInRight {
  from {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes blurOutRight {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    opacity: 0; } }

@keyframes blurOutRight {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    opacity: 0; } }

@-webkit-keyframes blurInLeft {
  from {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@keyframes blurInLeft {
  from {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 0; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes blurOutLeft {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 0; } }

@keyframes blurOutLeft {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; }
  to {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 0; } }

@-webkit-keyframes blurInContainer {
  from {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  to {
    -webkit-filter: blur(3px);
            filter: blur(3px); } }

@keyframes blurInContainer {
  from {
    -webkit-filter: blur(0px);
            filter: blur(0px); }
  to {
    -webkit-filter: blur(3px);
            filter: blur(3px); } }

@-webkit-keyframes blurOutContainer {
  from {
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@keyframes blurOutContainer {
  from {
    -webkit-filter: blur(3px);
            filter: blur(3px); }
  to {
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

.custombox-blur.custombox-content {
  opacity: 0; }
  .custombox-blur.custombox-content.custombox-open.custombox-top {
    -webkit-animation-name: blurInTop;
            animation-name: blurInTop;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-open.custombox-bottom {
    -webkit-animation-name: blurInBottom;
            animation-name: blurInBottom;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-open.custombox-left {
    -webkit-animation-name: blurInLeft;
            animation-name: blurInLeft;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-open.custombox-right {
    -webkit-animation-name: blurInRight;
            animation-name: blurInRight;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-close.custombox-top {
    -webkit-animation-name: blurOutTop;
            animation-name: blurOutTop;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-close.custombox-bottom {
    -webkit-animation-name: blurOutBottom;
            animation-name: blurOutBottom;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-close.custombox-right {
    -webkit-animation-name: blurOutRight;
            animation-name: blurOutRight;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-blur.custombox-content.custombox-close.custombox-left {
    -webkit-animation-name: blurOutLeft;
            animation-name: blurOutLeft;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.custombox-blur.custombox-container {
  -webkit-animation-name: blurOutContainer;
          animation-name: blurOutContainer;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }
  .custombox-blur.custombox-container.custombox-open {
    -webkit-animation-name: blurInContainer;
            animation-name: blurInContainer;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-flip
 ----------------------------
 */
@-webkit-keyframes flipInTop {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
            transform: rotateX(-70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }
@keyframes flipInTop {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
            transform: rotateX(-70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes flipOutTop {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
            transform: rotateX(-70deg); } }

@keyframes flipOutTop {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
            transform: rotateX(-70deg); } }

@-webkit-keyframes flipInBottom {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@keyframes flipInBottom {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes flipOutBottom {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg); } }

@keyframes flipOutBottom {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg); } }

@-webkit-keyframes flipInRight {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@keyframes flipInRight {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes flipOutRight {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg); } }

@keyframes flipOutRight {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg); } }

@-webkit-keyframes flipInLeft {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
            transform: rotateY(-70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@keyframes flipInLeft {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
            transform: rotateY(-70deg); }
  to {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes flipOutLeft {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
            transform: rotateY(-70deg); } }

@keyframes flipOutLeft {
  from {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
            transform: rotateY(-70deg); } }

.custombox-flip.custombox-content {
  opacity: 0; }
  .custombox-flip.custombox-content.custombox-open.custombox-top {
    -webkit-animation-name: flipInTop;
            animation-name: flipInTop;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-open.custombox-bottom {
    -webkit-animation-name: flipInBottom;
            animation-name: flipInBottom;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-open.custombox-right {
    -webkit-animation-name: flipInRight;
            animation-name: flipInRight;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-open.custombox-left {
    -webkit-animation-name: flipInLeft;
            animation-name: flipInLeft;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-close.custombox-top {
    -webkit-animation-name: flipOutTop;
            animation-name: flipOutTop;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-close.custombox-bottom {
    -webkit-animation-name: flipOutBottom;
            animation-name: flipOutBottom;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-close.custombox-right {
    -webkit-animation-name: flipOutRight;
            animation-name: flipOutRight;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flip.custombox-content.custombox-close.custombox-left {
    -webkit-animation-name: flipOutLeft;
            animation-name: flipOutLeft;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-sign
 ----------------------------
 */
@-webkit-keyframes signIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition-property: all;
    transition-property: all; }
  to {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1; } }
@keyframes signIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition-property: all;
    transition-property: all; }
  to {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1; } }

@-webkit-keyframes signOut {
  from {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition-property: all;
    transition-property: all; } }

@keyframes signOut {
  from {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
            transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transition-property: all;
    transition-property: all; } }

.custombox-sign {
  -webkit-perspective: 1300px;
          perspective: 1300px; }
  .custombox-sign.custombox-content {
    opacity: 0; }
    .custombox-sign.custombox-content.custombox-open {
      -webkit-animation-name: signIn;
              animation-name: signIn;
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
    .custombox-sign.custombox-content.custombox-close {
      -webkit-animation-name: signOut;
              animation-name: signOut;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }

/*
 ----------------------------
 custombox-superscaled
 ----------------------------
 */
@-webkit-keyframes superscaledIn {
  from {
    -webkit-transform: scale(2);
            transform: scale(2); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }
@keyframes superscaledIn {
  from {
    -webkit-transform: scale(2);
            transform: scale(2); }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes superscaledOut {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(2);
            transform: scale(2); } }

@keyframes superscaledOut {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  to {
    -webkit-transform: scale(2);
            transform: scale(2); } }

.custombox-superscaled.custombox-content {
  opacity: 0; }
  .custombox-superscaled.custombox-content.custombox-open {
    -webkit-animation-name: superscaledIn;
            animation-name: superscaledIn;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-superscaled.custombox-content.custombox-close {
    -webkit-animation-name: superscaledOut;
            animation-name: superscaledOut;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-slit
 ----------------------------
 */
@-webkit-keyframes slitIn {
  0% {
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
            transform: translateZ(-3000px) rotateY(90deg); }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
            transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
            transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }
@keyframes slitIn {
  0% {
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
            transform: translateZ(-3000px) rotateY(90deg); }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
            transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(0) rotateY(0deg);
            transform: translateZ(0) rotateY(0deg);
    opacity: 1; } }

@-webkit-keyframes slitOut {
  0% {
    -webkit-transform: translateZ(0) rotateY(0deg);
            transform: translateZ(0) rotateY(0deg);
    opacity: 1; }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
            transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
            transform: translateZ(-3000px) rotateY(90deg); } }

@keyframes slitOut {
  0% {
    -webkit-transform: translateZ(0) rotateY(0deg);
            transform: translateZ(0) rotateY(0deg);
    opacity: 1; }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(89deg);
            transform: translateZ(-250px) rotateY(89deg);
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
            transform: translateZ(-3000px) rotateY(90deg); } }

.custombox-slit.custombox-content {
  opacity: 0;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }
  .custombox-slit.custombox-content.custombox-open {
    -webkit-animation-name: slitIn;
            animation-name: slitIn;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slit.custombox-content.custombox-close {
    -webkit-animation-name: slitOut;
            animation-name: slitOut;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-rotate
 ----------------------------
 */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateY(0%) rotateX(90deg);
            transform: translateY(0%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-property: all;
    transition-property: all; }
  to {
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg);
    opacity: 1; } }
@keyframes rotateIn {
  from {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateY(0%) rotateX(90deg);
            transform: translateY(0%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-property: all;
    transition-property: all; }
  to {
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg);
    opacity: 1; } }

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateY(0%) rotateX(90deg);
            transform: translateY(0%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-property: all;
    transition-property: all; } }

@keyframes rotateOut {
  from {
    -webkit-transform: translateY(0) rotateX(0deg);
            transform: translateY(0) rotateX(0deg);
    opacity: 1; }
  to {
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transform: translateY(0%) rotateX(90deg);
            transform: translateY(0%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
    -webkit-transition-property: all;
    transition-property: all; } }

.custombox-rotate {
  -webkit-perspective: 2300px;
          perspective: 2300px; }
  .custombox-rotate.custombox-content {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
    .custombox-rotate.custombox-content.custombox-open {
      -webkit-animation-name: rotateIn;
              animation-name: rotateIn;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }
    .custombox-rotate.custombox-content.custombox-close {
      -webkit-animation-name: rotateOut;
              animation-name: rotateOut;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards;
      -webkit-backface-visibility: hidden;
              backface-visibility: hidden; }

/*
 ----------------------------
 custombox-letmein
 ----------------------------
 */
@-webkit-keyframes letmeinBottomOverlay {
  to {
    -webkit-transform: rotateX(-2deg);
            transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }
@keyframes letmeinBottomOverlay {
  to {
    -webkit-transform: rotateX(-2deg);
            transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes letmeinOutBottomOverlay {
  from {
    -webkit-transform: rotateX(-2deg);
            transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@keyframes letmeinOutBottomOverlay {
  from {
    -webkit-transform: rotateX(-2deg);
            transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@-webkit-keyframes letmeinLeftOverlay {
  to {
    -webkit-transform: rotateY(-2deg);
            transform: rotateY(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes letmeinLeftOverlay {
  to {
    -webkit-transform: rotateY(-2deg);
            transform: rotateY(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes letmeinOutLeftOverlay {
  from {
    -webkit-transform: rotateY(-2deg);
            transform: rotateY(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@keyframes letmeinOutLeftOverlay {
  from {
    -webkit-transform: rotateY(-2deg);
            transform: rotateY(-2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@-webkit-keyframes letmeinRightOverlay {
  to {
    -webkit-transform: rotateY(2deg);
            transform: rotateY(2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes letmeinRightOverlay {
  to {
    -webkit-transform: rotateY(2deg);
            transform: rotateY(2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes letmeinOutRightOverlay {
  from {
    -webkit-transform: rotateY(2deg);
            transform: rotateY(2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@keyframes letmeinOutRightOverlay {
  from {
    -webkit-transform: rotateY(2deg);
            transform: rotateY(2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@-webkit-keyframes letmeinTopOverlay {
  to {
    -webkit-transform: rotateX(2deg);
            transform: rotateX(2deg);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes letmeinTopOverlay {
  to {
    -webkit-transform: rotateX(2deg);
            transform: rotateX(2deg);
    -webkit-transform-origin: 0 50%;
            transform-origin: 0 50%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes letmeinOutTopOverlay {
  from {
    -webkit-transform: rotateX(2deg);
            transform: rotateX(2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

@keyframes letmeinOutTopOverlay {
  from {
    -webkit-transform: rotateX(2deg);
            transform: rotateX(2deg);
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; }
  to {
    opacity: 0; } }

.custombox-letmein.custombox-overlay.custombox-open.custombox-top {
  -webkit-animation-name: letmeinTopOverlay;
          animation-name: letmeinTopOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom {
  -webkit-animation-name: letmeinBottomOverlay;
          animation-name: letmeinBottomOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-open.custombox-left {
  -webkit-animation-name: letmeinLeftOverlay;
          animation-name: letmeinLeftOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-open.custombox-right {
  -webkit-animation-name: letmeinRightOverlay;
          animation-name: letmeinRightOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-close.custombox-top {
  -webkit-animation-name: letmeinOutTopOverlay;
          animation-name: letmeinOutTopOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom {
  -webkit-animation-name: letmeinOutBottomOverlay;
          animation-name: letmeinOutBottomOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-close.custombox-left {
  -webkit-animation-name: letmeinOutLeftOverlay;
          animation-name: letmeinOutLeftOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-letmein.custombox-overlay.custombox-close.custombox-right {
  -webkit-animation-name: letmeinOutRightOverlay;
          animation-name: letmeinOutRightOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-makeway
 ----------------------------
 */
@-webkit-keyframes makewayInContainer {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
            transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(-200px);
            transform: translateZ(-200px); } }
@keyframes makewayInContainer {
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
            transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translateZ(-200px);
            transform: translateZ(-200px); } }

@-webkit-keyframes makewayOutContainer {
  0% {
    -webkit-transform: translateZ(-200px);
            transform: translateZ(-200px); }
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
            transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    opacity: 0; } }

@keyframes makewayOutContainer {
  0% {
    -webkit-transform: translateZ(-200px);
            transform: translateZ(-200px); }
  50% {
    -webkit-transform: translateZ(-50px) rotateY(5deg);
            transform: translateZ(-50px) rotateY(5deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    opacity: 0; } }

@-webkit-keyframes makewayInTop {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes makewayInTop {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes makewayOutTop {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes makewayOutTop {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes makewayInBottom {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes makewayInBottom {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes makewayOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes makewayOutBottom {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes makewayInLeft {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes makewayInLeft {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes makewayOutLeft {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes makewayOutLeft {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@-webkit-keyframes makewayInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes makewayInRight {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@-webkit-keyframes makewayOutRight {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes makewayOutRight {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

.custombox-makeway.custombox-overlay {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%; }
  .custombox-makeway.custombox-overlay.custombox-open {
    -webkit-animation-name: makewayInContainer;
            animation-name: makewayInContainer;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-makeway.custombox-overlay.custombox-close {
    -webkit-animation-name: makewayOutContainer;
            animation-name: makewayOutContainer;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.custombox-makeway.custombox-container {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%; }
  .custombox-makeway.custombox-container.custombox-open {
    -webkit-animation-name: makewayInContainer;
            animation-name: makewayInContainer;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-makeway.custombox-container.custombox-close {
    -webkit-animation-name: makewayOutContainer;
            animation-name: makewayOutContainer;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-slip
 ----------------------------
 */
@-webkit-keyframes slipTopOverlay {
  50% {
    -webkit-transform: rotateX(10deg);
            transform: rotateX(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }
@keyframes slipTopOverlay {
  50% {
    -webkit-transform: rotateX(10deg);
            transform: rotateX(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipOutTopOverlay {
  50% {
    -webkit-transform: rotateX(10deg);
            transform: rotateX(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipOutTopOverlay {
  50% {
    -webkit-transform: rotateX(10deg);
            transform: rotateX(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipRightOverlay {
  50% {
    -webkit-transform: rotateY(10deg);
            transform: rotateY(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipRightOverlay {
  50% {
    -webkit-transform: rotateY(10deg);
            transform: rotateY(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipOutRightOverlay {
  50% {
    -webkit-transform: rotateY(10deg);
            transform: rotateY(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipOutRightOverlay {
  50% {
    -webkit-transform: rotateY(10deg);
            transform: rotateY(10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipBottomOverlay {
  50% {
    -webkit-transform: rotateX(-10deg);
            transform: rotateX(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipBottomOverlay {
  50% {
    -webkit-transform: rotateX(-10deg);
            transform: rotateX(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipOutBottomOverlay {
  50% {
    -webkit-transform: rotateX(-10deg);
            transform: rotateX(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipOutBottomOverlay {
  50% {
    -webkit-transform: rotateX(-10deg);
            transform: rotateX(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipLeftOverlay {
  50% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipLeftOverlay {
  50% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@-webkit-keyframes slipOutLeftOverlay {
  50% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

@keyframes slipOutLeftOverlay {
  50% {
    -webkit-transform: rotateY(-10deg);
            transform: rotateY(-10deg);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d; } }

.custombox-slip.custombox-overlay.custombox-open.custombox-top {
  -webkit-animation-name: slipTopOverlay;
          animation-name: slipTopOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-open.custombox-bottom {
  -webkit-animation-name: slipBottomOverlay;
          animation-name: slipBottomOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-open.custombox-left {
  -webkit-animation-name: slipLeftOverlay;
          animation-name: slipLeftOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-open.custombox-right {
  -webkit-animation-name: slipRightOverlay;
          animation-name: slipRightOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-close.custombox-top {
  -webkit-animation-name: slipOutTopOverlay;
          animation-name: slipOutTopOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-close.custombox-bottom {
  -webkit-animation-name: slipOutBottomOverlay;
          animation-name: slipOutBottomOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-close.custombox-left {
  -webkit-animation-name: slipOutLeftOverlay;
          animation-name: slipOutLeftOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-overlay.custombox-close.custombox-right {
  -webkit-animation-name: slipOutRightOverlay;
          animation-name: slipOutRightOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-open.custombox-top {
  -webkit-animation-name: slipTopOverlay;
          animation-name: slipTopOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-open.custombox-bottom {
  -webkit-animation-name: slipBottomOverlay;
          animation-name: slipBottomOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-open.custombox-left {
  -webkit-animation-name: slipLeftOverlay;
          animation-name: slipLeftOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-open.custombox-right {
  -webkit-animation-name: slipRightOverlay;
          animation-name: slipRightOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-close.custombox-top {
  -webkit-animation-name: slipOutTopOverlay;
          animation-name: slipOutTopOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-close.custombox-bottom {
  -webkit-animation-name: slipOutBottomOverlay;
          animation-name: slipOutBottomOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-close.custombox-left {
  -webkit-animation-name: slipOutLeftOverlay;
          animation-name: slipOutLeftOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-slip.custombox-container.custombox-close.custombox-right {
  -webkit-animation-name: slipOutRightOverlay;
          animation-name: slipOutRightOverlay;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-corner
 ----------------------------
 */
@-webkit-keyframes cornerInOverlay {
  from {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform; } }
@keyframes cornerInOverlay {
  from {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform; } }

@-webkit-keyframes cornerOutOverlay {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform; }
  to {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    opacity: 0; } }

@keyframes cornerOutOverlay {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform; }
  to {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    opacity: 0; } }

@-webkit-keyframes cornerInContent {
  from {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 1; } }

@keyframes cornerInContent {
  from {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform; }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 1; } }

@-webkit-keyframes cornerOutContent {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 1; }
  to {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    opacity: 0; } }

@keyframes cornerOutContent {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    opacity: 1; }
  to {
    -webkit-transform: translateY(150px) translateX(150px);
            transform: translateY(150px) translateX(150px);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, transform, visibility;
    transition-property: opacity, transform, visibility, -webkit-transform;
    opacity: 0; } }

.custombox-corner.custombox-overlay.custombox-open {
  -webkit-animation-name: cornerInOverlay;
          animation-name: cornerInOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-corner.custombox-overlay.custombox-close {
  -webkit-animation-name: cornerOutOverlay;
          animation-name: cornerOutOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-corner.custombox-content.custombox-open {
  -webkit-animation-name: cornerInContent;
          animation-name: cornerInContent;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-corner.custombox-content.custombox-close {
  -webkit-animation-name: cornerOutContent;
          animation-name: cornerOutContent;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-slidetogether
 ----------------------------
 */
.custombox-slidetogether.custombox-content, .custombox-slidetogether.custombox-overlay {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
  .custombox-slidetogether.custombox-content.custombox-open.custombox-top, .custombox-slidetogether.custombox-overlay.custombox-open.custombox-top {
    -webkit-animation-name: slideInTop;
            animation-name: slideInTop;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-open.custombox-bottom, .custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom {
    -webkit-animation-name: slideInBottom;
            animation-name: slideInBottom;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-open.custombox-left, .custombox-slidetogether.custombox-overlay.custombox-open.custombox-left {
    -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-open.custombox-right, .custombox-slidetogether.custombox-overlay.custombox-open.custombox-right {
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-close.custombox-top, .custombox-slidetogether.custombox-overlay.custombox-close.custombox-top {
    -webkit-animation-name: slideOutTop;
            animation-name: slideOutTop;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-close.custombox-bottom, .custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom {
    -webkit-animation-name: slideOutBottom;
            animation-name: slideOutBottom;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-close.custombox-left, .custombox-slidetogether.custombox-overlay.custombox-close.custombox-left {
    -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-slidetogether.custombox-content.custombox-close.custombox-right, .custombox-slidetogether.custombox-overlay.custombox-close.custombox-right {
    -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-scale
 ----------------------------
 */
@-webkit-keyframes scaleInOverlay {
  from {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; } }
@keyframes scaleInOverlay {
  from {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; } }

@-webkit-keyframes scaleOutOverlay {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; }
  to {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    opacity: 0;
    opacity: 0; } }

@keyframes scaleOutOverlay {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; }
  to {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform;
    opacity: 0;
    opacity: 0; } }

.custombox-scale.custombox-overlay.custombox-open {
  -webkit-animation-name: scaleInOverlay;
          animation-name: scaleInOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-scale.custombox-overlay.custombox-close {
  -webkit-animation-name: scaleOutOverlay;
          animation-name: scaleOutOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-scale.custombox-content.custombox-open {
  -webkit-animation-name: scaleInOverlay;
          animation-name: scaleInOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-scale.custombox-content.custombox-close {
  -webkit-animation-name: scaleOutOverlay;
          animation-name: scaleOutOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-door
 ----------------------------
 */
@-webkit-keyframes doorInOverlay {
  from {
    position: fixed;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0; }
  to {
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition-property: width;
    transition-property: width; } }
@keyframes doorInOverlay {
  from {
    position: fixed;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0; }
  to {
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition-property: width;
    transition-property: width; } }

@-webkit-keyframes doorOutOverlay {
  from {
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition-property: width;
    transition-property: width; }
  to {
    position: fixed;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0; } }

@keyframes doorOutOverlay {
  from {
    width: 100%;
    left: 0;
    right: 0;
    -webkit-transition-property: width;
    transition-property: width; }
  to {
    position: fixed;
    bottom: 0;
    left: 50%;
    right: 50%;
    width: 0; } }

.custombox-door.custombox-overlay.custombox-open {
  -webkit-animation-name: doorInOverlay;
          animation-name: doorInOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-door.custombox-overlay.custombox-close {
  -webkit-animation-name: doorOutOverlay;
          animation-name: doorOutOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-door.custombox-content.custombox-open {
  -webkit-animation-name: doorInOverlay;
          animation-name: doorInOverlay;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-door.custombox-content.custombox-close {
  -webkit-animation-name: doorOutOverlay;
          animation-name: doorOutOverlay;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-push
 ----------------------------
 */
@-webkit-keyframes pushInLeftOverlay {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }
@keyframes pushInLeftOverlay {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@-webkit-keyframes pushOutLeftOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes pushOutLeftOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@-webkit-keyframes pushInRightOverlay {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@keyframes pushInRightOverlay {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@-webkit-keyframes pushOutRightOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes pushOutRightOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes pushInTopOverlay {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@keyframes pushInTopOverlay {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@-webkit-keyframes pushOutTopOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes pushOutTopOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes pushInBottomOverlay {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@keyframes pushInBottomOverlay {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); } }

@-webkit-keyframes pushOutBottomOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes pushOutBottomOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes pushOutTopOverlay {
  from {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0); }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes pushInLeftContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@keyframes pushInLeftContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); } }

@-webkit-keyframes pushOutLeftContainer {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@keyframes pushOutLeftContainer {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@-webkit-keyframes pushInRightContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@keyframes pushInRightContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); } }

@-webkit-keyframes pushOutRightContainer {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@keyframes pushOutRightContainer {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@-webkit-keyframes pushInTopContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@keyframes pushInTopContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); } }

@-webkit-keyframes pushOutTopContainer {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@keyframes pushOutTopContainer {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@-webkit-keyframes pushInBottomContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@keyframes pushInBottomContainer {
  from {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); } }

@-webkit-keyframes pushOutBottomContainer {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

@keyframes pushOutBottomContainer {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  to {
    overflow-x: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; } }

.custombox-push.custombox-overlay {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }
  .custombox-push.custombox-overlay.custombox-open.custombox-top {
    -webkit-animation-name: pushInTopOverlay;
            animation-name: pushInTopOverlay;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-open.custombox-bottom {
    -webkit-animation-name: pushInBottomOverlay;
            animation-name: pushInBottomOverlay;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-open.custombox-left {
    -webkit-animation-name: pushInLeftOverlay;
            animation-name: pushInLeftOverlay;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-open.custombox-right {
    -webkit-animation-name: pushInRightOverlay;
            animation-name: pushInRightOverlay;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-close.custombox-top {
    -webkit-animation-name: pushOutTopOverlay;
            animation-name: pushOutTopOverlay;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-close.custombox-bottom {
    -webkit-animation-name: pushOutBottomOverlay;
            animation-name: pushOutBottomOverlay;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-close.custombox-left {
    -webkit-animation-name: pushOutLeftOverlay;
            animation-name: pushOutLeftOverlay;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-push.custombox-overlay.custombox-close.custombox-right {
    -webkit-animation-name: pushOutRightOverlay;
            animation-name: pushOutRightOverlay;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-open.custombox-top {
  -webkit-animation-name: pushInTopContainer;
          animation-name: pushInTopContainer;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-open.custombox-bottom {
  -webkit-animation-name: pushInBottomContainer;
          animation-name: pushInBottomContainer;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-open.custombox-left {
  -webkit-animation-name: pushInLeftContainer;
          animation-name: pushInLeftContainer;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-open.custombox-right {
  -webkit-animation-name: pushInRightContainer;
          animation-name: pushInRightContainer;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-close.custombox-top {
  -webkit-animation-name: pushOutTopContainer;
          animation-name: pushOutTopContainer;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-close.custombox-bottom {
  -webkit-animation-name: pushOutBottomContainer;
          animation-name: pushOutBottomContainer;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-close.custombox-left {
  -webkit-animation-name: pushOutLeftContainer;
          animation-name: pushOutLeftContainer;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-push.custombox-container.custombox-close.custombox-right {
  -webkit-animation-name: pushOutRightContainer;
          animation-name: pushOutRightContainer;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-contentscale
 ----------------------------
 */
@-webkit-keyframes contentscaleInContainer {
  from {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }
@keyframes contentscaleInContainer {
  from {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; }
  to {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); } }

@-webkit-keyframes contentscaleOutContainer {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  to {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; } }

@keyframes contentscaleOutContainer {
  from {
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  to {
    -webkit-transition: -webkit-transform;
    transition: -webkit-transform;
    transition: transform;
    transition: transform, -webkit-transform; } }

.custombox-contentscale.custombox-overlay {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%); }
  .custombox-contentscale.custombox-overlay.custombox-open.custombox-top {
    -webkit-animation-name: slideInTop;
            animation-name: slideInTop;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom {
    -webkit-animation-name: slideInBottom;
            animation-name: slideInBottom;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-open.custombox-left {
    -webkit-animation-name: slideInLeft;
            animation-name: slideInLeft;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-open.custombox-right {
    -webkit-animation-name: slideInRight;
            animation-name: slideInRight;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-close.custombox-top {
    -webkit-animation-name: slideOutTop;
            animation-name: slideOutTop;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom {
    -webkit-animation-name: slideOutBottom;
            animation-name: slideOutBottom;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-close.custombox-left {
    -webkit-animation-name: slideOutLeft;
            animation-name: slideOutLeft;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-contentscale.custombox-overlay.custombox-close.custombox-right {
    -webkit-animation-name: slideOutRight;
            animation-name: slideOutRight;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.custombox-contentscale.custombox-container.custombox-open {
  -webkit-animation-name: contentscaleInContainer;
          animation-name: contentscaleInContainer;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

.custombox-contentscale.custombox-container.custombox-close {
  -webkit-animation-name: contentscaleOutContainer;
          animation-name: contentscaleOutContainer;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden; }

/*
 ----------------------------
 custombox-swell
 ----------------------------
 */
@-webkit-keyframes swellOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(calc(-100vw - 50%), 0, 0);
            transform: translate3d(calc(-100vw - 50%), 0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }
@keyframes swellOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(calc(-100vw - 50%), 0, 0);
            transform: translate3d(calc(-100vw - 50%), 0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes swellClose {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1);
            transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(calc(100vw + 50%), 0, 0);
            transform: translate3d(calc(100vw + 50%), 0, 0); } }

@keyframes swellClose {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1);
            transform: translate3d(-100px, 0, 0) scale3d(1.1, 1.1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(calc(100vw + 50%), 0, 0);
            transform: translate3d(calc(100vw + 50%), 0, 0); } }

.custombox-swell.custombox-content {
  opacity: 0; }
  .custombox-swell.custombox-content.custombox-open {
    -webkit-animation-name: swellOpen;
            animation-name: swellOpen;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-swell.custombox-content.custombox-close {
    -webkit-animation-name: swellClose;
            animation-name: swellClose;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-rotatedown
 ----------------------------
 */
@-webkit-keyframes rotatedownOpen {
  0% {
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes rotatedownOpen {
  0% {
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg); }
  100% {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg); } }

@-webkit-keyframes rotatedownClose {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg); } }

@keyframes rotatedownClose {
  0% {
    opacity: 1; }
  100% {
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg); } }

@-webkit-keyframes rotatedownElem {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg);
            transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg); } }

@keyframes rotatedownElem {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg);
            transform: translate3d(0, -150px, 0) rotate3d(0, 0, 1, -20deg); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg);
            transform: translate3d(0, 0, 0) rotate3d(0, 0, 1, 0deg); } }

.custombox-rotatedown.custombox-content {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform-origin: -150% 50%;
          transform-origin: -150% 50%; }
  .custombox-rotatedown.custombox-content.custombox-open {
    -webkit-animation-name: rotatedownOpen;
            animation-name: rotatedownOpen;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-rotatedown.custombox-content.custombox-close {
    -webkit-animation-name: rotatedownClose;
            animation-name: rotatedownClose;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 custombox-flash
 ----------------------------
 */
@-webkit-keyframes flashOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1);
            transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes flashOpen {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1);
            transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }

@-webkit-keyframes flashClose {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1);
            transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); } }

@keyframes flashClose {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  20% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1);
            transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); } }

.custombox-flash.custombox-content {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
          animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }
  .custombox-flash.custombox-content.custombox-open {
    -webkit-animation-name: flashOpen;
            animation-name: flashOpen;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .custombox-flash.custombox-content.custombox-close {
    -webkit-animation-name: flashClose;
            animation-name: flashClose;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

/*
 ----------------------------
 Loader
 ----------------------------
 */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.custombox-loader {
  display: none;
  border-style: solid;
  border-width: 5px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  z-index: 9998; }

/*! Flickity v2.2.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: 0; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing; }
/* ---------------------------------------- */
/* Styling for Web Maintenance Landing Page */
/* ---------------------------------------- */
#web-circle {
	float: left; 
	padding-top: 30px; 
	margin-left: -70px;
}
.web-title {
	margin: 150px 55px;
	font-size: 6em; 
	color: #ffffff;
	line-height: 1.2em;
	font-weight:900;
	padding-top: 50px;
	font-family: 'ivyepic', sans-serif;
}

.web-title1 {
	margin: 150px 55px;
	font-size: 6em; 
	color: #ffffff;
	line-height: 1.2em;
	font-weight:900;
	padding-top: 50px;
	font-family: 'ivyepic', sans-serif;
}

@media (max-width: 1000px) {
.web-title1 img {
	width: 90%;
	margin: 0 auto;
}
	#border {
		top: 40px;
	}
}

@media (max-width: 767px) {
	
	.web-title1 {
		margin: 125px 55px 50px 55px;
	}
}

.web-button-container {
	margin-top:-75px;
	margin-bottom:175px
}
.web-button {
	background-color: #6E00BC; 
	border: 1px solid #6E00BC;
	color: white; 
	padding: 20px 60px; 
	text-align: center; 
	text-decoration: none; 
	display: inline-block; 
	margin: 0px 2px; 
	cursor: pointer;
	font-size: 16px;
}
.web-button:hover {
	background-color: white; 
	color: #6E00BC; 
	border: 1px solid #6E00BC;
}
.web-stats-wrapper {
	text-align: center; 
	height: 600px; 
	display: flex; 
	flex-direction: row; 
	justify-content: center;
}
.web-stats {
	display: inline-block; 
	width: 530px; 
	height: 500px; 
	text-align: center; 
	margin-top: 25px; 
	padding-top: 10px; 
	margin-right: 5px;
}
.web-stats-text {
	background-color: rgba(255, 255, 255, 0.1); 
	display: inline-block; 
	width: 530px; 
	height: 550px; 
	text-align: left; 
	margin-top: 25px; 
	padding-top: 80px; 
	padding-left: 80px; 
	padding-right: 80px;
	color: white; 
	margin-left: 5px;
}
.web-stats-box {
	width: 200px; 
	height: 200px; 
	margin: 10px; 
	display: inline-block;
}
.web-stats-box-circle {
	border: 1px solid white; 
	width: 120px; 
	height: 120px; 
	margin: 10px; 
	display: inline-flex; 
	border-radius: 50%;
	align-items: center;
}
.title.web-stats-box-number {
	color: white; 
	margin: 0 auto;
}
.web-stats-box-number-text {
	font-size: 45px;
    line-height: 1.3em;
}
.web-stats-box-number-retainer {
	font-size: 25px;
    line-height: .7em;
}
.number-text-small {
	font-size: 25px;
}
.web-stats-box-text {
	color: white;
}
.web-stats-list {
	line-height: 180%;
}
.web-table-wrapper {
	text-align: center; 
	max-width: 1500px; 
	margin-top: 70px;
}
.title.web-table-title {
	margin-bottom: 40px; 
	font-size: 40px;
}
.web-table-body {
	display: inline-block; 
	width: 350px; 
	height: auto; 
	background-color: #f9f9f9; 
	margin-left: 10px; 
	margin-right: 10px; 
	vertical-align: top;
	margin-bottom: 15px;
}
.web-table-head {
	background-color: #545456; 
	color: white; 
	padding: 20px;
}
.web-table-head-title {
	font-size: 30px; 
	border-bottom: 1px solid #ffffff; 
	padding-bottom: 5px; 
	font-weight:900;
    font-family: 'ivyepic', sans-serif;
}
.web-table-head-subtitle {
	padding-top: 15px; 
	height: 65px;
}
.web-table-cost {
	padding-top: 20px; 
	padding-bottom: 35px; 
	font-weight:900;
    font-family: 'ivyepic', sans-serif;
}
.web-table-cost-sign {
	font-size: 20px; 
	display: inline-block; 
	vertical-align: 8px;
}
.web-table-cost-number {
	font-size: 35px; 
	display: inline-block;
}
.web-table-cost-text {
	font-size: 15px; 
	display: inline-block;
}
.web-table-list-wrapper {
	text-align: left; 
}
.web-table-list-item {
	padding: 15px 20px;
}
.fas.fa-check {
	color: green;
}
.fas.fa-times {
	color: red;
	margin: 5px 14px 10px 0px;
}
.fas {
	display: inline;
    float: left;
    margin: 5px 8px 10px 0px;
}
.fas-orange {
	color: #6E00BC!important;
    float: none;
}
.shaded-item {
	background-color: #eee;
}
.web-clients-wrapper {
	padding: 0px!important; 
	background: none!important; 
	margin-top:-100px!important;
}
.web-form-wrapper {
	text-align: center; 
	height: 400px; 
	margin: 120px 10px;
}
.web-form {
	width: 350px; 
	margin-left: 33%
}
.container.web-footer-wrapper {
	color: white; 
	text-align: center; 
	margin-top: 40px;
}
.web-footer-top-text {
	font-size: 12px; 
	margin-bottom: 30px; 
	margin-top: -10px;
}
.web-footer-bottom-text {
	font-size: 10px; 
	margin-top: 55px; 
	margin-bottom: 15px;
}
.web-footer-link {
	color: white;
}
.container-wrap .gform_wrapper .gform_footer {
    margin-left: 18px;
}
body #gform_wrapper_42 .gform_body .gform_fields .gfield input[type=text], body #gform_wrapper_42 .gform_body .gform_fields .gfield input[type=email], body #gform_wrapper_42 .gform_body .gform_fields .gfield input[type=tel], body #gform_wrapper_42 .gform_body .gform_fields .gfield input[type=url], body #gform_wrapper_42 .gform_body .gform_fields .gfield input[type=password] {
    margin-left: 25px;
    max-width: 100%;
    border-width: 1px;
    border-bottom: 1px solid black;
}
body #gform_wrapper_42 .gform_footer input[type=submit] {
    cursor: pointer;
	padding: 0px;
	transition: 0.3s;
}
@media only screen and (max-width: 1000px) {
	.web-title {
	font-size: 4em; 
	color: #ffffff;
		padding-top: 100px;
	}
	.web-button-container {
	margin-top:-35px;
	margin-bottom:90px
	}
}
@media only screen and (max-width: 600px) {
	.web-stats-wrapper {
		display: inline-block;
		height: auto;
	}
	.web-stats {
		width: auto;
	}
	.web-stats-text {
		width: auto;
		padding-left: 50px;
		padding-right: 50px;
		margin-bottom: 10px;
		margin-right: 5px;
	}
	.web-form {
		width: auto;
		margin-left: 0px;
		padding-right: 40px;
	}
	.web-form-wrapper {
		height: auto;
	}
	.web-button {
		margin-bottom: 30px;
	}
	.web-table-wrapper {
    margin-left: -15px;
	}
	.web-title {
	margin:50px 45px 25px 45px;
	font-size: 2em; 
	color: #ffffff;
	}
	.web-button-container {
	margin-top:0px;
	margin-bottom:0px
	}
}
.addtoany_content {
    margin-left: 3%!important;
}
.modal .popup-modal-dismiss {
    line-height: 28px!important;
}

/*Cookie bar */
.cookie-bar {
  display: none;
  background: #000000;
  color: #fff;
  padding: 10px 0;
  position: relative;
  position: fixed;
  z-index: 99999;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 14px;}
  .cookie-bar .container {
    padding-left: 80px;
    padding-right: 80px; }
  .cookie-bar a {
    color: #fff;text-decoration:underline }
    .cookie-bar a:hover {
      color: #ccc; }
  .cookie-bar p {
    margin-bottom: 0;
    font-size: 12px;
    text-align: center;
	padding:25px}
  .cookie-bar__close {
    background: url(img/close-w.svg) no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 11px;
    right: 80px;
    z-index: 2;
    cursor: pointer; }
@media only screen and (max-width: 600px) {
  .cookie-bar .container {
    padding-left: 5px;
    padding-right: 5px; }
	.cookie-bar p {
    margin: 0;
    font-size: 12px;
    text-align: center;
	padding:5px}
  @media (max-width: 1839px) {
    .cookie-bar__close {
      right: 10px; } }
.ifc .carousel-mask {
    margin: 0 auto;
    max-width: 1400px;
}
.ifc .carousel .flickity-button.next {
    left: calc(50% + 15px);
}
.ifc .carousel .flickity-button.previous {
    right: calc(50% + 15px);
}
.ifc .carousel-cell {
    padding: 0 8px 0 0;
}