@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

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

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714286em; }

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: 0.3em; }

.fa.fa-pull-right {
  margin-left: 0.3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: 0.3em; }

.fa.pull-right {
  margin-left: 0.3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

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

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

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

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

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

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

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

/*! Flickity v2.0.9
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.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; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09f; }

.flickity-prev-next-button:active {
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }

.glide * {
  box-sizing: inherit; }

.glide__track {
  overflow: hidden; }

.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform; }

.glide__slides--dragging {
  user-select: none; }

.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none; }

.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none; }

.glide--rtl {
  direction: rtl; }

/*# sourceMappingURL=glide.core.min.css.map */
.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: #fff;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease,border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1; }

.glide__arrow:focus {
  outline: none; }

.glide__arrow:hover {
  border-color: #fff; }

.glide__arrow--left {
  left: 2em; }

.glide__arrow--right {
  right: 2em; }

.glide__arrow--disabled {
  opacity: .33; }

.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%); }

.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 .25em; }

.glide__bullet:focus {
  outline: none; }

.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.5); }

.glide__bullet--active {
  background-color: #fff; }

.glide--swipeable {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

.glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

/*# sourceMappingURL=glide.theme.min.css.map */
/*! Flickity v2.0.9
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative; }

.flickity-enabled:focus {
  outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%; }

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%; }

/* draggable */
.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; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.flickity-prev-next-button:hover {
  background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09f; }

.flickity-prev-next-button:active {
  opacity: 0.6; }

.flickity-prev-next-button.previous {
  left: 10px; }

.flickity-prev-next-button.next {
  right: 10px; }

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px; }

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto; }

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%; }

.flickity-prev-next-button .arrow {
  fill: #333; }

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1; }

.flickity-rtl .flickity-page-dots {
  direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer; }

.flickity-page-dots .dot.is-selected {
  opacity: 1; }

/* Combined Shape: */
.fa-1-5x {
  font-size: 1.5em; }

.fa-2-5x {
  font-size: 2.5em; }

.fa-3-5x {
  font-size: 3.5em; }

.fa-4-5x {
  font-size: 4.5em; }

.fa-5-5x {
  font-size: 5.5em; }

.quote-container1 {
  display: flex;
  align-items: center; }
  @media (max-width: 991px) {
    .quote-container1 {
      display: block; } }
  .quote-container1 img {
    border-radius: 100%;
    width: 260px;
    height: 260px;
    object-fit: cover;
    margin-bottom: 16px;
    border: 1px solid #43affd;
    padding: 20px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      .quote-container1 img {
        width: 195px;
        height: 195px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .quote-container1 img {
        width: 170px;
        height: 170px; } }
    @media (max-width: 767px) {
      .quote-container1 img {
        width: 100%;
        height: auto; } }
  .quote-container1 .profile-container {
    display: flex;
    flex-direction: column;
    padding: 50px; }
    @media (max-width: 991px) {
      .quote-container1 .profile-container {
        padding: 20%; } }
    .quote-container1 .profile-container span {
      text-align: center;
      display: block;
      font-size: 19px;
      font-weight: 700;
      line-height: 23px; }
      .quote-container1 .profile-container span i {
        font-size: 15px;
        font-weight: 100;
        font-style: normal; }
  .quote-container1 blockquote {
    padding: 0;
    border: none;
    color: #0e86ef;
    font-size: 28px;
    line-height: 38px;
    font-weight: 100;
    margin-bottom: 0;
    position: relative;
    text-indent: 50px;
    quotes: "“" "”"; }
    .quote-container1 blockquote:before {
      content: open-quote;
      font-size: 500%;
      position: absolute;
      top: 36px;
      left: -54px; }

.pace {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.pace-inactive {
  display: none; }

.pace .pace-progress {
  background: #0e86ef;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px; }

body {
  position: relative;
  margin: 0; }

h1,
h2,
h3,
h4,
h5,
h6,
p {
  line-height: 1.3333333; }

h3 {
  line-height: 1.59999996; }

h5 {
  font-weight: 500;
  line-height: 1.73333329; }

h4 {
  font-weight: 700; }

a {
  cursor: pointer; }

a:hover {
  text-decoration: none; }

p,
li {
  line-height: 1.73333329;
  font-size: 15.96px;
  color: black;
  font-weight: 300; }

.ko-lang p,
.ko-lang li {
  font-weight: 400; }

img {
  max-width: 100%; }

.text-center-container {
  padding-top: 70px;
  padding-bottom: 30px;
  text-align: center; }

.integrateio-btn {
  border-radius: 4px;
  padding: 22px 40px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
  border: 0;
  background: #ff7d42;
  transition: all 0.1s linear; }
  .integrateio-btn:hover {
    color: #ffffff !important;
    background: #ff7d42; }
  .integrateio-btn.btn-white {
    background: linear-gradient(135deg, white 0%, #f1f1f1 100%);
    color: #0e86ef !important; }
    .integrateio-btn.btn-white:hover {
      background: white; }
  .integrateio-btn.btn-narrow {
    line-height: 5px;
    padding: 15px 40px; }
  .integrateio-btn.btn-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); }

.btn-orange {
  background: #e56e00;
  box-shadow: rgba(0, 0, 0, 0.15) 0 2px 3px 0;
  border-color: #ff912b;
  color: #ffffff !important; }
  .btn-orange:hover {
    background: #e56e00; }

table {
  padding: 0 30px 0 30px;
  overflow: auto;
  display: block; }
  table tr {
    border-top: 1px solid #cecece;
    background-color: transparent; }
    table tr:nth-child(2n) {
      background-color: #f8f8f8; }
  table th,
  table td {
    border: 1px solid #cecece;
    padding: 6px 13px; }

pre {
  display: block;
  padding: 16px;
  line-height: 1.45;
  font-size: 14px;
  background-color: #f2f2f2;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: auto;
  white-space: pre;
  word-wrap: normal; }

pre code {
  white-space: pre; }

.form-control:focus {
  border-width: 1px; }

.form-control:hover {
  border-width: 1px;
  border-color: #0e86ef; }

.has-error,
.has-warning,
.has-success {
  color: #ffffff;
  margin-top: 10px;
  font-size: 14px;
  text-align: left; }
  .has-error .form-control:focus,
  .has-warning .form-control:focus,
  .has-success .form-control:focus {
    border-width: 1px; }
  .has-error .control-label,
  .has-warning .control-label,
  .has-success .control-label {
    font-style: italic;
    font-weight: 800; }

.has-warning .form-control {
  background-color: #ffd4d4;
  border: 2px solid red; }

.has-error .form-control {
  background-color: #f2dede; }
  .has-error .form-control:hover {
    border-width: 1px;
    border-color: #ebccd1; }

.customers-bar-strip {
  padding: 90px 0 85px 0; }
  @media (min-width: 1473px) {
    .customers-bar-strip {
      padding: 90px 0 85px 0; } }
  @media (max-width: 991px) {
    .customers-bar-strip {
      padding: 63px 0 41px 0; } }
  @media (max-width: 767px) {
    .customers-bar-strip {
      display: none; } }
  .customers-bar-strip .customers-bar {
    width: 100%; }
  .customers-bar-strip .trusted-by-tagline {
    font-weight: 600;
    letter-spacing: 1.6px;
    text-align: center;
    color: #4d4d4d;
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      .customers-bar-strip .trusted-by-tagline {
        margin-bottom: 16px; } }
  .customers-bar-strip .customers-strip {
    position: relative;
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    overflow: hidden;
    border-top: 0;
    background-color: #ffffff;
    box-shadow: 0 13px 22px 0 rgba(0, 0, 0, 0.1); }
    @media (max-width: 767px) {
      .customers-bar-strip .customers-strip {
        height: auto;
        box-shadow: none; } }
  .customers-bar-strip .customer-image-wrapper {
    width: 16.66%;
    height: 100%;
    display: flex;
    padding: 0.3% 0.5%;
    margin: 10px; }
    @media (max-width: 767px) {
      .customers-bar-strip .customer-image-wrapper {
        width: 50%;
        height: auto;
        display: flex;
        justify-content: center; } }
    .customers-bar-strip .customer-image-wrapper img {
      width: 100%;
      height: auto;
      filter: grayscale(1) opacity(70%);
      align-self: center;
      object-fit: scale-down; }
    .customers-bar-strip .customer-image-wrapper .customer-sprite {
      width: 100%;
      height: auto;
      filter: grayscale(1) opacity(70%);
      align-self: center;
      object-fit: scale-down; }

@media (max-width: 1199px) {
  .navbar-toggle {
    display: block !important; }
  .navbar-header {
    float: none !important; }
  .navbar .navbar-collapse.collapse {
    display: none !important; }
    .navbar .navbar-collapse.collapse.in {
      display: block !important; }
  .navbar .navbar-nav > li {
    float: none !important; }
  .navbar .navbar-nav {
    float: none !important;
    margin: 7.5px -15px; } }

@media (min-width: 1200px) {
  .navbar-toggle {
    display: none !important; } }

.glide__slide {
  display: flex;
  flex-flow: column;
  align-items: center; }

.glide__bullets {
  bottom: -40px !important; }

.glide {
  display: flex;
  flex-flow: row;
  justify-content: center; }

.glide__bullet {
  background-color: #cdcdcd; }
  .glide__bullet.glide__bullet--active {
    background-color: #4b84ce; }

#companies-glide .glide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px; }

.glide__track {
  width: calc(100% - 100px); }

.glide__arrow {
  box-shadow: none; }

.glide__arrows .glide__arrow--right {
  right: 0px;
  padding: 10px 5px;
  border: none; }

.glide__arrows .glide__arrow--left {
  left: 0px;
  padding: 10px 5px;
  border: none; }

.white .glide__arrow--right,
.white .glide__arrow--left {
  border: none;
  color: rgba(0, 0, 0, 0.5);
  box-shadow: none; }

.arrow-icon {
  cursor: pointer; }

.white .top-container {
  padding-bottom: 80px; }

.glide__slide-container {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 50px; }

#testimonials-glide .glide__slide-container {
  background: #a6e8ff33; }

@media (max-width: 991px) {
  #testimonials-glide .glide__slide {
    padding: 0 30px; } }

code {
  word-break: break-word;
  background-color: #ededed;
  padding: 0 5px;
  line-height: 1.5em; }

@media (max-width: 1199px) {
  .navbar-toggle {
    display: block !important; }
  .navbar-header {
    float: none !important; }
  .navbar .navbar-collapse.collapse {
    display: none !important; }
    .navbar .navbar-collapse.collapse.in {
      display: block !important; }
  .navbar .navbar-nav > li {
    float: none !important; }
  .navbar .navbar-nav {
    float: none !important;
    margin: 7.5px -15px; } }

@media (min-width: 1200px) {
  .navbar-toggle {
    display: none !important; } }

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

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

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

.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.hidden {
  display: none !important; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  border-radius: 4px;
  display: block; }
  .breadcrumb li {
    display: inline-block; }

article,
aside,
footer,
main,
nav,
section,
summary {
  display: block; }

* {
  -webkit-font-smoothing: antialiased;
  transition: background-color 300ms linear, color 300ms linear; }

* {
  box-sizing: border-box; }

.container {
  padding: 0; }

.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }

.intercom-launcher-frame {
  transition: all 0.2s linear;
  background: linear-gradient(-135deg, #0e86ef 0%, #43affd 100%) !important; }

#comingSoonIntegrationModal .modal-header {
  padding: 45px 60px 0 60px; }
  @media (max-width: 767px) {
    #comingSoonIntegrationModal .modal-header {
      padding: 45px 20px 0 20px; } }
@media (max-width: 767px) {
  #comingSoonIntegrationModal .modal-body {
    padding: 10px 20px; } }

#comingSoonIntegrationModal .modal-footer {
  padding: 0 60px 45px; }
  @media (max-width: 767px) {
    #comingSoonIntegrationModal .modal-footer {
      padding: 0 20px 45px; } }
#comingSoonIntegrationModal h4 {
  font-size: 26px;
  margin-bottom: 15px; }

.h-input-field {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #3f3f3f; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop.show {
  opacity: 0.7; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  z-index: 10000; }

.fade {
  opacity: 1;
  transition: opacity 0.15s linear; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem; }

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px); }

.modal.show .modal-dialog {
  transform: none; }

.modal.modal-static .modal-dialog {
  transform: scale(1.02); }

.btn-close {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 1px 0 #fff;
  z-index: 10;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  opacity: 1; }
  .btn-close span {
    font-weight: 100;
    font-family: sans-serif;
    font-size: 60px; }

#main {
  margin-top: 20px;
  position: relative; }

.top-banner {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 50px;
  background-color: #0e86ef;
  align-items: center;
  justify-content: center;
  z-index: 100;
  transition: all 0.2s ease;
  font-size: 17px;
  display: none; }
  .top-banner.warning-banner {
    background-color: #ea3333; }
  .top-banner--text {
    color: #fff; }
  .top-banner--link {
    text-decoration: underline;
    color: #fff; }
    .top-banner--link:hover {
      color: #fff; }
  .top-banner--title {
    font-weight: 600; }

body {
  height: 100%;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  color: #3f3f3f;
  background-color: #ffffff;
  font-family: "Arial", "Open Sans", sans-serif !important;
  line-height: 1.42857143;
  margin: 0;
  display: flex;
  flex-flow: column; }

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.simple-header .navbar {
  position: relative; }

.simple-header .nav-container {
  width: 100%;
  justify-content: center; }
  .simple-header .nav-container.simple-header-signin {
    position: absolute;
    right: 10px;
    width: auto;
    top: 0;
    bottom: 0;
    margin: auto; }

.main-nav-container {
  background-color: #ffffff;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  max-height: 100vh;
  justify-content: flex-end;
  width: 100%;
  max-width: 100vw; }

.navbar {
  background-color: #2a2241;
  padding: 20px 0;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  margin-bottom: 0;
  max-height: 100vh;
  justify-content: space-between;
  border-radius: 0; }
  @media (max-width: 992px) {
    .navbar {
      justify-content: space-between;
      overflow: auto; } }
  .navbar:before, .navbar:after {
    content: none; }
  @media (max-width: 1200px) {
    .navbar {
      padding: 5px 10px; } }
  .navbar .navbar-brand {
    font-size: 36px;
    color: #000000;
    text-decoration: none solid black;
    line-height: 58px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-top: -7px;
    padding-right: 0;
    padding-left: 0; }
    @media (max-width: 992px) {
      .navbar .navbar-brand {
        display: none; } }
    .navbar .navbar-brand .logo {
      width: 192px;
      height: 70px;
      margin-top: 9px; }
  .navbar .mobile-logo {
    display: none;
    width: calc(100% - 70px);
    height: 40px;
    margin-top: 12px; }
    @media (max-width: 992px) {
      .navbar .mobile-logo {
        display: flex; } }
  .navbar .mobile-icon {
    display: none;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    margin: 10px;
    border-radius: 10px;
    background: transparent;
    border: none; }
    @media (max-width: 992px) {
      .navbar .mobile-icon {
        display: flex; } }
    .navbar .mobile-icon.active {
      background-color: #8b8b8b; }
      .navbar .mobile-icon.active span,
      .navbar .mobile-icon.active span:before,
      .navbar .mobile-icon.active span:after {
        background: #ffffff; }
    .navbar .mobile-icon span,
    .navbar .mobile-icon span:before,
    .navbar .mobile-icon span:after {
      cursor: pointer;
      border-radius: 1px;
      height: 3px;
      width: 30px;
      background: #ffffff;
      position: absolute;
      display: block;
      content: ""; }
    .navbar .mobile-icon span:before {
      top: -10px; }
    .navbar .mobile-icon span:after {
      bottom: -10px; }
  .navbar .nav-container {
    display: flex;
    flex-flow: row;
    list-style: none;
    transition: all 0.2s linear;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0; }
    .navbar .nav-container.container {
      position: absolute;
      right: 0;
      left: 0; }
    @media (max-width: 1200px) {
      .navbar .nav-container {
        padding-left: 5px; } }
    @media (max-width: 992px) {
      .navbar .nav-container.hide-mobile {
        display: none; } }
    @media (max-width: 992px) {
      .navbar .nav-container {
        flex-flow: column;
        width: 100vw;
        max-height: 0;
        overflow: hidden; }
        .navbar .nav-container.container {
          position: initial; }
        .navbar .nav-container .navbar-item-container {
          opacity: 0; }
        .navbar .nav-container.open {
          display: flex;
          max-height: 2000px; }
          .navbar .nav-container.open .navbar-item-container {
            opacity: 1; } }
    .navbar .nav-container .navbar-item-container {
      display: flex;
      cursor: pointer;
      margin: 0 15px;
      flex-wrap: wrap;
      align-items: center; }
      .navbar .nav-container .navbar-item-container:first-child {
        margin-left: 0;
        margin-right: 30px; }
      @media (max-width: 1200px) {
        .navbar .nav-container .navbar-item-container {
          margin: 0 10px; } }
      @media (max-width: 992px) {
        .navbar .nav-container .navbar-item-container {
          justify-content: center; } }
      @media (min-width: 1200px) {
        .navbar .nav-container .navbar-item-container:hover .dropdown-content {
          display: block; } }
      @media (min-width: 992px) {
        .navbar .nav-container .navbar-item-container.hide-desktop {
          display: none; } }
      .navbar .nav-container .navbar-item-container.open .icon-dropdown, .navbar .nav-container .navbar-item-container:hover .icon-dropdown {
        transform: rotate(180deg) scale(1.8);
        margin: 0 2px -5px 2px; }
    .navbar .nav-container .navbar-item {
      font-size: 16px;
      color: #ffffff;
      line-height: 58px;
      font-weight: 500; }
      .navbar .nav-container .navbar-item .lighter {
        opacity: 0.8; }
      @media (max-width: 992px) {
        .navbar .nav-container .navbar-item {
          width: 100%;
          text-align: center; } }
    .navbar .nav-container .signin-button {
      color: #ffffff;
      line-height: 58px;
      text-align: center;
      background-color: transparent;
      border: none;
      font-weight: 500;
      padding: 0;
      font-size: 16px; }
    .navbar .nav-container .get-started-button {
      color: #000000;
      line-height: 17px;
      text-align: center;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1);
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ff7d42;
      border-radius: 4px;
      padding: 12px 40px;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 600;
      transition: all 0.1s linear; }
      .navbar .nav-container .get-started-button:hover {
        color: #ffffff; }
    .navbar .nav-container .icon-dropdown {
      height: 15px;
      transform: scale(1.8);
      margin: -5px 2px 2px;
      padding-top: 5px;
      width: 10px;
      transition: all 0.2s linear; }
      .navbar .nav-container .icon-dropdown.white {
        display: none; }
    .navbar .nav-container .dropdown-content {
      position: absolute;
      min-width: 160px;
      z-index: 1000;
      margin-top: 70px;
      margin-left: 0;
      transition: all 0.2s linear;
      display: none;
      top: 0; }
      @media (max-width: 992px) {
        .navbar .nav-container .dropdown-content {
          transition: all 0.2s linear;
          max-height: 0;
          position: initial;
          width: 100%;
          margin: 0;
          padding: 0;
          pointer-events: none;
          display: block; }
          .navbar .nav-container .dropdown-content.open {
            display: block;
            max-height: 500px;
            overflow: scroll;
            pointer-events: all; }
            .navbar .nav-container .dropdown-content.open .dropdown-container {
              opacity: 1; }
          .navbar .nav-container .dropdown-content .dropdown-container {
            opacity: 0; } }
    .navbar .nav-container .dropdown-container {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
      background: #434967;
      border: 1px solid #a6e8ff;
      border-radius: 10px;
      overflow: auto;
      max-height: calc(100vh - 100px); }
      @media (max-width: 992px) {
        .navbar .nav-container .dropdown-container {
          box-shadow: none;
          background-color: transparent; } }
    .navbar .nav-container .dropdown-list {
      list-style: none;
      padding: 15px 0;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; }
      @media (max-width: 992px) {
        .navbar .nav-container .dropdown-list {
          padding: 0;
          margin: 0;
          min-width: 200px; } }
      .navbar .nav-container .dropdown-list.with-border {
        border-right: 1px solid #e1e0e0; }
        @media (max-width: 992px) {
          .navbar .nav-container .dropdown-list.with-border {
            border: none; } }
      .navbar .nav-container .dropdown-list .dropdown-middle-title {
        color: #fff;
        font-weight: 700;
        width: 100%;
        padding-left: 10px;
        font-size: 16px;
        margin-top: 10px; }
      .navbar .nav-container .dropdown-list .list-item {
        width: 100%;
        display: flex;
        align-items: center;
        border-radius: 5px;
        padding: 15px; }
        .navbar .nav-container .dropdown-list .list-item:before {
          content: "\2022";
          color: #ffffff;
          margin-right: 10px; }
        .navbar .nav-container .dropdown-list .list-item.with-icon {
          padding: 15px; }
          .navbar .nav-container .dropdown-list .list-item.with-icon:before {
            display: none; }
        .navbar .nav-container .dropdown-list .list-item.with-padding {
          padding-left: 25px; }
        .navbar .nav-container .dropdown-list .list-item.view-all .list-item-link {
          text-decoration: underline; }
        .navbar .nav-container .dropdown-list .list-item.view-all:before {
          display: none; }
        .navbar .nav-container .dropdown-list .list-item.view-all .fa {
          margin-left: 10px; }
        .navbar .nav-container .dropdown-list .list-item .item-icon {
          width: 35px;
          height: 35px;
          margin-right: 20px; }
          .navbar .nav-container .dropdown-list .list-item .item-icon.observability {
            width: 25px;
            height: 25px;
            margin-right: 25px;
            margin-left: 5px; }
          .navbar .nav-container .dropdown-list .list-item .item-icon.bigger {
            width: 30px;
            height: 50px;
            margin-right: 25px;
            overflow: visible;
            transform: scale(0.8); }
        .navbar .nav-container .dropdown-list .list-item .list-item-link {
          font-family: "Arial", "sans-serif";
          text-decoration: none;
          line-height: 20px;
          color: #ffffff;
          font-size: 16px;
          width: 100%;
          text-align: left;
          max-width: 180px;
          display: block; }
          @media (max-width: 992px) {
            .navbar .nav-container .dropdown-list .list-item .list-item-link {
              text-align: center; } }
        .navbar .nav-container .dropdown-list .list-item.empty {
          height: 57px;
          pointer-events: none;
          cursor: initial; }
          @media (max-width: 992px) {
            .navbar .nav-container .dropdown-list .list-item.empty {
              display: none; } }
          .navbar .nav-container .dropdown-list .list-item.empty:hover {
            background-color: #181c2e; }
        .navbar .nav-container .dropdown-list .list-item:hover {
          background-color: #181c2e; }

.integrateio-footer {
  margin-top: 50px;
  background-image: url("https://www.integrate.io/images/footer_background.9c425dd1a4f2d438d72c8dbf266c03a3.svg");
  background-size: cover;
  padding-top: 150px;
  background-position-y: -40px; }
  @media (max-width: 2000px) {
    .integrateio-footer {
      padding-top: 50px; } }
  @media (max-width: 1600px) {
    .integrateio-footer {
      padding-top: 10px; } }
  @media (max-width: 991px) {
    .integrateio-footer {
      background-image: url("https://www.integrate.io/images/footer_background_mobile.dd2c4881f4bd712e44ba6d431c416963.svg");
      padding-top: 0; } }
  .integrateio-footer .container {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px; }
  .integrateio-footer .logo {
    width: 150px;
    height: 35px;
    margin-bottom: 20px; }
    @media (max-width: 991px) {
      .integrateio-footer .logo {
        width: 80%; } }
  .integrateio-footer .company__info--details {
    font-weight: 800;
    font-size: 18px;
    color: #ffffff;
    line-height: 24px; }
    @media (max-width: 991px) {
      .integrateio-footer .company__info--details {
        text-align: center; } }
    .integrateio-footer .company__info--details a {
      color: #ffffff;
      font-weight: 400; }
      .integrateio-footer .company__info--details a:hover {
        color: #ffffff; }
  @media (max-width: 991px) {
    .integrateio-footer .company__info--wrapper {
      display: flex;
      flex-flow: column;
      align-items: center; } }
.footer__content--company--information {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
  margin-right: 50px; }
  .footer__content--company--information .company__info--wrapper {
    max-width: 240px; }
    @media (max-width: 991px) {
      .footer__content--company--information .company__info--wrapper {
        max-width: 100%; } }
  @media (max-width: 991px) {
    .footer__content--company--information {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0;
      margin: 0; } }
.footer__content--about--information {
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  width: 100%;
  padding: 0 30px 30px; }
  @media (max-width: 991px) {
    .footer__content--about--information {
      flex-flow: column;
      justify-content: center;
      align-items: center;
      padding-top: 15px;
      padding-right: 15px; } }
  @media (max-width: 399px) {
    .footer__content--about--information {
      flex-direction: column; } }
  .footer__content--about--information .footer__content--about-list {
    display: flex;
    justify-content: space-between;
    flex-flow: row; }
    @media (max-width: 991px) {
      .footer__content--about--information .footer__content--about-list {
        flex-flow: column; } }
  .footer__content--about--information :lang(ja) .list-group-item {
    font-weight: inherit; }
  .footer__content--about--information .list-group-item {
    font-size: 18px;
    padding: 0;
    border: none !important;
    background-color: inherit !important;
    font-weight: 400;
    margin: 1px 0;
    line-height: 20px;
    color: #ffffff; }
    @media (max-width: 991px) {
      .footer__content--about--information .list-group-item {
        text-align: center; } }
    .footer__content--about--information .list-group-item a {
      color: #ffffff; }
      .footer__content--about--information .list-group-item a:hover {
        color: #ffffff; }
  .footer__content--about--information .about__information--title {
    margin-top: 0;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    line-height: 22px;
    margin-bottom: 0; }
    @media (max-width: 991px) {
      .footer__content--about--information .about__information--title {
        text-align: center; } }
.footer__content {
  display: flex;
  z-index: 2;
  width: 100%;
  padding-top: 250px;
  padding-left: 100px;
  padding-right: 100px;
  flex-flow: row; }
  @media (max-width: 991px) {
    .footer__content {
      flex-direction: column; } }
  @media (max-width: 991px) {
    .footer__content {
      padding: 150px 20px 10px 20px; } }
  .footer__content .footer__content--about--information {
    z-index: 2; }

.footer__bottom-strip {
  background-color: rgba(29, 150, 255, 0.1); }

.footer__bottom-strip-content {
  display: flex;
  justify-content: space-between;
  padding: 19px 0; }
  @media (max-width: 767px) {
    .footer__bottom-strip-content {
      display: block;
      margin: 0 20px; } }
.footer__bottom-strip-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 16px;
  color: #2f2b46;
  text-decoration: none solid #2f2b46;
  line-height: 16px;
  font-weight: 600; }
  @media (max-width: 767px) {
    .footer__bottom-strip-links {
      margin-bottom: 20px; } }
.footer__bottom-strip-socials {
  display: flex;
  width: 150px;
  justify-content: space-around;
  margin-top: 5px;
  margin-bottom: 10px; }
  @media (max-width: 991px) {
    .footer__bottom-strip-socials {
      width: 70%; } }
  .footer__bottom-strip-socials i {
    margin-right: 5px;
    font-size: 30px;
    color: #ffffff; }

.footer__bottom-strip-badges {
  display: flex;
  width: 150px;
  justify-content: space-around;
  margin-top: 5px;
  margin-bottom: 20px; }
  .footer__bottom-strip-badges .badge-icon {
    width: 50px;
    height: 67px;
    margin: 0 3px; }
    .footer__bottom-strip-badges .badge-icon.bigger {
      transform: scale(1.15); }

.signup-form.footer-signup {
  margin-bottom: 20px; }
  @media (max-width: 991px) {
    .signup-form.footer-signup {
      position: initial; } }
  .signup-form.footer-signup .signup-form-title {
    color: #ffffff;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px; }
    @media (max-width: 991px) {
      .signup-form.footer-signup .signup-form-title {
        margin-top: 20px;
        margin-bottom: 10px;
        text-align: center; } }
  .signup-form.footer-signup .hbspt-form form {
    display: flex;
    flex-flow: row; }
    @media (max-width: 991px) {
      .signup-form.footer-signup .hbspt-form form {
        flex-flow: column; } }
    .signup-form.footer-signup .hbspt-form form .input {
      display: flex;
      justify-content: center; }
    .signup-form.footer-signup .hbspt-form form .hs-error-msg {
      max-width: 200px; }
    .signup-form.footer-signup .hbspt-form form [name="email"] {
      border: none;
      width: 200px;
      height: 36px;
      border-radius: 10px; }
      @media (max-width: 991px) {
        .signup-form.footer-signup .hbspt-form form [name="email"] {
          text-align: center; } }
      .signup-form.footer-signup .hbspt-form form [name="email"]::placeholder {
        color: #bebebe; }
    .signup-form.footer-signup .hbspt-form form .actions {
      margin: 0; }
      .signup-form.footer-signup .hbspt-form form .actions input {
        border: 2px solid #ffffff;
        background: transparent;
        color: #ffffff;
        font-weight: 700;
        padding: 7px 30px;
        height: 36px;
        font-size: 16px;
        width: auto;
        margin-left: 10px;
        cursor: pointer;
        transition: all 0.3s linear; }
        .signup-form.footer-signup .hbspt-form form .actions input:hover {
          background: #00ebb2 !important;
          color: #000000 !important;
          border: 1px solid #00ebb2; }
        @media (max-width: 991px) {
          .signup-form.footer-signup .hbspt-form form .actions input {
            margin-left: 0; } }
html {
  height: 100%; }
  html .fa {
    font-family: "FontAwesome", sans-serif !important; }
  html *, html *::before, html *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased; }

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

img {
  font-size: 1px !important; }

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0; }

.hidden {
  display: none !important; }

.form-control {
  display: block;
  width: 100%;
  height: 46px;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.428571429;
  color: #3f3f3f;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #b6b6b6;
  border-radius: 6px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.428571429;
  border-radius: 4px;
  user-select: none; }

.integrateio-btn {
  text-transform: uppercase;
  font-size: 16px;
  border: 0;
  transition: all 0.1s linear;
  background: #ff7d42;
  border-radius: 10px;
  padding: 15px 40px;
  font-weight: 600;
  color: #000000;
  cursor: pointer; }

.btn-block {
  display: block;
  width: 100%; }

a {
  text-decoration: none; }

ul {
  margin-top: 0;
  margin-bottom: 10px;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.h-input-field {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1; }

.connector-icon.klaviyo {
  background-position: calc(-10px * 0.7) calc(-10px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.netsuite {
  background-position: calc(-194px * 0.7) calc(-10px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.snapchat {
  background-position: calc(-10px * 0.7) calc(-194px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.bigquery {
  background-position: calc(-194px * 0.7) calc(-194px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.gorgias {
  background-position: calc(-378px * 0.7) calc(-10px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.ga {
  background-position: calc(-378px * 0.7) calc(-194px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.salesforce {
  background-position: calc(-10px * 0.7) calc(-378px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.snowflake {
  background-position: calc(-194px * 0.7) calc(-378px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.gads {
  background-position: calc(-378px * 0.7) calc(-378px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.bigcommerce {
  background-position: calc(-562px * 0.7) calc(-10px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.redshift {
  background-position: calc(-562px * 0.7) calc(-194px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.shopify {
  background-position: calc(-562px * 0.7) calc(-378px * 0.7);
  background-size: calc(736px * 0.7) calc(552px * 0.7); }

.connector-icon.bigcommerce {
  bottom: 0;
  right: 100px; }
  @media (max-width: 991px) {
    .connector-icon.bigcommerce {
      display: none; } }
.connector-icon.klaviyo {
  right: 105px;
  bottom: 150px; }
  @media (max-width: 991px) {
    .connector-icon.klaviyo {
      top: 110px;
      left: 100px; } }
.connector-icon.netsuite {
  bottom: 70px;
  right: -5px; }
  @media (max-width: 991px) {
    .connector-icon.netsuite {
      top: 190px;
      left: 200px; } }
.connector-icon.gorgias {
  bottom: 220px;
  right: -5px; }
  @media (max-width: 991px) {
    .connector-icon.gorgias {
      display: none; } }
.connector-icon.redshift {
  bottom: 310px;
  right: 100px; }
  @media (max-width: 991px) {
    .connector-icon.redshift {
      top: 10px;
      left: 10px; } }
.connector-icon.shopify {
  bottom: 5px;
  left: 130px; }
  @media (max-width: 991px) {
    .connector-icon.shopify {
      top: 10px;
      left: 200px; } }
.connector-icon.gads {
  bottom: 380px;
  right: -10px; }
  @media (max-width: 991px) {
    .connector-icon.gads {
      top: 10px;
      left: 350px; } }
.connector-icon.salesforce {
  left: -5px;
  bottom: 30px; }
  @media (max-width: 991px) {
    .connector-icon.salesforce {
      top: 110px;
      left: 300px; } }
.connector-icon.snowflake {
  left: 110px;
  bottom: 140px; }
  @media (max-width: 991px) {
    .connector-icon.snowflake {
      display: none; } }
.connector-icon.ga {
  left: -10px;
  bottom: 210px; }
  @media (max-width: 991px) {
    .connector-icon.ga {
      top: 160px;
      left: -30px; } }
.connector-icon.snapchat {
  left: 80px;
  bottom: 315px; }
  @media (max-width: 991px) {
    .connector-icon.snapchat {
      display: none; } }
.connector-icon.bigquery {
  left: -35px;
  bottom: 375px; }
  @media (max-width: 991px) {
    .connector-icon.bigquery {
      display: none; } }
* {
  font-family: "Arial", "sans-serif"; }

@media (max-width: 992px) {
  .hide-mobile {
    display: none !important; } }

@media (min-width: 992px) {
  .hide-desktop {
    display: none !important; } }

.integrateio .highlighted-text {
  color: #4b84ce;
  font-family: inherit; }

.integrateio .subscription__form {
  padding: 20px; }

.integrateio .subscription__form--title {
  font-size: 25px;
  margin-top: 0; }

.integrateio .info-container {
  display: flex;
  flex-flow: column;
  justify-content: flex-start; }
  .integrateio .info-container .description {
    font-weight: 300;
    color: #4c4c4c;
    margin: 0;
    font-size: 16px; }

.integrateio .home-customers {
  width: 100%;
  opacity: 1;
  padding: 0;
  background: rgba(166, 232, 255, 0.2); }
  .integrateio .home-customers.customers-small {
    background: transparent;
    opacity: 0.5;
    margin: 30px 0; }
    .integrateio .home-customers.customers-small .customers-strip {
      flex-wrap: nowrap; }
    @media (max-width: 991px) {
      .integrateio .home-customers.customers-small {
        display: none; } }
  .integrateio .home-customers .arrow-icon {
    cursor: pointer;
    width: 25px;
    height: 35px; }
  .integrateio .home-customers .container {
    height: 110px;
    display: flex;
    align-items: center; }
  .integrateio .home-customers .row {
    width: 100%; }
  .integrateio .home-customers .customers-strip {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    flex-flow: row;
    flex-wrap: wrap; }
  .integrateio .home-customers .slick-list {
    width: 100%; }
  .integrateio .home-customers .slick-track {
    width: 100%; }

.integrateio .cards-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }
  .integrateio .cards-container .card {
    width: 300px;
    height: 230px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 3px 21px rgba(47, 43, 70, 0.2);
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 9px;
    justify-content: flex-start;
    padding: 16px; }
    .integrateio .cards-container .card:hover {
      transform: translateY(-3px); }
  .integrateio .cards-container .card-title {
    font-size: 16px;
    color: #2d3e4a;
    text-decoration: none solid #2d3e4a;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    margin-top: 29px;
    margin-bottom: 13px;
    height: 50px; }
  .integrateio .cards-container .card-description {
    font-size: 14px;
    color: #2d3e4a;
    text-decoration: none solid #2d3e4a;
    line-height: 16px;
    text-align: center;
    height: 100px; }

.integrateio .new-homepage {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .integrateio .new-homepage section {
    margin-top: 100px; }
    .integrateio .new-homepage section.faq-section {
      margin-top: 150px; }
  .integrateio .new-homepage .text-container {
    padding: 0 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
    .integrateio .new-homepage .text-container.with-margin {
      margin-top: 50px; }
  .integrateio .new-homepage .homepage-banner {
    width: 100%;
    margin-top: 60px;
    height: 160px; }
  .integrateio .new-homepage .signup-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .signup-form {
        display: flex;
        justify-content: center; } }
    .integrateio .new-homepage .signup-form.product.first-one {
      flex-flow: column;
      justify-content: center;
      width: fit-content; }
      .integrateio .new-homepage .signup-form.product.first-one.align-left {
        align-items: flex-start; }
    .integrateio .new-homepage .signup-form .buttons-container {
      display: flex;
      flex-flow: row; }
    .integrateio .new-homepage .signup-form .form-group {
      height: 56px;
      margin-bottom: 0;
      width: 50%; }
      .integrateio .new-homepage .signup-form .form-group .form-control {
        height: 56px;
        margin: 0;
        width: 100%; }
    .integrateio .new-homepage .signup-form .integrateio-btn {
      text-transform: none;
      margin-left: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #000000;
      line-height: 17px;
      width: auto;
      background: #ff7d42;
      border-radius: 4px;
      padding: 15px 40px;
      font-weight: 600;
      font-size: 16px; }
      .integrateio .new-homepage .signup-form .integrateio-btn:first-child {
        margin-left: 0; }
      .integrateio .new-homepage .signup-form .integrateio-btn.btn-white-homepage {
        padding: 15px 30px;
        border: 1px solid #1d96ff;
        border-radius: 6px;
        background: #ffffff;
        background-size: cover;
        color: #1d96ff;
        text-decoration: none solid #1d96ff; }
  .integrateio .new-homepage .author-container {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    margin: 10px 0; }
    .integrateio .new-homepage .author-container .author-photo {
      margin-right: 8px;
      width: 32px;
      height: 32px;
      border: 1px solid #fff;
      border-radius: 100%; }
    .integrateio .new-homepage .author-container .author-name {
      display: block;
      margin: auto 0;
      font-size: 22px;
      font-style: normal;
      font-weight: 300;
      text-align: center;
      text-transform: capitalize;
      color: #ffffff; }
  .integrateio .new-homepage .title-container {
    width: 100%;
    margin-top: 50px; }
    .integrateio .new-homepage .title-container .container {
      overflow: hidden;
      padding: 30px 0;
      background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 86.6%);
      display: flex;
      flex-flow: row;
      justify-content: flex-start;
      align-items: center;
      position: relative; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .title-container .container {
          flex-flow: column-reverse;
          align-items: center;
          padding: 0; } }
    .integrateio .new-homepage .title-container .text-container {
      width: 70%;
      margin-right: 60px;
      align-items: flex-start;
      padding: 0;
      min-height: 286px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .title-container .text-container {
          align-items: center; } }
      .integrateio .new-homepage .title-container .text-container .subtitle {
        text-align: left; }
      .integrateio .new-homepage .title-container .text-container.full-width {
        width: 100%;
        display: flex;
        flex-flow: column;
        align-items: center; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .title-container .text-container {
          width: 100%;
          margin-right: 0;
          padding: 0 20px 20px; } }
      .integrateio .new-homepage .title-container .text-container .title {
        font-size: 45px;
        line-height: 48px;
        letter-spacing: -1.35px;
        text-align: left;
        opacity: 0.95;
        margin-top: 0;
        font-weight: 700;
        color: #ffffff;
        font-family: "Arial", "sans-serif";
        margin-bottom: 0; }
        .integrateio .new-homepage .title-container .text-container .title .highlighted-text {
          color: #ffffff;
          font-family: inherit; }
        .integrateio .new-homepage .title-container .text-container .title.center {
          text-align: center; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .title-container .text-container .title {
            margin-top: 0;
            font-size: 40px;
            line-height: 45px;
            text-align: center;
            min-height: 180px; } }
      .integrateio .new-homepage .title-container .text-container .subtitle {
        font-size: 28px;
        color: #ffffff;
        line-height: 32px;
        margin-top: 20px;
        margin-bottom: 30px;
        font-weight: 400;
        font-family: "Arial", "sans-serif"; }
        .integrateio .new-homepage .title-container .text-container .subtitle a {
          color: #00ebb2; }
          .integrateio .new-homepage .title-container .text-container .subtitle a:hover {
            color: #00b88b; }
        .integrateio .new-homepage .title-container .text-container .subtitle.center {
          text-align: center; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .title-container .text-container .subtitle {
            text-align: center;
            font-size: 25px;
            line-height: 28px; } }
      .integrateio .new-homepage .title-container .text-container .bullets-list {
        padding-left: 30px;
        list-style: disc;
        margin-bottom: 20px;
        margin-top: -30px; }
        .integrateio .new-homepage .title-container .text-container .bullets-list .bullet-item {
          font-size: 20px;
          color: #ffffff;
          line-height: 22px;
          margin-top: 10px;
          margin-bottom: 10px;
          font-weight: 400;
          font-family: "Arial", "sans-serif"; }
  .integrateio .new-homepage .hero-image {
    margin-top: 15px;
    z-index: 2;
    position: relative;
    height: 450px;
    width: 600px;
    padding: 0; }
    .integrateio .new-homepage .hero-image.background {
      position: absolute;
      z-index: 1;
      right: 0; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .hero-image {
        height: 300px;
        width: 240px;
        max-width: calc(100vw - 50px);
        padding: 0; } }
    .integrateio .new-homepage .hero-image.mobile {
      display: none; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .hero-image {
        display: none; }
        .integrateio .new-homepage .hero-image.mobile {
          display: block; } }
    .integrateio .new-homepage .hero-image.dark {
      display: none; }
  .integrateio .new-homepage .hero-image-background {
    position: absolute;
    right: 40px;
    top: 0;
    width: 500px;
    height: 500px; }
  .integrateio .new-homepage .button-container {
    display: flex;
    justify-content: center;
    align-items: center; }
  .integrateio .new-homepage .gradient-container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 86.6%);
    width: 100vw;
    overflow: hidden;
    max-width: 100%; }
    .integrateio .new-homepage .gradient-container .container {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      padding: 50px;
      position: relative;
      overflow: visible; }
    .integrateio .new-homepage .gradient-container.connectors {
      padding: 20px 50px;
      margin-top: 0; }
      .integrateio .new-homepage .gradient-container.connectors .text-container {
        margin-top: 0; }
      .integrateio .new-homepage .gradient-container.connectors .title {
        margin-top: 0; }
    .integrateio .new-homepage .gradient-container .connectors-title {
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 700;
      font-size: 30px;
      line-height: 36px;
      text-align: center;
      color: #ffffff;
      margin-bottom: 30px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .gradient-container .connectors-title.connectors {
          margin-top: 250px; } }
    .integrateio .new-homepage .gradient-container .connectors-description {
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 400;
      font-size: 26px;
      line-height: 30px;
      text-align: center;
      color: #ffffff;
      margin-bottom: 50px;
      max-width: 500px; }
    .integrateio .new-homepage .gradient-container .connector-icon {
      position: absolute;
      width: 125px;
      height: 125px;
      transition: all 200ms; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .gradient-container .connector-icon {
          transform: scale(0.8); } }
    .integrateio .new-homepage .gradient-container .icons-container {
      display: flex;
      flex-flow: row;
      justify-content: space-around;
      align-items: center;
      width: 100%;
      flex-wrap: wrap; }
      .integrateio .new-homepage .gradient-container .icons-container.space-around {
        justify-content: space-around; }
    .integrateio .new-homepage .gradient-container .icon-container {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      margin: 10px;
      width: 240px;
      min-width: 200px; }
    .integrateio .new-homepage .gradient-container .product-icon {
      height: 80px;
      margin: 10px 0; }
    .integrateio .new-homepage .gradient-container .product-title {
      margin: 10px 0;
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 20px;
      text-align: center;
      color: #ffffff; }
  .integrateio .new-homepage .roi-benchmark .data-section.benchmark-study {
    padding: 0;
    border-radius: 5px;
    border: 1px solid #a6e8ff; }
  .integrateio .new-homepage .no-background-benchmark .data-section.benchmark-study {
    background: transparent; }
  .integrateio .new-homepage .data-section {
    background-color: #2a2241; }
    .integrateio .new-homepage .data-section.highlighted {
      background: #434967; }
      .integrateio .new-homepage .data-section.highlighted .text-container {
        margin-top: 50px; }
    .integrateio .new-homepage .data-section.faq-section .text-container {
      margin-bottom: 20px; }
    .integrateio .new-homepage .data-section.benchmark-study {
      background-color: #181c2e;
      width: 100%;
      margin-top: 0;
      padding: 30px 0; }
      .integrateio .new-homepage .data-section.benchmark-study .gradient-title {
        font-size: 40px;
        margin: 30px 0; }
      .integrateio .new-homepage .data-section.benchmark-study .integrateio-btn {
        margin-bottom: 50px; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section.benchmark-study .integrateio-btn {
            margin-top: 50px; } }
      .integrateio .new-homepage .data-section.benchmark-study .data-list .data-list-item .data-list-image.bigger {
        height: 70px;
        width: 70px; }
    .integrateio .new-homepage .data-section.jp-success-story {
      justify-content: center;
      display: flex;
      flex-flow: column;
      align-items: center; }
      .integrateio .new-homepage .data-section.jp-success-story .integrateio-btn {
        width: fit-content; }
      .integrateio .new-homepage .data-section.jp-success-story .title {
        font-size: 25px; }
      .integrateio .new-homepage .data-section.jp-success-story .text-container {
        align-items: flex-start; }
      .integrateio .new-homepage .data-section.jp-success-story .long-description,
      .integrateio .new-homepage .data-section.jp-success-story .title {
        text-align: left; }
    .integrateio .new-homepage .data-section.benchmark-study-long-text {
      margin-top: 30px; }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .solution-container {
        margin-top: 0; }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .solution-container .solution-description {
          margin-top: 0; }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .solution-container .solution-title {
          margin-bottom: 20px; }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .solution-container .solution-image-container {
          height: auto; }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .solution-container .solution-image {
          height: auto; }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .align-left-container {
        align-items: flex-start;
        min-width: 100%; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section.benchmark-study-long-text .align-left-container {
            align-items: center; } }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .align-left-container .align-left {
          text-align: left;
          margin-bottom: 20px; }
          @media (max-width: 991px) {
            .integrateio .new-homepage .data-section.benchmark-study-long-text .align-left-container .align-left {
              text-align: center; } }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .small-title {
        margin-top: 50px; }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .long-description {
        text-align: justify;
        margin-bottom: 20px; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section.benchmark-study-long-text .long-description {
            padding: 0 10px;
            text-align: center; } }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .middle-text-image {
        max-width: 900px; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section.benchmark-study-long-text .middle-text-image {
            max-width: 90vw; } }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .middle-text-image-container {
        width: 100%;
        border-radius: 10px;
        background: #434967;
        border: 1px solid #ffffff;
        padding: 10px;
        margin: 20px 0; }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .image-container {
        padding: 30px 0;
        display: flex;
        width: 100%;
        justify-content: center; }
      .integrateio .new-homepage .data-section.benchmark-study-long-text .two-columns {
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        justify-content: space-between; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section.benchmark-study-long-text .two-columns {
            flex-flow: column; } }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .two-columns .col-left {
          width: 25%;
          display: flex;
          flex-flow: column;
          text-align: left; }
          @media (max-width: 991px) {
            .integrateio .new-homepage .data-section.benchmark-study-long-text .two-columns .col-left {
              width: 100%; } }
        .integrateio .new-homepage .data-section.benchmark-study-long-text .two-columns .col-right {
          width: 65%;
          display: flex;
          flex-flow: column;
          text-align: left; }
          @media (max-width: 991px) {
            .integrateio .new-homepage .data-section.benchmark-study-long-text .two-columns .col-right {
              width: 100%; } }
    @media (max-width: 991px) {
      .integrateio .new-homepage .data-section {
        padding: 10px 0; } }
    .integrateio .new-homepage .data-section .container.horizontal {
      display: flex;
      flex-flow: row; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .container.horizontal {
          flex-flow: column; } }
      .integrateio .new-homepage .data-section .container.horizontal .title {
        text-align: left;
        margin-top: 0; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section .container.horizontal .title {
            text-align: center; } }
      .integrateio .new-homepage .data-section .container.horizontal .description {
        text-align: left;
        color: #000000;
        font-family: "Arial", "sans-serif";
        font-weight: 300;
        font-size: 20px;
        line-height: 25px; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section .container.horizontal .description {
            text-align: center; } }
    .integrateio .new-homepage .data-section .soc2-image {
      width: 130px;
      height: 130px;
      margin: 50px 30px 30px; }
    .integrateio .new-homepage .data-section .small-title {
      font-family: "Arial", "sans-serif";
      font-weight: 300;
      color: #ffffff;
      font-size: 24px;
      max-width: 100%;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 5px; }
      .integrateio .new-homepage .data-section .small-title.bigger {
        font-size: 32px;
        line-height: 36px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .small-title {
          font-size: 20px;
          margin-bottom: 15px; } }
    .integrateio .new-homepage .data-section .subtitle {
      font-family: "Arial", "sans-serif";
      font-weight: 300;
      color: #ffffff;
      font-size: 18px;
      max-width: 100%;
      text-align: center;
      margin-top: 20px; }
    .integrateio .new-homepage .data-section .gradient-title {
      font-family: "Arial", "sans-serif";
      font-weight: 700;
      color: #2a2241;
      font-size: 55px;
      max-width: 100%;
      background: linear-gradient(210deg, #a6e8ff 13.4%, #b380f5 86.6%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      text-align: center;
      margin-top: -10px;
      line-height: 65px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .gradient-title {
          font-size: 32px;
          line-height: 40px; } }
      .integrateio .new-homepage .data-section .gradient-title.smaller {
        font-size: 40px;
        line-height: 50px; }
    .integrateio .new-homepage .data-section .contents-list {
      display: flex;
      flex-flow: column;
      padding-left: 15px;
      width: 100%; }
      .integrateio .new-homepage .data-section .contents-list .contents-list-item {
        cursor: pointer;
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        margin: 2px; }
    .integrateio .new-homepage .data-section .long-description {
      font-family: "Arial", "sans-serif";
      font-weight: 300;
      color: #ffffff;
      font-size: 18px;
      text-align: center;
      margin-bottom: 20px;
      margin-top: 0;
      max-width: 1100px;
      min-width: 100%; }
      .integrateio .new-homepage .data-section .long-description:last-child {
        margin-bottom: 0; }
      .integrateio .new-homepage .data-section .long-description a {
        text-decoration: none;
        cursor: pointer;
        color: #00ebb2; }
        .integrateio .new-homepage .data-section .long-description a:hover {
          color: #008565; }
    .integrateio .new-homepage .data-section .description-list {
      list-style: disc;
      padding-left: 20px; }
      .integrateio .new-homepage .data-section .description-list li {
        color: #ffffff; }
    .integrateio .new-homepage .data-section .title {
      font-family: "Arial", "sans-serif";
      font-weight: 700;
      color: #ffffff;
      font-size: 40px;
      max-width: 100%;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .title {
          font-size: 32px; } }
    .integrateio .new-homepage .data-section .middle-text-table {
      padding: 0;
      margin: 30px 0; }
      .integrateio .new-homepage .data-section .middle-text-table tr {
        background: transparent; }
        .integrateio .new-homepage .data-section .middle-text-table tr td {
          color: #ffffff; }
          .integrateio .new-homepage .data-section .middle-text-table tr td p,
          .integrateio .new-homepage .data-section .middle-text-table tr td span,
          .integrateio .new-homepage .data-section .middle-text-table tr td ul,
          .integrateio .new-homepage .data-section .middle-text-table tr td li {
            color: #ffffff; }
          .integrateio .new-homepage .data-section .middle-text-table tr td ul {
            list-style: disc;
            padding-left: 20px; }
          .integrateio .new-homepage .data-section .middle-text-table tr td a {
            color: #00ebb2; }
            .integrateio .new-homepage .data-section .middle-text-table tr td a:hover {
              color: #39ffcf; }
    .integrateio .new-homepage .data-section .middle-text-list {
      list-style: disc;
      padding-left: 20px;
      color: #ffffff; }
      .integrateio .new-homepage .data-section .middle-text-list li {
        color: #ffffff; }
    .integrateio .new-homepage .data-section.customers {
      background-color: #ffffff; }
      .integrateio .new-homepage .data-section.customers .quote {
        opacity: 0.9;
        font-size: 32px;
        color: #2f2b46;
        text-decoration: none solid #2f2b46;
        line-height: 48px;
        text-align: center;
        font-weight: 600; }
      .integrateio .new-homepage .data-section.customers .customers-image {
        height: 225px;
        width: 814px; }
        @media (max-width: 1199px) {
          .integrateio .new-homepage .data-section.customers .customers-image {
            height: 95px;
            width: 324px; } }
    .integrateio .new-homepage .data-section .container {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      position: relative;
      max-width: 100vw; }
    .integrateio .new-homepage .data-section .description {
      font-size: 19px;
      color: #6b7280;
      text-decoration: none solid #6b7280;
      line-height: 29px;
      text-align: center;
      margin-top: 24px;
      max-width: 700px; }
    .integrateio .new-homepage .data-section .data-list {
      list-style: none;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      align-items: flex-start;
      margin-top: 0;
      padding: 0;
      width: 100%;
      flex-wrap: wrap; }
      .integrateio .new-homepage .data-section .data-list.without-margin {
        margin-top: 0; }
      .integrateio .new-homepage .data-section .data-list.benchmark-study .data-list-item {
        height: auto; }
        .integrateio .new-homepage .data-section .data-list.benchmark-study .data-list-item .data-list-image {
          height: 90px;
          width: auto; }
      .integrateio .new-homepage .data-section .data-list.study-benchmark-candidates {
        margin-bottom: 0; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section .data-list.study-benchmark-candidates {
            padding: 30px; } }
        .integrateio .new-homepage .data-section .data-list.study-benchmark-candidates .data-list-item {
          height: auto;
          width: 200px; }
          @media (max-width: 991px) {
            .integrateio .new-homepage .data-section .data-list.study-benchmark-candidates .data-list-item {
              margin: 20px 0; } }
          .integrateio .new-homepage .data-section .data-list.study-benchmark-candidates .data-list-item .data-list-title {
            font-size: 30px; }
          .integrateio .new-homepage .data-section .data-list.study-benchmark-candidates .data-list-item .data-list-description {
            color: #a6e8ff; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .data-list {
          flex-flow: column; } }
      .integrateio .new-homepage .data-section .data-list .data-list-item {
        width: 230px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 170px;
        margin: 30px; }
        @media (max-width: 991px) {
          .integrateio .new-homepage .data-section .data-list .data-list-item {
            width: 100%;
            height: auto;
            margin: 50px 0 0; } }
        .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-title {
          font-weight: 700;
          font-family: "Arial", "sans-serif";
          font-size: 20px;
          color: #ffffff;
          text-decoration: none solid #151719;
          line-height: 24px;
          text-align: center; }
          .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-title.green {
            font-size: 30px;
            line-height: 35px;
            color: #00ebb2; }
        .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-subtitle {
          font-weight: 400;
          font-family: "Arial", "sans-serif";
          font-size: 16px;
          color: #ffffff;
          text-decoration: none solid #151719;
          line-height: 18px;
          text-align: center; }
        .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-description {
          font-size: 16px;
          color: #2a2241;
          line-height: 20px;
          text-align: center;
          margin-top: 10px;
          font-weight: 400;
          font-family: "Helvetica", "sans-serif"; }
          .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-description.with-border {
            border-top: 1px solid #e6e6e6;
            padding-top: 10px; }
        .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-description-below {
          font-size: 16px;
          color: #4b84ce;
          font-style: italic;
          text-decoration: none solid #6b7280;
          line-height: 20px;
          text-align: center;
          margin-top: 10px;
          font-weight: 400;
          font-family: "Helvetica", "sans-serif"; }
        .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-image {
          position: relative;
          z-index: 10;
          height: 32px;
          width: 32px;
          margin: 0 30px 30px; }
          .integrateio .new-homepage .data-section .data-list .data-list-item .data-list-image.bigger {
            width: 106px;
            height: 96px; }
    .integrateio .new-homepage .data-section .quote-icon {
      width: 27px;
      height: 17px;
      fill: #d1d5db;
      stroke-width: 1;
      margin-top: 100px; }
    .integrateio .new-homepage .data-section .quote {
      margin-top: 40px;
      font-size: 24px;
      color: #ffffff;
      line-height: 36px;
      text-align: center;
      max-width: 700px;
      margin-bottom: 40px;
      font-weight: 500; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .quote {
          margin-bottom: 20px;
          margin-top: 20px; } }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .quote {
          font-size: 25px !important;
          line-height: 30px !important; } }
    .integrateio .new-homepage .data-section .quote-author-container {
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 126px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .data-section .quote-author-container {
          margin-bottom: 20px !important; } }
      .integrateio .new-homepage .data-section .quote-author-container .quote-author-image {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        margin-right: 20px; }
      .integrateio .new-homepage .data-section .quote-author-container .quote-author-name {
        font-size: 16px;
        color: #ffffff;
        text-decoration: none solid #6b7280;
        line-height: 24px;
        text-align: center; }
        .integrateio .new-homepage .data-section .quote-author-container .quote-author-name strong {
          color: #ffffff; }
  .integrateio .new-homepage .product-tiles-section .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    .integrateio .new-homepage .product-tiles-section .container .product-tile {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      width: 45%;
      margin-bottom: 130px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .product-tiles-section .container .product-tile {
          width: 100%; } }
      .integrateio .new-homepage .product-tiles-section .container .product-tile .screen-image {
        width: 100%;
        height: 300px; }
      .integrateio .new-homepage .product-tiles-section .container .product-tile .title {
        font-family: "Arial", "sans-serif";
        font-weight: 700;
        color: #2a2241;
        font-size: 35px;
        line-height: 40px;
        background: linear-gradient(210deg, #a6e8ff 13.4%, #b380f5 86.6%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-align: center;
        max-width: 500px;
        margin-top: 20px; }
      .integrateio .new-homepage .product-tiles-section .container .product-tile .subtitle {
        font-family: "Arial", "sans-serif";
        font-style: normal;
        font-weight: 300;
        font-size: 22px;
        line-height: 25px;
        text-align: center;
        color: #ffffff;
        margin: 20px 0;
        max-width: 450px; }
  .integrateio .new-homepage .support-section {
    background: #2a2241; }
    .integrateio .new-homepage .support-section .support-subtitle {
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 400;
      font-size: 27px;
      line-height: 30px;
      text-align: center;
      color: #ffffff; }
    .integrateio .new-homepage .support-section .support-title {
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 700;
      font-size: 37px;
      line-height: 42px;
      text-align: center;
      color: #40ffc7;
      margin-bottom: 20px; }
    .integrateio .new-homepage .support-section .icon-title {
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 700;
      font-size: 35px;
      line-height: 40px;
      text-align: center;
      color: #ffffff; }
    .integrateio .new-homepage .support-section .icon-subtitle {
      font-family: "Arial", "sans-serif";
      font-style: normal;
      font-weight: 400;
      font-size: 20px;
      line-height: 23px;
      text-align: center;
      color: #ffffff; }
  .integrateio .new-homepage .image-title-section {
    display: flex;
    height: 375px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-size: cover;
    position: relative; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .image-title-section {
        width: 100%; } }
    .integrateio .new-homepage .image-title-section.data-journey-title-section {
      background-image: url("https://res.cloudinary.com/hdxhd6yxt/image/upload/f_auto/v1687772774/background_images/data_journey.png"); }
      .integrateio .new-homepage .image-title-section.data-journey-title-section .image-background {
        opacity: 1; }
    .integrateio .new-homepage .image-title-section.support-title-section {
      background-image: url("https://res.cloudinary.com/hdxhd6yxt/image/upload/f_auto/v1670493700/background_images/support_background.png"); }
    .integrateio .new-homepage .image-title-section.about-title-section {
      background-image: url("https://res.cloudinary.com/hdxhd6yxt/image/upload/f_auto/v1670493659/background_images/about_background.png");
      height: 500px; }
    .integrateio .new-homepage .image-title-section.partners-title-section {
      background-image: url("https://res.cloudinary.com/hdxhd6yxt/image/upload/f_auto/v1670493715/background_images/partners_background.png"); }
    .integrateio .new-homepage .image-title-section.compare-title-section {
      background-image: url("https://res.cloudinary.com/hdxhd6yxt/image/upload/f_auto/v1670922190/background_images/compare_background.png"); }
    .integrateio .new-homepage .image-title-section.solutions-title-section {
      background-image: url("https://res.cloudinary.com/hdxhd6yxt/image/upload/f_auto/v1671187075/background_images/solutions_background.png"); }
    .integrateio .new-homepage .image-title-section.compare-item-title-section {
      background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 86.6%); }
    .integrateio .new-homepage .image-title-section .image-background {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: #2a2241;
      opacity: 0.6; }
    .integrateio .new-homepage .image-title-section .integrateio-btn {
      margin-top: 20px;
      z-index: 2; }
    .integrateio .new-homepage .image-title-section .text-container {
      z-index: 2; }
      .integrateio .new-homepage .image-title-section .text-container .subtitle {
        max-width: 700px; }
    .integrateio .new-homepage .image-title-section .gradient-button {
      background: linear-gradient(-135deg, #548ad1 0%, #ce91fd 100%);
      padding: 10px;
      display: flex;
      flex-flow: row;
      width: 200px;
      height: 60px;
      border-radius: 8px;
      position: absolute;
      justify-content: space-between;
      align-items: center;
      cursor: pointer;
      transition: all 0.3s linear; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .image-title-section .gradient-button {
          position: initial;
          margin: 20px; } }
      .integrateio .new-homepage .image-title-section .gradient-button:hover {
        background: linear-gradient(-135deg, #439cc5 0%, #1deab4 100%); }
      .integrateio .new-homepage .image-title-section .gradient-button .gradient-button-number {
        font-size: 36px;
        color: #ffffff;
        line-height: 36px;
        margin-right: 0; }
      .integrateio .new-homepage .image-title-section .gradient-button .gradient-button-text {
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        width: inherit; }
  .integrateio .new-homepage .support-metrics {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .support-metrics {
        flex-flow: column; } }
    .integrateio .new-homepage .support-metrics .support-metric-item {
      border: 2px solid #de8fff;
      filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
      border-radius: 30px;
      padding: 30px;
      height: 300px;
      width: 250px;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .support-metrics .support-metric-item {
          margin: 20px 0; } }
      .integrateio .new-homepage .support-metrics .support-metric-item .support-icon {
        width: 60px;
        height: 60px; }
      .integrateio .new-homepage .support-metrics .support-metric-item .support-metric-value {
        margin: 10px 0;
        font-family: "Arial", "sans-serif";
        font-style: normal;
        font-weight: 700;
        font-size: 60px;
        line-height: 65px;
        text-align: center;
        color: #ffffff; }
      .integrateio .new-homepage .support-metrics .support-metric-item .support-metric-description {
        font-family: "Arial", "sans-serif";
        font-style: normal;
        font-weight: 400;
        font-size: 23px;
        line-height: 30px;
        text-align: center;
        color: #ffffff; }
  .integrateio .new-homepage .support-data-list.highlighted {
    padding: 50px 0; }
  .integrateio .new-homepage .support-data-list .data-list {
    justify-content: space-evenly; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .support-data-list .data-list {
        align-items: center;
        margin: 0; } }
    @media (max-width: 991px) {
      .integrateio .new-homepage .support-data-list .data-list .data-list-item {
        margin: 10px 0; } }
    .integrateio .new-homepage .support-data-list .data-list .data-list-item:hover {
      transform: translateY(-3px); }
    .integrateio .new-homepage .support-data-list .data-list .data-list-item .data-list-image {
      margin: 0 10px 10px; }
  .integrateio .new-homepage .support-data-list.with-border .data-list {
    margin-top: 30px;
    margin-bottom: 30px; }
    .integrateio .new-homepage .support-data-list.with-border .data-list .data-list-item {
      width: 200px;
      height: 250px;
      border: 2px solid #a6e8ff;
      filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
      border-radius: 30px; }
  .integrateio .new-homepage .support-data-list.perks-container .data-list {
    justify-content: space-between;
    margin: 50px 0; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .support-data-list.perks-container .data-list {
        margin: 0; } }
  .integrateio .new-homepage .support-data-list.perks-container .perk-item {
    display: flex;
    flex-flow: column;
    position: relative;
    padding-left: 50px;
    max-width: 330px;
    height: 180px;
    margin: 0; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .support-data-list.perks-container .perk-item {
        margin: 20px 0; } }
    .integrateio .new-homepage .support-data-list.perks-container .perk-item .perk-icon {
      width: 40px;
      height: 40px;
      position: absolute;
      top: 0;
      left: 0; }
    .integrateio .new-homepage .support-data-list.perks-container .perk-item .perk-title {
      font-size: 22px;
      font-weight: 700;
      margin-bottom: 10px; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .support-data-list.perks-container .perk-item .perk-title {
          text-align: left; } }
    @media (max-width: 991px) {
      .integrateio .new-homepage .support-data-list.perks-container .perk-item .perk-description {
        text-align: left; } }
  .integrateio .new-homepage .leadership-team.data-list {
    justify-content: space-evenly;
    margin-bottom: 20px;
    margin-top: 80px; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .leadership-team.data-list {
        justify-content: center;
        margin: 0;
        align-items: center; } }
    .integrateio .new-homepage .leadership-team.data-list .data-list-item {
      width: auto;
      max-width: 200px;
      overflow: visible;
      height: auto;
      position: relative; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .leadership-team.data-list .data-list-item {
          justify-content: center;
          margin: 20px; } }
      .integrateio .new-homepage .leadership-team.data-list .data-list-item .data-list-image {
        height: 200px;
        width: 200px;
        margin: 0 0 5px;
        z-index: 1; }
      .integrateio .new-homepage .leadership-team.data-list .data-list-item .data-list-title,
      .integrateio .new-homepage .leadership-team.data-list .data-list-item .data-list-subtitle {
        text-align: left;
        align-self: flex-start;
        white-space: nowrap; }
      .integrateio .new-homepage .leadership-team.data-list .data-list-item .linkedin-icon {
        position: absolute;
        top: 150px;
        right: 13px;
        color: #ffffff;
        cursor: pointer;
        z-index: 2;
        font-size: 30px; }
  .integrateio .new-homepage .alert-types-data-list {
    margin: 40px 0 0;
    background: transparent !important;
    padding: 40px; }
    @media (max-width: 991px) {
      .integrateio .new-homepage .alert-types-data-list {
        padding: 10px; } }
    .integrateio .new-homepage .alert-types-data-list .data-list {
      flex-wrap: wrap;
      display: grid;
      /* 1 */
      grid-template-columns: repeat(auto-fill, 340px);
      /* 2 */
      grid-gap: 1rem;
      /* 3 */
      justify-content: space-between;
      /* 4 */ }
      @media (max-width: 991px) {
        .integrateio .new-homepage .alert-types-data-list .data-list {
          align-items: center;
          flex-flow: column; } }
    .integrateio .new-homepage .alert-types-data-list .perk-item {
      display: flex;
      flex-flow: row;
      padding: 10px;
      height: 220px;
      width: 340px;
      border-radius: 10px;
      margin: 10px;
      justify-content: center;
      align-items: flex-start;
      cursor: pointer; }
      @media (max-width: 991px) {
        .integrateio .new-homepage .alert-types-data-list .perk-item {
          height: auto; } }
      .integrateio .new-homepage .alert-types-data-list .perk-item:hover {
        background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 86.6%); }
      .integrateio .new-homepage .alert-types-data-list .perk-item .perk-icon {
        width: 70px;
        height: 50px;
        margin-right: 20px;
        min-width: 40px; }
      .integrateio .new-homepage .alert-types-data-list .perk-item .perk-info-container {
        display: flex;
        flex-flow: column;
        align-items: flex-start; }
      .integrateio .new-homepage .alert-types-data-list .perk-item .perk-title {
        font-family: "Arial", "sans-serif";
        font-style: normal;
        font-weight: 700;
        font-size: 22px;
        line-height: 24px;
        color: #ffffff; }
      .integrateio .new-homepage .alert-types-data-list .perk-item .perk-description {
        font-family: "Arial", "sans-serif";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 22px;
        color: #ffffff;
        margin-top: 5px;
        width: 260px; }

.integrateio .connectors-section {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  flex-wrap: wrap; }
  .integrateio .connectors-section .connector-container {
    width: 170px;
    height: 190px;
    border-radius: 5px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 5px;
    cursor: pointer;
    transition: all linear 100ms;
    background: transparent;
    box-shadow: none; }
    .integrateio .connectors-section .connector-container:hover {
      margin-top: -5px;
      transform: scale(1.05); }
    .integrateio .connectors-section .connector-container .connector-name {
      font-family: "Helvetica", "sans-serif";
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 20px;
      text-align: center;
      color: #ffffff;
      margin-top: 20px; }
    .integrateio .connectors-section .connector-container .connector-section-icon {
      position: relative;
      z-index: 2; }
    .integrateio .connectors-section .connector-container .background-circle {
      display: block;
      width: 100px;
      height: 100px;
      position: absolute;
      z-index: 1;
      background: #ffffff;
      border-radius: 100%;
      margin-left: -6px;
      margin-top: -40px; }

.integrateio .connectors-page .connectors-section .connector-container {
  background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 86.6%);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 30px 20px; }

.integrateio .quote-background-1 {
  position: absolute;
  left: -150px;
  width: 500px;
  top: -100px; }
  @media (max-width: 991px) {
    .integrateio .quote-background-1 {
      width: 200px;
      top: 100px; } }
.integrateio .quote-background-2 {
  position: absolute;
  right: -100px;
  width: 450px;
  top: 100px; }
  @media (max-width: 991px) {
    .integrateio .quote-background-2 {
      width: 200px;
      top: 400px;
      right: 0; } }
.integrateio #capabilities2-glide {
  margin-top: 100px; }

.integrateio #capabilities-glide .glide__bullets,
.integrateio #capabilities2-glide .glide__bullets {
  position: relative;
  bottom: 0;
  margin-top: 400px; }

.integrateio #capabilities-glide .glide__slide-container,
.integrateio #capabilities2-glide .glide__slide-container {
  padding: 0;
  position: relative; }

.integrateio #capabilities-glide .perk-item.glide__bullet--active,
.integrateio #capabilities2-glide .perk-item.glide__bullet--active {
  background: transparent; }
  .integrateio #capabilities-glide .perk-item.glide__bullet--active .perk-title,
  .integrateio #capabilities2-glide .perk-item.glide__bullet--active .perk-title {
    font-weight: 700;
    color: #00ebb2; }

.integrateio #capabilities-glide .glide__track,
.integrateio #capabilities2-glide .glide__track {
  background-image: url("https://www.integrate.io/images/platform/screen_background.e2eaf4ce2feb0e1aef9a2f55972f3187.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  margin-left: -45px; }

@media (max-width: 991px) {
  .integrateio #capabilities-glide .solution-image-container,
  .integrateio #capabilities2-glide .solution-image-container {
    width: 100%; } }

.integrateio #capabilities-glide .perk-title,
.integrateio #capabilities2-glide .perk-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px; }
  .integrateio #capabilities-glide .perk-title .perk-icon,
  .integrateio #capabilities2-glide .perk-title .perk-icon {
    margin-right: 10px; }

.integrateio #quotes-glide {
  margin-top: 50px;
  padding-top: 60px; }
  .integrateio #quotes-glide .glide__track {
    width: 100%;
    margin-top: 30px; }
  .integrateio #quotes-glide .glide__bullets {
    position: absolute;
    top: 0;
    display: flex;
    flex-flow: row;
    justify-content: space-evenly;
    height: 30px;
    width: 100%;
    padding: 0 200px; }
    @media (max-width: 991px) {
      .integrateio #quotes-glide .glide__bullets {
        width: 100%;
        padding: 10px; } }
  .integrateio #quotes-glide .glide__bullet {
    font-family: "Arial", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-color: transparent; }
    @media (max-width: 991px) {
      .integrateio #quotes-glide .glide__bullet {
        font-size: 18px; } }
    .integrateio #quotes-glide .glide__bullet.glide__bullet--active {
      color: #4b84ce;
      background-color: transparent !important;
      text-decoration: underline; }
  .integrateio #quotes-glide .quote-container {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding-right: 150px;
    padding-left: 50px;
    align-items: center; }
    @media (max-width: 991px) {
      .integrateio #quotes-glide .quote-container {
        max-width: 90vw;
        padding-left: 0;
        padding-right: 0;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center; } }
    .integrateio #quotes-glide .quote-container img {
      width: auto;
      height: auto;
      border: none;
      border-radius: 0;
      margin: 0;
      padding: 0; }
    .integrateio #quotes-glide .quote-container .photo-container {
      min-width: 200px; }
      @media (max-width: 991px) {
        .integrateio #quotes-glide .quote-container .photo-container {
          min-width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; } }
      .integrateio #quotes-glide .quote-container .photo-container img {
        width: 200px; }
    .integrateio #quotes-glide .quote-container .quote-body {
      display: flex;
      flex-flow: column;
      justify-content: flex-start;
      align-items: flex-start;
      position: relative;
      max-width: 600px; }
      @media (max-width: 991px) {
        .integrateio #quotes-glide .quote-container .quote-body {
          justify-content: center;
          align-items: center;
          padding-bottom: 100px;
          overflow: visible; } }
      .integrateio #quotes-glide .quote-container .quote-body .quote-title {
        font-family: "Arial", sans-serif;
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 28px; }
        @media (max-width: 991px) {
          .integrateio #quotes-glide .quote-container .quote-body .quote-title {
            text-align: center;
            margin-top: 20px; } }
      .integrateio #quotes-glide .quote-container .quote-body .quote-text {
        max-width: 600px;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px; }
        @media (max-width: 991px) {
          .integrateio #quotes-glide .quote-container .quote-body .quote-text {
            text-align: center;
            margin-top: 20px; } }
      .integrateio #quotes-glide .quote-container .quote-body .quote-footer {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
        display: flex;
        flex-flow: column; }
        @media (max-width: 991px) {
          .integrateio #quotes-glide .quote-container .quote-body .quote-footer {
            text-align: center;
            margin-top: 20px; } }
        .integrateio #quotes-glide .quote-container .quote-body .quote-footer .company-logo {
          height: 30px; }
      .integrateio #quotes-glide .quote-container .quote-body .quote-company {
        font-weight: 700;
        font-size: 30px;
        color: gray; }
      .integrateio #quotes-glide .quote-container .quote-body .quote-badge {
        position: absolute;
        right: -100px;
        bottom: 0;
        width: 100px;
        height: 130px;
        top: 0;
        margin: auto; }
        @media (max-width: 991px) {
          .integrateio #quotes-glide .quote-container .quote-body .quote-badge {
            left: 0;
            right: 0;
            margin: auto;
            width: fit-content;
            top: auto; } }
        .integrateio #quotes-glide .quote-container .quote-body .quote-badge img {
          width: 100px;
          height: auto; }
          @media (max-width: 991px) {
            .integrateio #quotes-glide .quote-container .quote-body .quote-badge img {
              width: 60px;
              margin-top: 20px; } }
.integrateio .title {
  line-height: 50px;
  letter-spacing: -0.95px;
  text-align: center;
  margin-top: 0;
  font-family: "Arial", "sans-serif";
  font-weight: 700;
  color: #ffffff;
  font-size: 40px;
  max-width: 100%;
  margin-bottom: 0; }

.integrateio .subtitle {
  font-family: "Arial", "sans-serif";
  font-weight: 300;
  color: #ffffff;
  font-size: 18px;
  max-width: 100%;
  text-align: center;
  margin-top: 20px; }
  .integrateio .subtitle .long-description {
    font-family: "Arial", "sans-serif";
    font-weight: 300;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
    max-width: 900px; }

.integrateio .solutions-section.with-glide {
  width: 100%; }

.integrateio .solutions-section .text-container {
  margin-bottom: 50px; }

.integrateio .solutions-section .container {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0; }

.integrateio .solutions-section .title {
  margin-top: 120px; }

.integrateio .solutions-section .subtitle {
  font-size: 18px;
  color: #6b7280;
  text-decoration: none solid #6b7280;
  line-height: 28px;
  text-align: center;
  font-weight: 300;
  margin-top: 20px; }

.integrateio .solutions-section .background-different {
  background: rgba(166, 232, 255, 0.1); }
  .integrateio .solutions-section .background-different.with-padding {
    padding: 50px 0; }

.integrateio .solutions-section .quote-container {
  display: flex;
  flex-flow: column;
  padding: 30px;
  margin: 50px; }
  .integrateio .solutions-section .quote-container .testimonial-body {
    max-width: 100%; }

.integrateio .solutions-section .solution-container {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 100px; }
  .integrateio .solutions-section .solution-container:first-child {
    margin-top: 0; }
  @media (max-width: 991px) {
    .integrateio .solutions-section .solution-container {
      flex-flow: column;
      margin-top: 30px; } }
  .integrateio .solutions-section .solution-container.reverse {
    flex-flow: row-reverse; }
    @media (max-width: 991px) {
      .integrateio .solutions-section .solution-container.reverse {
        flex-flow: column; } }
  .integrateio .solutions-section .solution-container.glide {
    padding-bottom: 50px; }
  .integrateio .solutions-section .solution-container.smaller .solution-item .solution-title {
    font-size: 24px; }
  .integrateio .solutions-section .solution-container.smaller .solution-item .solution-description {
    font-size: 16px; }
  .integrateio .solutions-section .solution-container .solution-image-container {
    width: 50%;
    height: 460px;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center; }
    @media (max-width: 991px) {
      .integrateio .solutions-section .solution-container .solution-image-container {
        width: 90%; } }
    .integrateio .solutions-section .solution-container .solution-image-container.with-title {
      flex-flow: column; }
      .integrateio .solutions-section .solution-container .solution-image-container.with-title .solution-image {
        height: 300px; }
    .integrateio .solutions-section .solution-container .solution-image-container .solution-image {
      width: 460px;
      height: 460px;
      object-fit: contain; }
    .integrateio .solutions-section .solution-container .solution-image-container .image-title {
      font-size: 24px;
      color: #ffffff;
      line-height: 36px;
      text-align: center; }
  .integrateio .solutions-section .solution-container .solution-item {
    width: 50%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 20px; }
    .integrateio .solutions-section .solution-container .solution-item.center {
      align-items: center; }
    @media (max-width: 991px) {
      .integrateio .solutions-section .solution-container .solution-item {
        align-items: center;
        width: 90%;
        margin-bottom: 0; } }
    .integrateio .solutions-section .solution-container .solution-item.full-width {
      width: 100%;
      flex-wrap: wrap; }
    .integrateio .solutions-section .solution-container .solution-item .perk-item {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: flex-start;
      padding: 30px; }
      .integrateio .solutions-section .solution-container .solution-item .perk-item .perk-icon {
        height: 30px;
        width: 30px; }
      .integrateio .solutions-section .solution-container .solution-item .perk-item .perk-list {
        margin-top: 20px;
        list-style: disc;
        padding-left: 30px; }
        .integrateio .solutions-section .solution-container .solution-item .perk-item .perk-list .list-item {
          font-family: "Arial", "sans-serif";
          font-style: normal;
          font-weight: 400;
          font-size: 18px;
          line-height: 20px;
          color: #2a2241;
          text-align: left; }
    .integrateio .solutions-section .solution-container .solution-item .solution-title {
      font-weight: bold;
      font-size: 30px;
      color: #151719;
      line-height: 32px;
      letter-spacing: -0.75px;
      margin-bottom: 0; }
      @media (max-width: 991px) {
        .integrateio .solutions-section .solution-container .solution-item .solution-title {
          text-align: center; } }
    .integrateio .solutions-section .solution-container .solution-item .solution-description {
      margin-bottom: 24px;
      font-size: 18px;
      color: #6b7280;
      text-decoration: none solid #6b7280;
      line-height: 28px; }
      @media (max-width: 991px) {
        .integrateio .solutions-section .solution-container .solution-item .solution-description {
          text-align: center; } }
    .integrateio .solutions-section .solution-container .solution-item .solution-link {
      font-size: 16px;
      color: #1e87ff;
      text-decoration: none solid #1e87ff;
      line-height: 24px; }
      .integrateio .solutions-section .solution-container .solution-item .solution-link .fa {
        margin-left: 10px; }
      .integrateio .solutions-section .solution-container .solution-item .solution-link.button {
        background-size: cover;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        font-size: 16px;
        border: 0;
        transition: all 0.1s linear;
        background: #ff7d42;
        border-radius: 4px;
        padding: 15px 40px;
        font-weight: 600;
        color: #000000; }
        .integrateio .solutions-section .solution-container .solution-item .solution-link.button .fa {
          display: none; }

.integrateio .solutions-section .items-list {
  list-style: none;
  padding: 0;
  margin-top: 40px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  @media (max-width: 1199px) {
    .integrateio .solutions-section .items-list {
      justify-content: center; } }
  .integrateio .solutions-section .items-list.solutions-index {
    flex-flow: row;
    flex-wrap: wrap; }
    .integrateio .solutions-section .items-list.solutions-index .list-item {
      width: 200px; }
  .integrateio .solutions-section .items-list.without-margin .list-item:first-child {
    margin-left: 0; }
  @media (max-width: 1199px) {
    .integrateio .solutions-section .items-list.without-margin .list-item {
      margin-left: 0; } }
  .integrateio .solutions-section .items-list.without-wrap {
    flex-wrap: nowrap; }
    @media (max-width: 1199px) {
      .integrateio .solutions-section .items-list.without-wrap {
        flex-wrap: wrap; } }
  .integrateio .solutions-section .items-list .quote-item {
    width: auto;
    background: transparent !important;
    padding: 0;
    height: 100%; }
    .integrateio .solutions-section .items-list .quote-item .author {
      margin-left: 10px;
      max-width: 70%; }
    .integrateio .solutions-section .items-list .quote-item .position {
      font-size: 14px; }
    .integrateio .solutions-section .items-list .quote-item .image {
      width: 45px;
      height: 45px; }
  .integrateio .solutions-section .items-list .list-item {
    background: transparent;
    padding: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 10px;
    width: 259px;
    height: 240px;
    border-radius: 12px; }
    .integrateio .solutions-section .items-list .list-item.smaller {
      width: 47%;
      padding: 15px; }
      @media (max-width: 1199px) {
        .integrateio .solutions-section .items-list .list-item.smaller {
          width: 100%; } }
      .integrateio .solutions-section .items-list .list-item.smaller .quote {
        font-size: 18px; }
    .integrateio .solutions-section .items-list .list-item.white {
      background: #ffffff; }
    @media (max-width: 991px) {
      .integrateio .solutions-section .items-list .list-item {
        width: calc(100% - 10px); } }
    .integrateio .solutions-section .items-list .list-item .item-icon {
      width: 19px;
      height: 18px;
      margin-bottom: 10px; }
      .integrateio .solutions-section .items-list .list-item .item-icon.dark {
        display: none; }
      .integrateio .solutions-section .items-list .list-item .item-icon.light {
        display: inherit; }
    .integrateio .solutions-section .items-list .list-item .item-title {
      font-size: 18px;
      color: #ffffff;
      line-height: 24px;
      font-weight: 600;
      margin-bottom: 10px; }
    .integrateio .solutions-section .items-list .list-item .item-description {
      font-size: 16px;
      color: #ffffff;
      line-height: 24px; }
    .integrateio .solutions-section .items-list .list-item .item-link {
      font-size: 16px;
      color: #00ebb2;
      line-height: 24px;
      margin-top: 20px; }
      .integrateio .solutions-section .items-list .list-item .item-link .fa {
        margin-left: 10px; }
  .integrateio .solutions-section .items-list .list-item-empty {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 10px;
    position: relative;
    height: 240px;
    width: 280px; }
    .integrateio .solutions-section .items-list .list-item-empty .link-container {
      position: absolute;
      width: 100%;
      height: 100%;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      z-index: 2; }
    .integrateio .solutions-section .items-list .list-item-empty .item-title {
      position: absolute;
      bottom: 0; }
    .integrateio .solutions-section .items-list .list-item-empty .images-container {
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      top: 55px;
      z-index: 1;
      width: 70%; }
    .integrateio .solutions-section .items-list .list-item-empty .item-title {
      font-weight: 600;
      font-size: 18px;
      color: #ffffff;
      line-height: 24px;
      text-align: center; }
    .integrateio .solutions-section .items-list .list-item-empty:before {
      content: "";
      position: absolute;
      background-color: #f3f4f6;
      width: 180px;
      height: 180px;
      border-radius: 100%;
      top: 20px; }
    .integrateio .solutions-section .items-list .list-item-empty:after {
      content: "";
      position: absolute;
      background-color: #f3f4f6;
      width: 200px;
      height: 200px;
      border-radius: 100%;
      opacity: 0.5;
      top: 10px; }

.integrateio .perk-title {
  font-family: "Arial", "sans-serif";
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 30px;
  color: #ffffff;
  text-align: left; }
  @media (max-width: 991px) {
    .integrateio .perk-title {
      text-align: center; } }
.integrateio .perk-description {
  font-family: "Arial", "sans-serif";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  text-align: left; }

.integrateio .quote-item {
  width: calc(50% - 10px);
  margin: 10px;
  padding: 40px 32px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 269px;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 3px 21px rgba(47, 43, 70, 0.2);
  font-weight: 600;
  font-size: 18px;
  position: relative; }
  .integrateio .quote-item.dark {
    background: #2f2b46;
    color: #ffffff; }
    .integrateio .quote-item.dark .quote {
      color: #ffffff;
      font-weight: 700; }
    .integrateio .quote-item.dark .author .name {
      color: #ffffff;
      font-weight: 700; }
  .integrateio .quote-item .quote.bigger {
    font-size: 20px; }
  @media (max-width: 991px) {
    .integrateio .quote-item {
      width: calc(100% - 10px); } }
  .integrateio .quote-item .author-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center; }
  .integrateio .quote-item .author {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start; }
  .integrateio .quote-item .image {
    width: 52px;
    height: 52px;
    border-radius: 26px;
    fill: #d8d8d8;
    stroke-width: 2;
    margin-right: 10px; }
  .integrateio .quote-item .image-salesforce {
    width: 52px;
    height: 52px;
    margin-right: 10px; }
  .integrateio .quote-item .name {
    font-weight: 500;
    font-size: 16px;
    color: #2f2b46;
    line-height: 24px;
    opacity: 0.75; }
  .integrateio .quote-item .position {
    font-size: 16px;
    color: #6b7280;
    text-decoration: none solid #6b7280;
    line-height: 24px; }

@media (max-width: 991px) {
  .integrateio .testimonials-section {
    width: 100%; } }

.integrateio #testimonials-support-glide {
  margin: 50px 0;
  background-image: url("https://www.integrate.io/images/customer_support_background.3621d57d35d6bb526d2bba97fb8e6daa.svg");
  background-size: 500px;
  background-repeat: no-repeat;
  background-position: 400px;
  padding: 0 50px;
  height: 500px; }
  @media (max-width: 991px) {
    .integrateio #testimonials-support-glide {
      padding: 0;
      background-position: center; } }
  @media (max-width: 991px) {
    .integrateio #testimonials-support-glide .glide__arrows {
      display: none; } }
  .integrateio #testimonials-support-glide .glide__slide-container {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    border-radius: 10px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding: 30px 50px; }
    @media (max-width: 991px) {
      .integrateio #testimonials-support-glide .glide__slide-container {
        padding: 30px 0;
        align-items: center; } }
  .integrateio #testimonials-support-glide .testimonial-text-container {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 400px; }
    @media (max-width: 991px) {
      .integrateio #testimonials-support-glide .testimonial-text-container {
        padding: 0;
        justify-content: center;
        align-items: center; } }
  .integrateio #testimonials-support-glide .testimonial-photo {
    position: absolute;
    top: 0;
    left: 100px;
    bottom: 0;
    margin: auto;
    width: 250px;
    height: 250px; }
    @media (max-width: 991px) {
      .integrateio #testimonials-support-glide .testimonial-photo {
        position: initial;
        margin-top: -80px;
        width: 200px;
        height: 200px; } }
  .integrateio #testimonials-support-glide .testimonial-body {
    text-align: left;
    margin: 20px 0;
    padding-right: 100px; }
  .integrateio #testimonials-support-glide .testimonial-rating {
    margin-top: 10px; }
  .integrateio #testimonials-support-glide .footer-container {
    display: flex;
    flex-flow: column; }
  .integrateio #testimonials-support-glide .testimonial-author {
    position: relative;
    bottom: inherit;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: left; }
    @media (max-width: 991px) {
      .integrateio #testimonials-support-glide .testimonial-author {
        text-align: center; } }
  .integrateio #testimonials-support-glide .badge-icon {
    position: absolute;
    right: 150px;
    bottom: 20px;
    width: 80px; }
    @media (max-width: 991px) {
      .integrateio #testimonials-support-glide .badge-icon {
        display: none; } }
.integrateio #testimonials-glide {
  margin: 50px 0 0; }
  @media (min-width: 991px) {
    .integrateio #testimonials-glide .glide__slides {
      display: flex;
      flex-flow: row;
      justify-content: space-around; } }
  @media (min-width: 991px) {
    .integrateio #testimonials-glide .glide__slide {
      width: auto; } }
  @media (max-width: 991px) {
    .integrateio #testimonials-glide .glide__track {
      width: 100%; } }
  .integrateio #testimonials-glide .glide__slide-container {
    background: rgba(166, 232, 255, 0.2);
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: 300px;
    position: relative;
    border: 1px solid #a6e8ff;
    border-radius: 10px;
    margin-top: 60px;
    margin-bottom: 10px;
    padding: 50px 50px 30px;
    min-height: 450px; }
  .integrateio #testimonials-glide .testimonial-rating {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center; }
    .integrateio #testimonials-glide .testimonial-rating .star-icon {
      width: 20px;
      height: 20px;
      margin: 3px; }
  .integrateio #testimonials-glide .testimonial-photo {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100px;
    height: 100px; }

.integrateio .testimonial-title {
  font-family: "Arial", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #000;
  margin-bottom: 0px;
  text-decoration: none;
  margin-top: 20px; }
  .integrateio .testimonial-title .quote-mark {
    font-size: 60px;
    line-height: 60px;
    margin-bottom: -20px;
    display: block; }

.integrateio .testimonial-body {
  font-family: "Arial", sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  color: #000;
  max-width: 600px; }

.integrateio .testimonial-author {
  font-family: "Arial", sans-serif;
  font-style: normal;
  line-height: 26px;
  text-align: center;
  color: #fff;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  bottom: 40px; }

.integrateio .testimonial-author-position {
  font-family: "Arial", sans-serif;
  font-style: normal;
  line-height: 26px;
  text-align: center;
  color: #fff;
  margin-top: 0;
  font-size: 16px;
  position: absolute;
  bottom: 20px; }

.integrateio .bottom-title {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
  margin-left: 3px;
  z-index: 2; }
  .integrateio .bottom-title.half-width {
    width: 240px;
    text-align: center;
    margin-left: 0; }

.integrateio .bottom-section {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0;
  justify-content: space-between;
  margin-bottom: -50px; }
  @media (max-width: 991px) {
    .integrateio .bottom-section {
      flex-flow: column-reverse; } }
  .integrateio .bottom-section .integrateio-btn {
    max-width: 300px;
    height: 56px; }
  .integrateio .bottom-section .hbspt-form form {
    display: flex;
    flex-flow: row;
    align-items: flex-start; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .hbspt-form form {
        flex-flow: column;
        align-items: center; } }
    .integrateio .bottom-section .hbspt-form form label {
      display: none; }
    .integrateio .bottom-section .hbspt-form form .hs-error-msg {
      display: block; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .hbspt-form form .field {
        width: 100%; } }
    @media (max-width: 991px) {
      .integrateio .bottom-section .hbspt-form form .hs-submit {
        width: 100%; } }
    .integrateio .bottom-section .hbspt-form form .actions {
      margin-bottom: 20px;
      margin-top: 0; }
      @media (max-width: 991px) {
        .integrateio .bottom-section .hbspt-form form .actions {
          width: 100%; } }
      .integrateio .bottom-section .hbspt-form form .actions input {
        width: 100%;
        min-width: 250px;
        margin-left: 20px; }
        @media (max-width: 991px) {
          .integrateio .bottom-section .hbspt-form form .actions input {
            margin: 0; } }
    .integrateio .bottom-section .hbspt-form form input {
      min-width: 300px;
      margin-right: 20px; }
  .integrateio .bottom-section .signup-form {
    justify-content: center; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .signup-form {
        width: 100% !important;
        justify-content: center; } }
  .integrateio .bottom-section .hero-image {
    width: 450px;
    height: 466px; }
    @media (max-width: 1199px) {
      .integrateio .bottom-section .hero-image {
        width: 300px;
        height: 310px; } }
  .integrateio .bottom-section .text-container {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    max-width: 650px;
    min-height: 360px;
    justify-content: flex-start; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .text-container {
        align-items: center; } }
    .integrateio .bottom-section .text-container .title {
      font-size: 45px;
      line-height: 50px;
      letter-spacing: -1.35px;
      text-align: left;
      opacity: 0.95;
      margin-top: 0;
      font-weight: 700;
      color: #ffffff;
      font-family: "Arial", "sans-serif";
      margin-bottom: 0; }
      @media (max-width: 991px) {
        .integrateio .bottom-section .text-container .title {
          text-align: center; } }
    .integrateio .bottom-section .text-container .subtitle {
      font-size: 24px;
      color: #ffffff;
      line-height: 30px;
      margin-top: 20px;
      font-weight: 400;
      font-family: "Arial", "sans-serif";
      text-align: left; }
      @media (max-width: 991px) {
        .integrateio .bottom-section .text-container .subtitle {
          text-align: center; } }
  .integrateio .bottom-section .buttons-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    width: 50%; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .buttons-container {
        width: 100%;
        justify-content: center; } }
  .integrateio .bottom-section .hero-image {
    padding: 0; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .hero-image {
        display: block;
        height: 250px;
        width: auto; } }
  .integrateio .bottom-section .bottom-section-signup {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    width: 100%; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .bottom-section-signup {
        flex-flow: column; } }
    .integrateio .bottom-section .bottom-section-signup .form-container {
      display: flex;
      flex-flow: row;
      width: 100%; }
      @media (max-width: 991px) {
        .integrateio .bottom-section .bottom-section-signup .form-container {
          flex-flow: column; } }
      .integrateio .bottom-section .bottom-section-signup .form-container .form-group {
        width: 100%;
        margin-top: 0; }
      .integrateio .bottom-section .bottom-section-signup .form-container .form-control {
        min-width: 300px;
        width: 100%; }
    @media (max-width: 991px) {
      .integrateio .bottom-section .bottom-section-signup .integrateio-btn {
        margin-left: 0;
        width: 100%;
        margin-top: 30px;
        max-width: 100%;
        margin-bottom: 20px; } }
.integrateio .security-section {
  padding: 50px 0; }
  .integrateio .security-section .text-container {
    align-items: flex-start; }

.integrateio .new-homepage.product-page .icons-image {
  width: 100%;
  height: auto; }

.integrateio .new-homepage.product-page .solution-list {
  list-style: disc; }
  .integrateio .new-homepage.product-page .solution-list .list-item {
    list-style: disc; }

.integrateio .new-homepage.product-page .items-list.with-shadow .list-item {
  box-shadow: 0 3px 21px rgba(47, 43, 70, 0.1);
  background: #ffffff; }
  .integrateio .new-homepage.product-page .items-list.with-shadow .list-item .quote-item {
    box-shadow: none;
    background: #ffffff !important; }
    .integrateio .new-homepage.product-page .items-list.with-shadow .list-item .quote-item .position {
      line-height: 16px; }
    .integrateio .new-homepage.product-page .items-list.with-shadow .list-item .quote-item .quote {
      color: #6b7280;
      font-size: 17px; }

.integrateio .new-homepage.product-page .quote-item {
  background: rgba(122, 122, 122, 0.1); }
  .integrateio .new-homepage.product-page .quote-item .quote {
    font-size: 18px;
    color: #2f2b46;
    text-decoration: none solid #2f2b46;
    line-height: 28px; }
  .integrateio .new-homepage.product-page .quote-item .author .name {
    color: #2f2b46; }
  .integrateio .new-homepage.product-page .quote-item .author .position {
    color: #6b7280; }

.integrateio .new-homepage.product-page .quote.black {
  color: #151719; }

.integrateio .new-homepage.product-page .integrateio-btn {
  color: #000000;
  line-height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  background: #ff7d42;
  border-radius: 4px;
  padding: 12px 40px;
  font-weight: 600; }
  .integrateio .new-homepage.product-page .integrateio-btn.btn-white {
    margin-left: 10px; }

.integrateio .new-homepage.product-page .data-section .data-list .data-list-item {
  width: 350px; }
  @media (max-width: 991px) {
    .integrateio .new-homepage.product-page .data-section .data-list .data-list-item {
      width: 100%; } }
.integrateio .new-homepage.product-page .data-section .quote-icon {
  margin-top: 50px; }

.integrateio .new-homepage.product-page .solutions-section .title {
  margin-top: 50px; }

.integrateio .new-homepage.product-page .solutions-section .solution-container .solution-image-container .solution-image {
  width: 500px; }

.integrateio .new-homepage.product-page .solutions-section .items-list .list-item {
  height: 420px; }
  @media (max-width: 991px) {
    .integrateio .new-homepage.product-page .solutions-section .items-list .list-item {
      height: auto; } }
  .integrateio .new-homepage.product-page .solutions-section .items-list .list-item.white {
    height: 300px; }
  .integrateio .new-homepage.product-page .solutions-section .items-list .list-item .item-icon {
    width: 24px;
    height: 24px; }

.integrateio .new-homepage.product-page .customers-section .quotes-container {
  margin-top: 30px; }

.integrateio .new-homepage.solutions-page .title-container .container .signup-form .integrateio-btn {
  margin-bottom: 0; }

.integrateio .new-homepage.solutions-page .hero-image {
  width: 600px;
  height: auto; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-container {
  padding: 0; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item picture {
  display: flex;
  justify-content: flex-end; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item .hero-image {
  width: 500px;
  min-height: auto; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item.without-padding {
  padding: 0; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item .solution-title,
.integrateio .new-homepage.solutions-page .solutions-section .solution-item .solution-description {
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 10px; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item .solution-title {
  font-size: 38px;
  color: #2f2b46;
  text-decoration: none solid #2f2b46;
  line-height: 48px; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item .solution-description {
  font-size: 20px;
  color: #2f2b46;
  text-decoration: none solid #2f2b46;
  line-height: 30px; }
  .integrateio .new-homepage.solutions-page .solutions-section .solution-item .solution-description ul {
    margin: 10px 0;
    padding: 0 0 0 20px; }
    .integrateio .new-homepage.solutions-page .solutions-section .solution-item .solution-description ul li {
      list-style: disc;
      color: #ffffff; }

.integrateio .new-homepage.solutions-page .solutions-section .solution-item .integrateio-btn {
  padding: 15px 30px;
  border-radius: 6px;
  background-color: #ff7d42;
  background-size: cover;
  font-size: 16px;
  color: #000000;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  margin-top: 30px; }

.integrateio .new-homepage.solutions-page .solutions-section .items-list {
  justify-content: flex-start;
  margin-top: 10px; }
  .integrateio .new-homepage.solutions-page .solutions-section .items-list.smaller .list-item.white {
    width: auto;
    height: auto;
    margin: 10px; }
  .integrateio .new-homepage.solutions-page .solutions-section .items-list .list-item.white {
    width: 342px;
    height: 252px;
    border-radius: 12px;
    color: #ffffff;
    background-color: transparent; }
    .integrateio .new-homepage.solutions-page .solutions-section .items-list .list-item.white .item-title {
      font-size: 20px;
      line-height: 28px;
      font-weight: 600;
      color: #ffffff; }
      .integrateio .new-homepage.solutions-page .solutions-section .items-list .list-item.white .item-title .highlighted-text {
        color: #ffffff; }
    .integrateio .new-homepage.solutions-page .solutions-section .items-list .list-item.white .item-description {
      color: #ffffff; }

.integrateio .new-homepage.solutions-page .solutions-section .integrations-container {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  margin-left: 15px;
  margin-bottom: 10px; }
  .integrateio .new-homepage.solutions-page .solutions-section .integrations-container .integrations-title {
    font-size: 18px;
    color: #ffffff;
    text-decoration: none solid #2f2b46;
    line-height: 24px;
    font-weight: 500; }
  .integrateio .new-homepage.solutions-page .solutions-section .integrations-container .integrations-link {
    font-size: 16px;
    color: #00ebb2;
    line-height: 24px;
    text-align: right;
    font-weight: 600;
    margin-bottom: 30px; }
    .integrateio .new-homepage.solutions-page .solutions-section .integrations-container .integrations-link .fa {
      margin-left: 10px; }
  .integrateio .new-homepage.solutions-page .solutions-section .integrations-container .badges-container {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    margin-bottom: 30px; }
    .integrateio .new-homepage.solutions-page .solutions-section .integrations-container .badges-container .badge {
      padding: 2px 12px;
      border-radius: 4px;
      background-color: #00ebb2;
      background-size: cover;
      font-size: 12px;
      color: #000000;
      text-decoration: none solid #3730a3;
      line-height: 16px;
      margin: 5px; }

.integrateio .new-homepage.solutions-page .solutions-section .quote-item {
  width: calc(100% - 20px);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 3px 21px rgba(47, 43, 70, 0.2);
  position: relative;
  padding: 32px;
  height: auto; }
  .integrateio .new-homepage.solutions-page .solutions-section .quote-item .quote-icon {
    position: absolute;
    top: 22px;
    left: 20px;
    opacity: 0.2;
    width: 40px; }

.integrateio .transparent-button {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 18px;
  transition: all 0.3s linear;
  background: transparent;
  border-radius: 10px;
  padding: 15px 40px;
  font-weight: 600;
  color: #ffffff;
  border: 1px solid #ffffff;
  cursor: pointer; }
  .integrateio .transparent-button:hover {
    background: #00ebb2 !important;
    color: #000000 !important;
    border: 1px solid #00ebb2; }

.integrateio .inverted-button {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 18px;
  transition: all 0.3s linear;
  border-radius: 10px;
  padding: 15px 40px;
  font-weight: 600;
  cursor: pointer;
  background: #000000 !important;
  color: #00ebb2 !important;
  border: 1px solid #000000; }
  .integrateio .inverted-button:hover {
    background: #00ebb2 !important;
    color: #000000 !important;
    border: 1px solid #00ebb2; }

.integrateio-btn-home.integrateio-btn {
  padding: 22px 40px; }

.webinar__background {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 592px;
  height: 308px;
  border-radius: 10px;
  background-color: #000000; }
  @media (max-width: 991px) {
    .webinar__background {
      width: 90vw; } }
.wistia_click_to_play {
  display: flex;
  align-items: center;
  justify-content: center; }

.webinar__background--overlay {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.7;
  border-radius: 10px; }

.webinar__header--button-wrapper {
  font-size: 80px;
  color: white;
  z-index: 1; }
  .webinar__header--button-wrapper i.fa {
    margin-right: 10px; }

.hbspt-form {
  position: relative;
  z-index: 2;
  width: 100%; }
  .hbspt-form .submitted-message {
    color: #ffffff; }
  .hbspt-form fieldset {
    padding: 0 50px;
    margin: 10px 80px;
    max-width: 100%; }
  .hbspt-form label {
    font-family: "Arial", "sans-serif";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 10px; }
  .hbspt-form .hs-error-msg {
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin: 10px 0 0; }
  .hbspt-form legend {
    font-family: "Arial", "sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 10px; }
  .hbspt-form input,
  .hbspt-form textarea,
  .hbspt-form select {
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #3f3f3f;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #b6b6b6;
    border-radius: 6px; }
  .hbspt-form textarea {
    height: 80px; }
  .hbspt-form .field {
    margin-bottom: 15px; }
  .hbspt-form .inputs-list {
    padding: 0; }
    .hbspt-form .inputs-list .hs-form-checkbox label {
      display: flex;
      flex-flow: row;
      justify-content: flex-start;
      align-items: center; }
      .hbspt-form .inputs-list .hs-form-checkbox label input {
        height: 10px;
        width: auto;
        margin-right: 20px; }
  .hbspt-form .actions {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 50px; }
    .hbspt-form .actions input {
      text-transform: uppercase;
      font-size: 16px;
      line-height: 14px;
      border: 0;
      transition: all 0.1s linear;
      background: #00ebb2;
      border-radius: 4px;
      font-weight: 600;
      color: #000000;
      width: 100%; }
      .hbspt-form .actions input:hover {
        color: #ffffff; }

#signUpFreeTrialModal .hbspt-form,
#newConnectorModal .hbspt-form {
  position: relative;
  z-index: 2; }
  #signUpFreeTrialModal .hbspt-form fieldset,
  #newConnectorModal .hbspt-form fieldset {
    padding: 0 50px;
    margin: 10px 80px;
    max-width: 100%; }
    @media (max-width: 991px) {
      #signUpFreeTrialModal .hbspt-form fieldset,
      #newConnectorModal .hbspt-form fieldset {
        margin: 10px; } }
  #signUpFreeTrialModal .hbspt-form label,
  #newConnectorModal .hbspt-form label {
    font-family: "Arial", "sans-serif";
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #ffffff;
    margin-bottom: 10px; }
  #signUpFreeTrialModal .hbspt-form input,
  #signUpFreeTrialModal .hbspt-form textarea,
  #newConnectorModal .hbspt-form input,
  #newConnectorModal .hbspt-form textarea {
    width: 100%;
    height: 46px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #3f3f3f;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #b6b6b6;
    border-radius: 6px; }
  #signUpFreeTrialModal .hbspt-form .submitted-message,
  #newConnectorModal .hbspt-form .submitted-message {
    text-align: center;
    font-size: 22px;
    margin: 20px; }
    #signUpFreeTrialModal .hbspt-form .submitted-message p,
    #newConnectorModal .hbspt-form .submitted-message p {
      font-size: 20px;
      color: #ffffff; }
    #signUpFreeTrialModal .hbspt-form .submitted-message strong,
    #newConnectorModal .hbspt-form .submitted-message strong {
      font-size: 26px; }
  #signUpFreeTrialModal .hbspt-form textarea,
  #newConnectorModal .hbspt-form textarea {
    height: 80px; }
  #signUpFreeTrialModal .hbspt-form .actions,
  #newConnectorModal .hbspt-form .actions {
    display: flex;
    justify-content: center;
    margin-top: -30px;
    margin-bottom: 30px; }
    #signUpFreeTrialModal .hbspt-form .actions input,
    #newConnectorModal .hbspt-form .actions input {
      text-transform: uppercase;
      font-size: 16px;
      border: 0;
      transition: all 0.1s linear;
      background: #00ebb2;
      border-radius: 4px;
      padding: 13px 40px;
      font-weight: 600;
      color: #000000;
      width: auto; }
      #signUpFreeTrialModal .hbspt-form .actions input:hover,
      #newConnectorModal .hbspt-form .actions input:hover {
        color: #ffffff; }

#signUpFreeTrialModal .modal-dialog,
#newConnectorModal .modal-dialog {
  position: absolute;
  margin: auto;
  width: 1000px;
  height: 500px;
  z-index: 10001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  @media (max-width: 991px) {
    #signUpFreeTrialModal .modal-dialog,
    #newConnectorModal .modal-dialog {
      width: 100vw;
      height: auto; } }
#signUpFreeTrialModal .title,
#signUpFreeTrialModal .highlighted-text,
#newConnectorModal .title,
#newConnectorModal .highlighted-text {
  color: #ffffff;
  font-family: "Arial", "sans-serif";
  font-size: 32px;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
  margin: 40px auto;
  position: relative; }

#signUpFreeTrialModal .cards-container,
#newConnectorModal .cards-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  margin-bottom: 20px; }
  #signUpFreeTrialModal .cards-container .error-text,
  #newConnectorModal .cards-container .error-text {
    margin: 10px 0;
    color: red;
    width: 100%;
    text-align: center; }
  #signUpFreeTrialModal .cards-container .card,
  #newConnectorModal .cards-container .card {
    width: 200px;
    height: 320px;
    border-radius: 10px;
    background: transparent;
    box-shadow: 0 3px 21px rgba(47, 43, 70, 0.2);
    display: flex;
    flex-flow: column;
    align-items: center;
    margin: 9px 15px;
    justify-content: flex-start;
    padding: 16px;
    overflow: hidden;
    position: relative;
    border: 2px solid #a6e8ff; }
    #signUpFreeTrialModal .cards-container .card:hover,
    #newConnectorModal .cards-container .card:hover {
      transform: translateY(-3px); }
    #signUpFreeTrialModal .cards-container .card .carousel-container,
    #newConnectorModal .cards-container .card .carousel-container {
      display: flex;
      flex-flow: row;
      position: absolute;
      left: 16px;
      transition: all 500ms; }
      #signUpFreeTrialModal .cards-container .card .carousel-container.second-card,
      #newConnectorModal .cards-container .card .carousel-container.second-card {
        transform: translateX(-50%); }
      #signUpFreeTrialModal .cards-container .card .carousel-container .carousel-item,
      #newConnectorModal .cards-container .card .carousel-container .carousel-item {
        width: 218px;
        height: 268px;
        margin-right: 16px;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: flex-start; }
  #signUpFreeTrialModal .cards-container .icon,
  #newConnectorModal .cards-container .icon {
    margin-top: 0;
    height: 80px; }
  #signUpFreeTrialModal .cards-container .card-title,
  #newConnectorModal .cards-container .card-title {
    font-size: 16px;
    color: #ffffff;
    line-height: 24px;
    text-align: center;
    font-weight: 700;
    margin-top: 29px;
    margin-bottom: 5px;
    font-family: "Arial", "sans-serif"; }
  #signUpFreeTrialModal .cards-container .sub-title,
  #newConnectorModal .cards-container .sub-title {
    font-size: 12px;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 13px;
    font-family: "Arial", "sans-serif"; }
  #signUpFreeTrialModal .cards-container .card-description,
  #newConnectorModal .cards-container .card-description {
    font-size: 14px;
    color: #ffffff;
    margin-top: -5px;
    margin-bottom: 13px;
    font-weight: 500;
    min-height: 51px; }
  #signUpFreeTrialModal .cards-container .go-to-app-button-container,
  #newConnectorModal .cards-container .go-to-app-button-container {
    cursor: pointer;
    width: 100%;
    height: 40px; }
  #signUpFreeTrialModal .cards-container .go-to-app-button,
  #newConnectorModal .cards-container .go-to-app-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    color: #00ebb2;
    text-decoration: underline;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    height: 40px;
    background: transparent; }

#signUpFreeTrialModal .modal-footer,
#newConnectorModal .modal-footer {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-top: 0;
  margin-top: 10px; }
  #signUpFreeTrialModal .modal-footer .btn.btn-info,
  #newConnectorModal .modal-footer .btn.btn-info {
    background: transparent;
    box-shadow: none;
    border: 1px solid #ffffff;
    border-radius: 10px;
    font-weight: 300;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-size: 16px;
    padding: 10px 50px;
    transition: all 200ms ease;
    color: #ffffff !important;
    font-family: "Arial", "sans-serif"; }
    #signUpFreeTrialModal .modal-footer .btn.btn-info:hover,
    #newConnectorModal .modal-footer .btn.btn-info:hover {
      background: #0e86ef;
      color: #ffffff !important;
      cursor: pointer; }

#signUpFreeTrialModal .title {
  font-family: "Arial", "sans-serif";
  background: linear-gradient(210deg, #a6e8ff 13.4%, #b380f5 86.6%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; }

.dark-theme.integrateio body,
.dark-theme.integrateio .main-nav-container,
.dark-theme.integrateio .data-section {
  background: #2a2241; }

.dark-theme.integrateio .new-homepage .support-section {
  background: linear-gradient(60deg, #3d73eb 13.4%, #de8fff 86.6%); }
  .dark-theme.integrateio .new-homepage .support-section .support-title {
    color: #ffffff; }

.dark-theme.integrateio .new-homepage .container.horizontal .description {
  color: #ffffff; }

.dark-theme.integrateio .new-homepage .title-container .container {
  background: #2a2241; }

.dark-theme.integrateio .new-homepage .title-container .text-container .title .highlighted-text {
  color: #00ebb2;
  font-family: inherit; }

.dark-theme.integrateio .new-homepage .solution-item .perk-item .perk-title,
.dark-theme.integrateio .new-homepage .solution-item .perk-item .perk-description,
.dark-theme.integrateio .new-homepage .solution-item .perk-item .perk-list .list-item {
  color: #ffffff; }

.dark-theme.integrateio .gradient-container.connectors .title {
  color: #ffffff;
  margin-top: 0;
  font-family: inherit; }
  .dark-theme.integrateio .gradient-container.connectors .title .highlighted-text {
    color: #ffffff; }

.dark-theme.integrateio .data-section {
  background: #2a2241; }
  .dark-theme.integrateio .data-section .title,
  .dark-theme.integrateio .data-section .small-title {
    color: #ffffff; }
  .dark-theme.integrateio .data-section .data-list .data-list-item .data-list-title,
  .dark-theme.integrateio .data-section .data-list .data-list-item .data-list-description {
    color: #ffffff; }
  .dark-theme.integrateio .data-section .data-list .data-list-item .data-list-description-below {
    color: #a6e8ff; }

.dark-theme.integrateio #quotes-glide .glide__bullet {
  color: #ffffff; }
  .dark-theme.integrateio #quotes-glide .glide__bullet.glide__bullet--active {
    color: #a6e8ff; }

.dark-theme.integrateio #quotes-glide .quote-container .quote-body .quote-title {
  color: #ffffff; }
  .dark-theme.integrateio #quotes-glide .quote-container .quote-body .quote-title .highlighted-text {
    color: #a6e8ff;
    font-family: inherit; }

.dark-theme.integrateio #quotes-glide .quote-container .quote-body .quote-text,
.dark-theme.integrateio #quotes-glide .quote-container .quote-body .quote-footer,
.dark-theme.integrateio #quotes-glide .quote-container .quote-body .quote-company {
  color: #ffffff; }

.dark-theme.integrateio .solutions-section .solution-container .solution-item .solution-title,
.dark-theme.integrateio .solutions-section .solution-container .solution-item .solution-description {
  color: #ffffff; }

.dark-theme.integrateio .glide__bullet.glide__bullet--active {
  background-color: #40ffc7; }

.dark-theme.integrateio .testimonial-body,
.dark-theme.integrateio .testimonial-title {
  color: #ffffff; }

.dark-theme.integrateio .highlighted-text {
  color: #00ebb2;
  font-family: inherit; }

.dark-theme.integrateio .hide-light {
  display: block; }

.dark-theme.integrateio .hide-dark {
  display: none; }

.hide-light {
  display: none; }

.hide-dark {
  display: block; }

.modal-content {
  background: #181c2e;
  border: 3px solid #a6e8ff;
  border-radius: 20px;
  position: relative;
  overflow: hidden; }
  .modal-content .modal-background-1 {
    position: absolute;
    left: -50px;
    width: 400px;
    top: 50px;
    z-index: 2; }
    @media (max-width: 991px) {
      .modal-content .modal-background-1 {
        width: 200px;
        top: 100px; } }
  .modal-content .modal-background-2 {
    position: absolute;
    right: -100px;
    width: 450px;
    top: 200px;
    z-index: 2; }
    @media (max-width: 991px) {
      .modal-content .modal-background-2 {
        width: 200px;
        top: 400px; } }
/* ******* HERO ********* */
.dynamic-home .hero-info-container {
  margin-top: 50px;
  text-align: center; }
  .dynamic-home .hero-info-container .home-header {
    font-weight: 300;
    font-size: 3.58em;
    letter-spacing: -0.8px;
    position: relative;
    display: flex;
    flex-flow: column;
    margin-bottom: 0; }
    @media (max-width: 398px) {
      .dynamic-home .hero-info-container .home-header {
        font-size: 2.5em;
        word-break: break-word; } }
    @media (min-width: 399px) and (max-width: 479px) {
      .dynamic-home .hero-info-container .home-header {
        font-size: 2.5em; } }
    .dynamic-home .hero-info-container .home-header .home-header-first {
      color: #000;
      font-weight: 300;
      margin-bottom: -15px; }
      [lang="ja"] .dynamic-home .hero-info-container .home-header .home-header-first {
        font-size: 40px;
        line-height: 70px; }
    .dynamic-home .hero-info-container .home-header .home-header-second {
      color: #0e86ef;
      font-weight: 600; }
    .dynamic-home .hero-info-container .home-header:lang(ja) {
      display: flex;
      justify-content: center; }
    .dynamic-home .hero-info-container .home-header .typed-data-move {
      display: inline;
      word-break: break-word; }
    .dynamic-home .hero-info-container .home-header .typed-data-from-to {
      display: inline;
      word-wrap: break-word; }
      .dynamic-home .hero-info-container .home-header .typed-data-from-to .source,
      .dynamic-home .hero-info-container .home-header .typed-data-from-to .destination {
        font-weight: 700; }
    .dynamic-home .hero-info-container .home-header .hidden-mobile {
      display: inline; }
      .dynamic-home .hero-info-container .home-header .hidden-mobile:lang(ja) {
        max-width: 900px; }
      @media (max-width: 767px) {
        .dynamic-home .hero-info-container .home-header .hidden-mobile {
          display: none; } }
    .dynamic-home .hero-info-container .home-header .visible-mobile {
      display: none; }
      .dynamic-home .hero-info-container .home-header .visible-mobile:lang(ja) {
        max-width: 900px; }
      @media (max-width: 767px) {
        .dynamic-home .hero-info-container .home-header .visible-mobile {
          display: inline; } }
  .dynamic-home .hero-info-container h2 {
    font-size: 17px;
    font-weight: 100;
    margin-top: 30px;
    line-height: 1.6;
    padding: 0 28px; }
  .dynamic-home .hero-info-container .btn-info-home {
    margin-bottom: 10px; }
    .dynamic-home .hero-info-container .btn-info-home .signup-form {
      display: flex;
      width: 100%;
      justify-content: center;
      align-items: center; }
      @media (max-width: 767px) {
        .dynamic-home .hero-info-container .btn-info-home .signup-form {
          flex-flow: column; } }
    .dynamic-home .hero-info-container .btn-info-home .form-group {
      max-width: 300px;
      margin-bottom: 0;
      height: 100%; }
    .dynamic-home .hero-info-container .btn-info-home .form-control {
      height: 53px;
      min-width: 250px;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
    .dynamic-home .hero-info-container .btn-info-home .btn-info {
      padding: 24px 80px;
      line-height: 5px;
      top: 7px;
      font-size: 16px;
      max-width: 250px;
      border-radius: 0 4px 4px 0; }
  .dynamic-home .hero-info-container .home-button-info {
    font-size: 14px; }

/* ******* CUSTOMERS ********* */
.dynamic-home .home-customers {
  border-bottom: 1px solid #d0d0d0; }

/* ******* CONTACT FORM ********* */
.dynamic-home .home-contact-form-container-item {
  background-color: #ffffff;
  background-image: url("https://www.integrate.io/images/envelope-bottom.132a8efebbe90bd06dcd4e438d097930.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  padding: 40px 10% 60px;
  text-align: center; }
  .dynamic-home .home-contact-form-container-item h3 {
    font-size: 27px;
    font-weight: 600; }
  .dynamic-home .home-contact-form-container-item h4 {
    color: #3c9ef4;
    font-weight: 300;
    font-size: 16px;
    line-height: 0; }
    @media (max-width: 767px) {
      .dynamic-home .home-contact-form-container-item h4 {
        line-height: 18px !important; } }
  .dynamic-home .home-contact-form-container-item button {
    max-width: 100%; }

.dynamic-home .home-contact-form-container {
  margin-top: 70px;
  margin-bottom: 70px;
  padding-top: 70px;
  border-top: 1px solid #d0d0d0; }
  .dynamic-home .home-contact-form-container form {
    margin-top: 40px; }
    .dynamic-home .home-contact-form-container form button {
      width: auto;
      margin: 90px; }
  .dynamic-home .home-contact-form-container .contact-header {
    margin-bottom: 90px;
    text-align: center; }
    .dynamic-home .home-contact-form-container .contact-header h1 {
      font-weight: bolder;
      margin-bottom: 30px; }
    .dynamic-home .home-contact-form-container .contact-header p {
      color: #727272;
      font-size: 21px; }

.wistia_click_to_play {
  width: 100% !important;
  height: 100% !important; }

.calendly-container .title-container {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center; }
  @media (max-width: 991px) {
    .calendly-container .title-container {
      flex-flow: column; } }
  .calendly-container .title-container.main-title {
    color: #ffffff;
    margin-bottom: -50px; }
    @media (max-width: 767px) {
      .calendly-container .title-container.main-title {
        margin-bottom: 0; } }
    .calendly-container .title-container.main-title h2 {
      font-weight: 600;
      font-size: 36px;
      text-align: center; }

.calendly-container .integration-container {
  order: 1;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -50px;
  margin-top: 20px; }
  .calendly-container .integration-container .integration-image {
    width: 100px;
    height: 100px;
    margin-right: 50px; }
    @media (max-width: 991px) {
      .calendly-container .integration-container .integration-image {
        margin: 0; } }
  .calendly-container .integration-container .title {
    font-weight: bold;
    font-size: 52px;
    line-height: 70px;
    text-align: center;
    color: #ffffff; }
  .calendly-container .integration-container .subtitle-container {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
  .calendly-container .integration-container .subtitle {
    font-size: 20px;
    line-height: 30px;
    text-align: center; }

.calendly-container.dynamic-home {
  height: auto;
  display: flex;
  flex-flow: column; }
  .calendly-container.dynamic-home iframe {
    order: 2;
    height: calc(100vh - 30px);
    z-index: 2; }
  .calendly-container.dynamic-home .home-customers {
    width: 100%;
    order: 3;
    margin-top: 0;
    position: fixed;
    bottom: 0; }
    @media (max-height: 960px) {
      .calendly-container.dynamic-home .home-customers {
        position: inherit; } }
  @media (max-width: 1002px) {
    .calendly-container.dynamic-home .home-customers {
      position: inherit; }
    .calendly-container.dynamic-home iframe {
      height: 850px; } }
  @media (max-width: 650px) {
    .calendly-container.dynamic-home iframe {
      height: calc(100vh - 150px); } }
/* Generated by http://css.spritegen.com CSS Sprite Generator */
.motleyfool,
.philipmorris,
.samsung,
.netgear,
.mcdonalds,
.heineken,
.gopuff,
.deloitte,
.eleven,
.jp-toyota,
.jp-hakuhodo,
.jp-yoshimoto,
.jp-menu,
.jp-7_eleven,
.jp-deloitte,
.jp-netgear,
.jp-philip_morris,
.jp-heineken,
.jp-samsung,
.jp-mcdonalds,
.jp-usonar {
  background-repeat: no-repeat;
  display: inline-block; }

.customer-logo-wrapper .motleyfool,
.customer-image-wrapper .motleyfool {
  width: calc(250px * 0.6);
  height: calc(69px * 0.6);
  background-position: calc(-404px * 0.6) calc(-188px * 0.6);
  background-size: calc(730px * 0.6) calc(356px * 0.6); }

.customer-logo-wrapper .philipmorris,
.customer-image-wrapper .philipmorris {
  width: calc(316px * 0.6);
  height: calc(69px * 0.6);
  background-position: calc(-404px * 0.6) calc(-10px * 0.6);
  background-size: calc(730px * 0.6) calc(356px * 0.6); }

.customer-logo-wrapper .samsung,
.customer-image-wrapper .samsung {
  width: calc(374px * 0.5);
  height: calc(69px * 0.5);
  background-position: calc(-10px * 0.5) calc(-10px * 0.5);
  background-size: calc(730px * 0.5) calc(356px * 0.5); }

.customer-logo-wrapper .mcdonalds,
.customer-image-wrapper .mcdonalds {
  width: calc(87px * 0.6);
  height: calc(69px * 0.6);
  background-position: calc(-627px * 0.6) calc(-277px * 0.6);
  background-size: calc(730px * 0.6) calc(356px * 0.6); }

.customer-logo-wrapper .netgear,
.customer-image-wrapper .netgear {
  width: calc(357px * 0.5);
  height: calc(69px * 0.5);
  background-position: calc(-10px * 0.5) calc(-99px * 0.5);
  background-size: calc(730px * 0.5) calc(356px * 0.5); }

.customer-logo-wrapper .heineken,
.customer-image-wrapper .heineken {
  width: calc(296px * 0.6);
  height: calc(69px * 0.6);
  background-position: calc(-404px * 0.6) calc(-99px * 0.6);
  background-size: calc(730px * 0.6) calc(356px * 0.6); }

.customer-logo-wrapper .gopuff,
.customer-image-wrapper .gopuff {
  width: calc(203px * 0.6);
  height: calc(69px * 0.6);
  background-position: calc(-404px * 0.6) calc(-277px * 0.6);
  background-size: calc(730px * 0.6) calc(356px * 0.6); }

.customer-logo-wrapper .deloitte,
.customer-image-wrapper .deloitte {
  width: calc(336px * 0.5);
  height: calc(69px * 0.5);
  background-position: calc(-10px * 0.5) calc(-188px * 0.5);
  background-size: calc(730px * 0.5) calc(356px * 0.5); }

.customer-logo-wrapper .eleven,
.customer-image-wrapper .eleven {
  width: calc(331px * 0.5);
  height: calc(69px * 0.5);
  background-position: calc(-10px * 0.5) calc(-277px * 0.5);
  background-size: calc(730px * 0.5) calc(356px * 0.5); }

.customer-logo-wrapper-jp .jp-toyota {
  width: calc(0.5 * 300px);
  height: calc(0.5 * 100px);
  background-position: calc(-10px * 0.5) calc(-10px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-hakuhodo {
  width: calc(0.7 * 300px);
  height: calc(0.7 * 38px);
  background-position: calc(-376px * 0.7) calc(-302px * 0.7);
  background-size: calc(707px * 0.7) calc(581px * 0.7); }

.customer-logo-wrapper-jp .jp-yoshimoto {
  width: calc(1.2 * 148px);
  height: calc(1.2 * 27px);
  background-position: calc(-274px * 1.2) calc(-377px * 1.2);
  background-size: calc(707px * 1.2) calc(581px * 1.2); }

.customer-logo-wrapper-jp .jp-menu {
  width: calc(0.5 * 110px);
  height: calc(0.5 * 110px);
  background-position: calc(-10px * 0.5) calc(-461px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-7_eleven {
  width: calc(0.5 * 324px);
  height: calc(0.5 * 58px);
  background-position: calc(-366px * 0.5) calc(-130px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-deloitte {
  width: calc(0.5 * 336px);
  height: calc(0.5 * 63px);
  background-position: calc(-10px * 0.5) calc(-130px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-netgear {
  width: calc(0.5 * 346px);
  height: calc(0.5 * 55px);
  background-position: calc(-10px * 0.5) calc(-302px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-philip_morris {
  width: calc(0.5 * 297px);
  height: calc(0.5 * 69px);
  background-position: calc(-10px * 0.5) calc(-213px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-heineken {
  width: calc(0.5 * 296px);
  height: calc(0.5 * 69px);
  background-position: calc(-327px * 0.5) calc(-213px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-samsung {
  width: calc(0.5 * 367px);
  height: calc(0.5 * 58px);
  background-position: calc(-330px * 0.5) calc(-10px * 0.5);
  background-size: calc(707px * 0.5) calc(581px * 0.5); }

.customer-logo-wrapper-jp .jp-mcdonalds {
  width: calc(0.6 * 87px);
  height: calc(0.6 * 69px);
  background-position: calc(-140px * 0.6) calc(-461px * 0.6);
  background-size: calc(707px * 0.6) calc(581px * 0.6); }

.customer-logo-wrapper-jp .jp-usonar {
  width: calc(0.7 * 244px);
  height: calc(0.7 * 64px);
  background-position: calc(-10px * 0.7) calc(-377px * 0.7);
  background-size: calc(707px * 0.7) calc(581px * 0.7); }

.customers-strip {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 80px;
  justify-content: space-around;
  overflow: hidden;
  position: relative; }
  @media (max-width: 767px) {
    .customers-strip {
      flex-wrap: nowrap;
      height: 500px;
      flex-direction: column;
      margin: 30px 0; } }
.customers-strip {
  height: 100%;
  display: flex;
  flex-flow: row;
  padding: 0 20px; }
  .customers-strip .img-wrapper {
    height: 100%;
    padding: 0.3% 0.5%;
    filter: grayscale(1) opacity(70%);
    width: auto;
    object-fit: scale-down;
    align-self: center;
    margin: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .customers-strip .img-wrapper:first-child {
      padding-left: 0; }
    .customers-strip .img-wrapper:last-child {
      padding-right: 0; }
    .customers-strip .img-wrapper:focus {
      outline: none; }
  @media (max-width: 767px) {
    .customers-strip {
      width: 150px; }
      .customers-strip .slick-list {
        height: auto; } }
.trusted-tagline {
  margin: 22px 0 0 0;
  font-size: 13px;
  color: #2d3e4a;
  text-decoration: none solid #2d3e4a;
  line-height: 16px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  text-align: center; }

.main-error-page-not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 500px; }
  .main-error-page-not-found .main-cloud {
    margin-top: 100px;
    text-align: center;
    color: #ffffff;
    font-size: 26px; }
  .main-error-page-not-found .legend-links-list {
    display: flex;
    align-items: center;
    justify-content: center; }
    .main-error-page-not-found .legend-links-list a {
      margin: 0 10px;
      color: #ffffff;
      text-decoration: none; }
      .main-error-page-not-found .legend-links-list a:hover {
        color: #cccccc; }

/*# sourceMappingURL=style-error.css.map */