/* Reset the box-sizing */

*,
  *:before,
  *:after {
    box-sizing: border-box;
  }

html,
body {
  height: 100%;
}

/* Body reset */

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: 'TT_Commons', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.3;
  color: #162948;
  background-color: #fff;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

/* Reset fonts for relevant elements */

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Links */

a {
  color: #162948;
  text-decoration: none;
}

a:hover,
  a:focus {
    color: #6027ce;
    text-decoration: none;
  }

figure {
  margin: 0;
}

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

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

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 600;
  line-height: 1.2;
}

h1 {
  margin: 0 0 calc(20px * 1.3);
}

h2 {
  margin: 0 0 calc(20px * 1.3);
}

h3 {
  margin: 0 0 calc(20px * 1.3);
}

h4 {
  margin: 0 0 calc(20px * 1.3);
}

h5 {
  margin: 0 0 calc(20px * 1.3);
}

h6 {
  margin: 0 0 calc(20px * 1.3);
}

.h1 {
  margin: 0 0 calc(20px * 1.3);
}

.h2 {
  margin: 0 0 calc(20px * 1.3);
}

.h3 {
  margin: 0 0 calc(20px * 1.3);
}

.h4 {
  margin: 0 0 calc(20px * 1.3);
}

.h5 {
  margin: 0 0 calc(20px * 1.3);
}

.h6 {
  margin: 0 0 calc(20px * 1.3);
}

p {
  margin: 0 0 calc(20px * 1.3);
}

ul {
  margin: 0 0 calc(20px * 1.3);
}

ol {
  margin: 0 0 calc(20px * 1.3);
}

h1 {
  font-size: calc(20px * 2.5);
}

.h1 {
  font-size: calc(20px * 2.5);
}

h2 {
  font-size: calc(20px * 1.75);
}

.h2 {
  font-size: calc(20px * 1.75);
}

h3 {
  font-size: calc(20px * 1.5);
}

.h3 {
  font-size: calc(20px * 1.5);
}

h4 {
  font-size: calc(20px * 1.25);
}

.h4 {
  font-size: calc(20px * 1.25);
}

h5 {
  font-size: calc(20px * 1.1);
}

.h5 {
  font-size: calc(20px * 1.1);
}

h6 {
  font-size: calc(20px * 1);
}

.h6 {
  font-size: calc(20px * 1);
}

b,
strong {
  font-weight: 600;
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
  line-height: 1;
}

/* Description Lists */

dl {
  margin-top: 0;
  margin-bottom: calc(20px * 1.3);
}

dt {
  margin-bottom: calc(20px * 1.3 / 2);
  line-height: 1.3;
}

dd {
  margin-bottom: calc(20px * 1.3 / 2);
  line-height: 1.3;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0; /* Undo browser default */
}

.dl-horizontal:before,
  .dl-horizontal:after {
    display: table;
    content: "";
  }

.dl-horizontal:after {
    clear: both;
  }

.dl-horizontal dt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

@media (min-width: 768px) {

.dl-horizontal dt {
      float: left;
      width: 30%;
      padding-right: 15px;
      clear: both;
  }
    }

@media (min-width: 768px) {

.dl-horizontal dd {
      float: right;
      width: 70%
  }
    }

/* Abbreviations and acronyms */

abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91;
}

/* Blockquotes */

blockquote {
  padding: calc(20px * 1.3 / 2)
    calc(20px * 1.3);
  margin: 0 0 calc(20px * 1.3);
  font-family: 'TT_Commons', sans-serif;
  font-style: italic;
  background-color: #f7f7f9;
  border-left: 5px solid #eceeef;
}

blockquote.is-colored {
    border-left: 5px solid #6027ce;
  }

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
      margin-bottom: 0;
    }

/* Code */

code {
  padding: 20px !important;
  border-radius: 8px !important;
}

/*  Addresses */

address {
  margin-bottom: calc(20px * 1.3);
  font-style: normal;
  line-height: 1.3;
}

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

.clearfix:after {
    clear: both;
  }

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

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.is-hidden,
.hidden {
  display: none !important;
}

.powered-by-zendesk {
  display: none;
}

.row--flex {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

/* 
Normalize non-controls

Restyle and baseline non-control form elements. 
*/

fieldset {
  /*  
  Chrome and Firefox set a `min-width: min-content;` on fieldsets, 
  so we reset that to ensure it behaves more like a standard block element
  See https:github.com/twbs/bootstrap/issues/12359. 
  */
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: calc(20px * 1.3);
  font-size: calc(20px * 1.5);
  line-height: inherit;
  color: #373a3c;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: calc(20px * 1.3 / 2);
  font-weight: 600;
}

/* 
 Normalize form controls

 While most of our form styles require extra classes, some basic normalization
 is required to ensure optimum display with or without those classes to better
 address browser inconsistencies. 
*/

/*  Override content-box in Normalize (* isn't specific enough) */

input[type="search"] {
  box-sizing: border-box;
}

/*  Position radios and checkboxes better */

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}

/*  Set the height of file controls to match text inputs */

input[type="file"] {
  display: block;
}

/*  Make range inputs behave like textual form controls */

input[type="range"] {
  display: block;
  width: 100%;
}

/*  Make multiple select elements height not fixed */

select[multiple],
select[size] {
  height: auto;
}

/*  Focus for file, radio, and checkbox */

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*  Adjust output element */

output {
  display: block;
  padding-top: 7px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
}

/* 
 Common form controls

 Shared size and type resets for form controls. Apply `.form-control` to any
 of the following form controls:
 
*/

select {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

textarea {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="text"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="password"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="datetime"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="datetime-local"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="date"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="month"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="time"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="week"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="number"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="email"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="url"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="search"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="tel"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

input[type="color"] {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.nesty-input {
  display: block;
  width: 100%;
  height: auto;
  padding: 6px 12px;
  font-size: 20px;
  line-height: 1.3;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  /*  Reset unusual Firefox-on-Android default style; see https:github.com/necolas/normalize.css/issues/214 */
  border: 1px solid #eceeef;
  border-radius: 8px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

/*  Customize the `:focus` state to imitate native WebKit styles. */

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .nesty-input:focus {
    border-color: #9ed5e7;
    outline: 0;
  }

/*  Placeholder */

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .nesty-input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
  }

select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .nesty-input::-moz-placeholder {
    color: #999;
    opacity: 1;
  }

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .nesty-input:-ms-input-placeholder {
    color: #999;
    opacity: 1;
  }

select::-ms-input-placeholder, textarea::-ms-input-placeholder, input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .nesty-input::-ms-input-placeholder {
    color: #999;
    opacity: 1;
  }

select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .nesty-input::placeholder {
    color: #999;
    opacity: 1;
  }

select {
  height: calc(
    20px * 1.3 + 12px + 2px
  );
}

/*  Reset height for `textarea`s */

textarea {
  height: auto;
  height: calc(
    (20px * 1.3 + 12px + 2px) * 3
  );
  resize: vertical;
}

/*  Search inputs in iOS */

/* 
 This overrides the extra rounded corners on search inputs in iOS so that our
 `.form-control` class can properly style them. Note that this cannot simply
 be added to `.form-control` as it's not specific enough. For details, see
 https:github.com/twbs/bootstrap/issues/11586. */

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

/*  Special styles for iOS temporal inputs

 In Mobile Safari, setting `display: block` on temporal inputs causes the
 text within the input to become vertically misaligned. As a workaround, we
 set a pixel line-height that matches the given height of the input, but only
 for Safari. */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: calc(20px * 1.3 * 2.5);
  }
}

/*  Form groups

 Designed to help with the organization and spacing of vertical forms. For
 horizontal forms, use the predefined grid classes. */

.form-field {
  margin-bottom: calc(20px * 1.3);
}

.form-field.required > label:after {
    margin-left: 2px;
    color: #ff5252;
    content: "*";
  }

.form-field.boolean {
  position: relative;
  padding-left: 20px;
}

.form-field.boolean input[type="checkbox"] {
    position: absolute;
    left: 0;
  }

.form-field.boolean label {
    min-height: calc(20px * 1.3);
    /* Ensure the input doesn't jump when there is no text */
    margin-bottom: 0;
    cursor: pointer;
  }

input[type="radio"][disabled],
  input[type="radio"].disabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].disabled,
  fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
  }

/*  Help text

 Apply to any element you wish to create light text for placement immediately
 below a form control. Use for general help, formatting, or instructional text. */

.form-field p,
.help-block {
  display: block; /* account for any element using help-block */
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  color: #3461aa; /* lighten the text some for contrast */
}

input[type="search"] {
  border-radius: 3em;;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.btn,
input[type="submit"],
[role="button"],
.topbar .login,
.lines-button,
.community-recent-activity .recent-activity-controls a,
.satisfaction-box input[type="radio"] ~ label {
  display: inline-block;
  padding: 7px 12px 5px;
  margin-bottom: 0;
  font-size: calc(20px - 5px);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1px;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 3em;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  touch-action: manipulation;
}

.btn:focus, .btn:active:focus, input[type="submit"]:focus, input[type="submit"]:active:focus, [role="button"]:focus, [role="button"]:active:focus, .topbar .login:focus, .topbar .login:active:focus, .lines-button:focus, .lines-button:active:focus, .community-recent-activity .recent-activity-controls a:focus, .community-recent-activity .recent-activity-controls a:active:focus, .satisfaction-box input[type="radio"] ~ label:focus, .satisfaction-box input[type="radio"] ~ label:active:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }

.btn:hover,
  .btn:focus,
  input[type="submit"]:hover,
  input[type="submit"]:focus,
  [role="button"]:hover,
  [role="button"]:focus,
  .topbar .login:hover,
  .topbar .login:focus,
  .lines-button:hover,
  .lines-button:focus,
  .community-recent-activity .recent-activity-controls a:hover,
  .community-recent-activity .recent-activity-controls a:focus,
  .satisfaction-box input[type="radio"] ~ label:hover,
  .satisfaction-box input[type="radio"] ~ label:focus {
    color: #6027ce;
    text-decoration: none;
  }

.btn:active, input[type="submit"]:active, [role="button"]:active, .topbar .login:active, .lines-button:active, .community-recent-activity .recent-activity-controls a:active, .satisfaction-box input[type="radio"] ~ label:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }

[role="button"],
.btn--default,
.section-subscribe .dropdown-toggle,
.community-recent-activity .recent-activity-controls a,
.article-subscribe,
.article-unsubscribe,
.post-subscribe,
.post-unsubscribe,
.topic-controls__item--subscribe .dropdown-toggle,
.topic-controls__item--subscribe .topic-unsubscribe {
  color: #6027ce;
  background-color: transparent;
  border-color: #6027ce;
}

[role="button"]:hover,
  [role="button"]:focus,
  [role="button"]:active,
  .btn--default:hover,
  .btn--default:focus,
  .btn--default:active,
  .section-subscribe .dropdown-toggle:hover,
  .section-subscribe .dropdown-toggle:focus,
  .section-subscribe .dropdown-toggle:active,
  .community-recent-activity .recent-activity-controls a:hover,
  .community-recent-activity .recent-activity-controls a:focus,
  .community-recent-activity .recent-activity-controls a:active,
  .article-subscribe:hover,
  .article-subscribe:focus,
  .article-subscribe:active,
  .article-unsubscribe:hover,
  .article-unsubscribe:focus,
  .article-unsubscribe:active,
  .post-subscribe:hover,
  .post-subscribe:focus,
  .post-subscribe:active,
  .post-unsubscribe:hover,
  .post-unsubscribe:focus,
  .post-unsubscribe:active,
  .topic-controls__item--subscribe .dropdown-toggle:hover,
  .topic-controls__item--subscribe .dropdown-toggle:focus,
  .topic-controls__item--subscribe .dropdown-toggle:active,
  .topic-controls__item--subscribe .topic-unsubscribe:hover,
  .topic-controls__item--subscribe .topic-unsubscribe:focus,
  .topic-controls__item--subscribe .topic-unsubscribe:active {
    color: #fff;
    background: #6027ce;
    text-decoration: none;
  }

input[type="submit"],
.btn--primary {
  padding: 15px 25px 12px 25px;
  color: #fff;
  background-color: #6027ce;
  border-color: #6027ce;
}

input[type="submit"]:hover,
  input[type="submit"]:focus,
  input[type="submit"]:active,
  .btn--primary:hover,
  .btn--primary:focus,
  .btn--primary:active {
    color: #fff;
    background-color: #8242ff;
    border-color: #8242ff;
  }

.btn--topbar,
.topbar .login {
  color: #0c9;
  background-color: transparent;
  border-color: #0c9;
}

.btn--topbar:hover,
  .btn--topbar:focus,
  .btn--topbar:active,
  .topbar .login:hover,
  .topbar .login:focus,
  .topbar .login:active {
    color: #008f6b;
    background-color: transparent;
    border-color: #008f6b;
  }

.profile-header__options [data-action="edit-profile"] {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
  }

.profile-header__options [data-action="edit-profile"]:hover,
    .profile-header__options [data-action="edit-profile"]:focus,
    .profile-header__options [data-action="edit-profile"]:active {
      color: #fff;
      background-color: #8242ff;
      border-color: #8242ff;
    }

.profile-header__options [data-action="edit-profile"]:active {
      background-image: none;
    }

.container {
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {

.container {
    padding-right: calc(15px * 2);
    padding-left: calc(15px * 2)
}
  }

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

.row {
  margin-right: calc(15px * -1);
  margin-left: calc(15px * -1);
}

.column {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.column--xs-1 {
  width: 8.33333%;
}

.column--xs-2 {
  width: 16.66667%;
}

.column--xs-3 {
  width: 25%;
}

.column--xs-4 {
  width: 33.33333%;
}

.column--xs-5 {
  width: 41.66667%;
}

.column--xs-6 {
  width: 50%;
}

.column--xs-7 {
  width: 58.33333%;
}

.column--xs-8 {
  width: 66.66667%;
}

.column--xs-9 {
  width: 75%;
}

.column--xs-10 {
  width: 83.33333%;
}

.column--xs-11 {
  width: 91.66667%;
}

.column--xs-12 {
  width: 100%;
}

.column--xs-offset-0 {
  margin-left: 0%;
}

.column--xs-offset-1 {
  margin-left: 8.33333%;
}

.column--xs-offset-2 {
  margin-left: 16.66667%;
}

.column--xs-offset-3 {
  margin-left: 25%;
}

.column--xs-offset-4 {
  margin-left: 33.33333%;
}

.column--xs-offset-5 {
  margin-left: 41.66667%;
}

.column--xs-offset-6 {
  margin-left: 50%;
}

.column--xs-offset-7 {
  margin-left: 58.33333%;
}

.column--xs-offset-8 {
  margin-left: 66.66667%;
}

.column--xs-offset-9 {
  margin-left: 75%;
}

.column--xs-offset-10 {
  margin-left: 83.33333%;
}

.column--xs-offset-11 {
  margin-left: 91.66667%;
}

.column--xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .column--sm-1 {
    width: 8.33333%;
  }

  .column--sm-2 {
    width: 16.66667%;
  }

  .column--sm-3 {
    width: 25%;
  }

  .column--sm-4 {
    width: 33.33333%;
  }

  .column--sm-5 {
    width: 41.66667%;
  }

  .column--sm-6 {
    width: 50%;
  }

  .column--sm-7 {
    width: 58.33333%;
  }

  .column--sm-8 {
    width: 66.66667%;
  }

  .column--sm-9 {
    width: 75%;
  }

  .column--sm-10 {
    width: 83.33333%;
  }

  .column--sm-11 {
    width: 91.66667%;
  }

  .column--sm-12 {
    width: 100%;
  }

  .column--sm-offset-0 {
    margin-left: 0%;
  }

  .column--sm-offset-1 {
    margin-left: 8.33333%;
  }

  .column--sm-offset-2 {
    margin-left: 16.66667%;
  }

  .column--sm-offset-3 {
    margin-left: 25%;
  }

  .column--sm-offset-4 {
    margin-left: 33.33333%;
  }

  .column--sm-offset-5 {
    margin-left: 41.66667%;
  }

  .column--sm-offset-6 {
    margin-left: 50%;
  }

  .column--sm-offset-7 {
    margin-left: 58.33333%;
  }

  .column--sm-offset-8 {
    margin-left: 66.66667%;
  }

  .column--sm-offset-9 {
    margin-left: 75%;
  }

  .column--sm-offset-10 {
    margin-left: 83.33333%;
  }

  .column--sm-offset-11 {
    margin-left: 91.66667%;
  }

  .column--sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .column--md-1 {
    width: 8.33333%;
  }

  .column--md-2 {
    width: 16.66667%;
  }

  .column--md-3 {
    width: 25%;
  }

  .column--md-4 {
    width: 33.33333%;
  }

  .column--md-5 {
    width: 41.66667%;
  }

  .column--md-6 {
    width: 50%;
  }

  .column--md-7 {
    width: 58.33333%;
  }

  .column--md-8 {
    width: 66.66667%;
  }

  .column--md-9 {
    width: 75%;
  }

  .column--md-10 {
    width: 83.33333%;
  }

  .column--md-11 {
    width: 91.66667%;
  }

  .column--md-12 {
    width: 100%;
  }

  .column--md-offset-1 {
    margin-left: 8.33333%;
  }

  .column--md-offset-2 {
    margin-left: 16.66667%;
  }

  .column--md-offset-3 {
    margin-left: 25%;
  }

  .column--md-offset-4 {
    margin-left: 33.33333%;
  }

  .column--md-offset-5 {
    margin-left: 41.66667%;
  }

  .column--md-offset-6 {
    margin-left: 50%;
  }

  .column--md-offset-7 {
    margin-left: 58.33333%;
  }

  .column--md-offset-8 {
    margin-left: 66.66667%;
  }

  .column--md-offset-9 {
    margin-left: 75%;
  }

  .column--md-offset-10 {
    margin-left: 83.33333%;
  }

  .column--md-offset-11 {
    margin-left: 91.66667%;
  }

  .column--md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .column--lg-1 {
    width: 8.33333%;
  }

  .column--lg-2 {
    width: 16.66667%;
  }

  .column--lg-3 {
    width: 25%;
  }

  .column--lg-4 {
    width: 33.33333%;
  }

  .column--lg-5 {
    width: 41.66667%;
  }

  .column--lg-6 {
    width: 50%;
  }

  .column--lg-7 {
    width: 58.33333%;
  }

  .column--lg-8 {
    width: 66.66667%;
  }

  .column--lg-9 {
    width: 75%;
  }

  .column--lg-10 {
    width: 83.33333%;
  }

  .column--lg-11 {
    width: 91.66667%;
  }

  .column--lg-12 {
    width: 100%;
  }

  .column--lg-pull-0 {
    right: auto;
  }

  .column--lg-pull-1 {
    right: 8.33333%;
  }

  .column--lg-pull-2 {
    right: 16.66667%;
  }

  .column--lg-pull-3 {
    right: 25%;
  }

  .column--lg-pull-4 {
    right: 33.33333%;
  }

  .column--lg-pull-5 {
    right: 41.66667%;
  }

  .column--lg-pull-6 {
    right: 50%;
  }

  .column--lg-pull-7 {
    right: 58.33333%;
  }

  .column--lg-pull-8 {
    right: 66.66667%;
  }

  .column--lg-pull-9 {
    right: 75%;
  }

  .column--lg-pull-10 {
    right: 83.33333%;
  }

  .column--lg-pull-11 {
    right: 91.66667%;
  }

  .column--lg-pull-12 {
    right: 100%;
  }

  .column--lg-push-0 {
    left: auto;
  }

  .column--lg-push-1 {
    left: 8.33333%;
  }

  .column--lg-push-2 {
    left: 16.66667%;
  }

  .column--lg-push-3 {
    left: 25%;
  }

  .column--lg-push-4 {
    left: 33.33333%;
  }

  .column--lg-push-5 {
    left: 41.66667%;
  }

  .column--lg-push-6 {
    left: 50%;
  }

  .column--lg-push-7 {
    left: 58.33333%;
  }

  .column--lg-push-8 {
    left: 66.66667%;
  }

  .column--lg-push-9 {
    left: 75%;
  }

  .column--lg-push-10 {
    left: 83.33333%;
  }

  .column--lg-push-11 {
    left: 91.66667%;
  }

  .column--lg-push-12 {
    left: 100%;
  }

  .column--lg-offset-0 {
    margin-left: 0%;
  }

  .column--lg-offset-1 {
    margin-left: 8.33333%;
  }

  .column--lg-offset-2 {
    margin-left: 16.66667%;
  }

  .column--lg-offset-3 {
    margin-left: 25%;
  }

  .column--lg-offset-4 {
    margin-left: 33.33333%;
  }

  .column--lg-offset-5 {
    margin-left: 41.66667%;
  }

  .column--lg-offset-6 {
    margin-left: 50%;
  }

  .column--lg-offset-7 {
    margin-left: 58.33333%;
  }

  .column--lg-offset-8 {
    margin-left: 66.66667%;
  }

  .column--lg-offset-9 {
    margin-left: 75%;
  }

  .column--lg-offset-10 {
    margin-left: 83.33333%;
  }

  .column--lg-offset-11 {
    margin-left: 91.66667%;
  }

  .column--lg-offset-12 {
    margin-left: 100%;
  }
}

.logo-wrapper {
  display: inline-block;
  vertical-align: middle;
}

.logo img {
    display: block;
    max-height: 50px !important;
  }

.layout {
  display: -webkit-box;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  background-color: #fff;
}

.homepage, .homepage .layout__main {
  background-color: #eef7fe;
  background: linear-gradient(to bottom, #eef7fe, #fff 1000px);
}

.homepage .layout {
  background-color: transparent;
}

.layout__main {
  width: 100%;
  -webkit-box-flex: 1;
          flex: 1 0 auto;
}

.layout__main:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\00a0";
  }

.layout__header,
.layout__footer {
  -webkit-box-flex: 0;
          flex: none;
}

.layout__head {
  margin-bottom: 20px;
}

@media (min-width: 768px) {

.layout__head {
    margin-bottom: 40px
}
  }

@media (min-width: 992px) {

.layout__head {
    margin-bottom: 60px
}
  }

@media (min-width: 1200px) {

.layout__head {
    margin-bottom: 140px
}
  }

/* stylelint-disable */

#user-menu {
  margin: 0 !important;
  border: 0 !important;
}

#user-menu [role="menuitem"] {
    white-space: nowrap;
  }

#user > .btn {
  padding-right: 0;
  padding-left: 0;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0);
  }

  25% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -6px, 0);
            transform: translate3d(0, -6px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0);
  }

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

@keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -25px, 0);
            transform: translate3d(0, -25px, 0);
  }

  25% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  50% {
    -webkit-transform: translate3d(0, -6px, 0);
            transform: translate3d(0, -6px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0);
  }

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

@media (max-width: 767px) {

#user-dropdown {
    position: static;
    display: inline;
    float: none;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    opacity: 1 !important
}

    #user-dropdown:before,
    #user-dropdown:after {
      display: none;
    }
  }

#user-dropdown [role="menuitem"] {
    padding: 10px 0;
  }

@media (max-width: 767px) {

#user-dropdown [role="menuitem"] {
      color: #fff;
  }

      #user-dropdown [role="menuitem"]:hover {
        background-color: transparent;
      }
    }

@media (min-width: 768px) {

#user-dropdown [role="menuitem"] {
      padding-right: 16px;
      padding-left: 16px;
  }
    }

#user-dropdown [role="separator"] {
    padding: 0;
    margin: 0;
  }

@media (max-width: 767px) {

#user-dropdown [role="separator"] {
      border-color: rgba(255, 255, 255, 0.15);
  }
    }

@media (min-width: 768px) {

#user-dropdown[aria-expanded="true"] {
      -webkit-animation: bounce 0.6s ease-out;
              animation: bounce 0.6s ease-out
  }
    }

#user-dropdown:before,
  #user-dropdown:after {
    color: inherit;
  }

#user {
  display: block;
}

@media (min-width: 768px) {

#user {
    display: inline-block;
    vertical-align: middle
}
  }

#user .dropdown-toggle {
    padding-right: 0;
    padding-left: 0;
    font-size: calc(20px - 2px);
    color: inherit;
  }

#user .dropdown-toggle,
    #user .dropdown-toggle:active,
    #user .dropdown-toggle:hover {
      border-color: transparent;
    }

#user .dropdown-toggle:before,
    #user .dropdown-toggle:after {
      color: #fff;
    }

@media (max-width: 767px) {

#user .dropdown-toggle:before,
    #user .dropdown-toggle:after {
        display: none;
    }
      }

#user-password,
#user-profile {
  color: #162948;
}

@media (max-width: 767px) {

#user-password {
    min-width: 1px !important;
    padding: calc(20px * 1.3 / 4)
      12px !important;
    margin-top: calc(20px * 1.3 / 4);
    background-color: #fff;
    border-radius: 8px
}

#user-profile {
    min-width: 1px !important;
    padding: calc(20px * 1.3 / 4)
      12px !important;
    margin-top: calc(20px * 1.3 / 4);
    background-color: #fff;
    border-radius: 8px
}
  }

#user-password [role="separator"] {
    padding: calc(20px * 1.3 / 4)
      12px !important;
  }

#user-profile [role="separator"] {
    padding: calc(20px * 1.3 / 4)
      12px !important;
  }

#user-password form {
    padding: calc(20px * 1.3 / 4)
      12px !important;
  }

#user-profile form {
    padding: calc(20px * 1.3 / 4)
      12px !important;
  }

#user-profile {
  font-size: calc(20px - 2px) !important;
}

#user-profile dt {
    padding: 8px 4px !important;
  }

#user-profile dt label {
      margin-bottom: 0 !important;
    }

#user-profile input[type="text"] {
    font-size: calc(20px - 2px) !important;
  }

#password-form label {
  font-size: calc(20px - 2px) !important;
}

#password-submit {
  float: none !important;
  margin: 0 !important;
  background: auto !important;
}

.avatar {
  position: relative;
  display: inline-block;
}

.avatar--agent:before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin-right: -4px;
    margin-bottom: -4px;
    font-family: "Font Awesome 5 Free";
    font-size: calc(20px * 0.75);
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    color: #6027ce;

    content: "\f19d";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.user-avatar {
  border-radius: 100%;
}

.user-avatar--default {
  width: 40px;
  height: 40px;
}

#user .user-avatar {
  width: 30px;
  height: 30px;
}

.lines-button {
  padding: 15px 7.5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

@media (max-width: 767px) {

.lines-button {
    float: right
}
  }

@media (min-width: 768px) {

.lines-button {
    display: none
}
  }

.lines-button:hover {
    opacity: 1;
  }

.lines-button:active {
    outline: 0;
    box-shadow: none;
    -webkit-transition: 0;
    transition: 0;
  }

.lines-button:focus {
    outline: 0;
  }

/*common to all three-liners */

.lines,
  .lines:before,
  .lines:after {
    display: inline-block;
    width: 30px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }

.lines {
  position: relative;
}

.lines:before,
  .lines:after {
    position: absolute;
    left: 0;
    content: "";
    -webkit-transform-origin: calc(30px / 14) center;
            transform-origin: calc(30px / 14) center;
  }

.lines:before {
    top: 7.5px;
  }

.lines:after {
    top: -7.5px;
  }

.lines-button.is-active {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
          transform: scale3d(0.8, 0.8, 0.8);
}

.lines-button.is-active .lines {
    background: transparent;
  }

.lines-button.is-active .lines:before,
    .lines-button.is-active .lines:after {
      top: 0;
      width: 30px;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%;
    }

.lines-button.is-active .lines:before {
      -webkit-transform: rotate3d(0, 0, 1, 45deg);
              transform: rotate3d(0, 0, 1, 45deg);
    }

.lines-button.is-active .lines:after {
      -webkit-transform: rotate3d(0, 0, 1, -45deg);
              transform: rotate3d(0, 0, 1, -45deg);
    }

.help-center-name {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

@media (max-width: 767px) {

.help-center-name {
    display: none
}
  }

.hero-unit {
  position: relative;
  padding: 13% 15px 10%;
  margin-top: -20px;
  margin-bottom: calc(20px * 1.3 * 2);
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

@media (min-width: 768px) {

.hero-unit {
    padding-bottom: 5%
}
  }

@media (min-width: 768px) {

.hero-unit {
    margin-top: -40px
}
  }

@media (min-width: 992px) {

.hero-unit {
    padding: 190px 15px 40px;
    margin-top: -140px
}
  }

.hero-unit .search-close {
    display: none;
  }

.intro-title {
  margin-bottom: calc(20px * 1.3);
  font-size: calc(20px * 1.75);
  font-weight: 500;
  line-height: 1.1;
  text-align: center;
}

@media (min-width: 768px) {

.intro-title {
    font-size: calc(20px * 2.5)
}
  }

@media (min-width: 992px) {

.intro-title {
    margin-bottom: calc(20px * 1.3 * 1.5);
    font-size: 94px
}
  }

/* Search */

.search {
  position: relative;
}

.search:before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: inline-block;
    margin-top: -9px;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    color: #162948;
    content: "\f002";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.searchbox {
  margin-top: calc(20px * 1.3);
}

.searchbox-suggestions ul {
    padding-left: 0;
    margin-bottom: calc(20px * 1.3);
    list-style: none;
  }

.searchbox-suggestions li {
    margin-bottom: calc(20px * 1.3 / 3);
  }

.search-box {
  position: relative;
}

.search-box #query {
    padding-left: 35px;
    -webkit-transition: border 0.3s ease;
    transition: border 0.3s ease;
  }

.search-box--hero-unit {
  z-index: 2;
  max-width: 720px;
  margin: 0 auto;
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
}

.search-box--hero-unit .search {
    display: -webkit-box;
    display: flex;
  }

.search-box--hero-unit .search:before {
    left: 20px;
    margin-top: -11px;
    font-size: 22px;
  }

.search-box--hero-unit #query {
    height: 50px;
    padding: 0 55px;
    font-size: 20px;
    background-color: #fff;
    border-color: #fff;
    -webkit-transition: border 0.3s ease, background-color 0.3s ease;
    transition: border 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    border-radius: 3em;
  }

.search-box--hero-unit #query:focus {
      background-color: #fff;
    }

@media (min-width: 992px) {

.search-box--hero-unit #query {
      height: 60px
  }
    }

.search-box--hero-unit input[type="submit"] {
    display: inline-block;
    height: 60px;
    padding-right: calc(12px * 2);
    padding-left: calc(12px * 2);
    margin-left: 16px;
    flex-shrink: 0;
  }

@media (max-width: 991px) {

.search-box--hero-unit input[type="submit"] {
      display: none
  }
    }

.search-box--small {
  margin-bottom: calc(20px * 1.3 * 2);
}

.custom-blocks {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
}

@media (max-width: 479px) {

.custom-blocks {
    margin-bottom: calc(20px * 1.3)
}
  }

.custom-block {
  display: -webkit-box;
  display: flex;
  float: none;
  margin-bottom: calc(20px * 1.3);
}

@media (max-width: 479px) {

.custom-block {
    width: 100%;
    padding: 0 calc(12px * 2)
}
  }

@media (min-width: 480px) {

.custom-block {
    padding: 0 calc(12px * 2);
    text-align: center
}
  }

@media (min-width: 768px) {

.custom-block {
    margin-bottom: calc(20px * 1.3)
}
  }

.custom-block__link {
  display: block;
  width: 100%;
}

@media (max-width: 479px) {

.custom-block__link {
    display: table
}
  }

.custom-block__link:active .custom-block__icon path, .custom-block__link:focus .custom-block__icon path, .custom-block__link:hover .custom-block__icon path {
      fill: #162948;
    }

.custom-block__link:active .custom-block__icon circle, .custom-block__link:focus .custom-block__icon circle, .custom-block__link:hover .custom-block__icon circle {
      stroke: #162948;
    }

.custom-block__icon {
  display: inline-block;
}

@media (min-width: 480px) {

.custom-block__icon {
    margin-bottom: calc(20px * 1.3)
}
  }

.custom-block__icon svg {
    width: 56px;
    height: 56px;
  }

@media (min-width: 480px) {

.custom-block__icon svg {
      width: calc(56px + 10px);
      height: calc(56px + 10px)
  }
    }

.custom-block__icon circle,
  .custom-block__icon path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

.custom-block__icon path {
    fill: #0c9;
  }

.custom-block__icon circle {
    stroke: #0c9;
  }

.custom-block__title {
  font-size: 20px;
  font-weight: 600;
  color: #162948;
  text-transform: uppercase;
}

@media (max-width: 479px) {

.custom-block__title {
    display: table-cell;
    width: 100%;
    padding-left: 12px;
}
  }

@media (min-width: 480px) {

.custom-block__title {
    display: block;
}
  }

@media (min-width: 768px) {

.category-page {
    margin-bottom: calc(20px * 1.3 * 2)
}
  }

.category-description:empty {
    display: none;
  }

.category-tree.accordion--colored .accordion__item-title--active {
      margin-right: -1px;
      margin-left: -1px;
    }

.category-tree.accordion--colored .accordion__item:first-of-type .accordion__item-title--active {
          border-radius: 8px 8px 0 0;
        }

.category-tree.accordion {
    margin-bottom: calc(20px * 1.3 * 2);
  }

.category-tree-item__title {
  padding-bottom: calc(20px * 1.3 / 2);
  border-bottom: 2px solid #eceeef;
}

.category-tree-item__title.accordion__item-title {
    padding-top: calc(20px * 1.3);
    padding-bottom: calc(20px * 1.3);
    margin-bottom: 0;
  }

.category-tree-item__sections {
  margin-bottom: calc(20px * 1.3);
}

@media (min-width: 768px) {
      .category-tree-item__sections .section:nth-child(2n + 1) {
        clear: left;
      }
    }

@media (min-width: 992px) {
      .category-tree-item__sections .section:nth-child(2n + 1) {
        clear: none;
      }

      .category-tree-item__sections .section:nth-child(3n + 1) {
        clear: left;
      }
    }

.category-tree-item__sections.accordion__item-content {
    padding-top: calc(20px * 1.3 * 1.5);
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

.category-tree-item__title-link {
  color: inherit;
}

.category-tree-item__title-link--accordion {
  pointer-events: none;
}

/**** 
  CATEGORY TREE ACCORDION
****/

.category-tree-item--accordion-item {
  margin-bottom: calc(20px * 1.3);
  border: 1px solid #eceeef;
  border-radius: 8px;
}

.category-tree-item__title--accordion-title {
  position: relative;
  padding: 20px 52px 20px 20px;
  margin-bottom: 0;
  font-size: calc(20px * 1.25);
  cursor: pointer;
  border: 0;
}

.category-tree-item__title--accordion-title:before {
    position: absolute;
    content: "";
  }

.category-tree-item__title--accordion-title a {
    pointer-events: none;
  }

.category-tree-item__sections--accordion-content {
  display: none;
  padding: 24px 10px;
  margin-right: 0;
  margin-left: 0;
  border-top: 1px solid #eceeef;
}

.category-tree-item__sections--accordion-content p:last-child {
    margin-bottom: 0;
  }

@media (min-width: 768px) {

.category-tree--accordion {
    margin-bottom: calc(20px * 1.3 * 3)
}
  }

.category-tree--accordion .category-tree-item__title--accordion-title:before {
    top: 50%;
    right: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid #6027ce;
    border-left: 2px solid #6027ce;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

.category-tree--accordion .category-tree-item__title--accordion-title--active:before {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }

.block-list {
  padding-left: 0;
  margin-bottom: calc(20px * 1.3);
  list-style: none;
}

.block-list-item {
  position: relative;
  margin-bottom: calc(20px * 1.3);
}

@media (min-width: 768px) {

.block-list-item {
    display: table;
    height: 150px
}
  }

.block-list-item__link {
  display: block;
  padding: calc(20px * 1.3) 15px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #162948;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.block-list-item__link:active,
  .block-list-item__link:focus,
  .block-list-item__link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6027ce;
  }

@media (min-width: 768px) {

.block-list-item__link {
    display: table-cell
}
  }

.block-list-item__title {
  margin-bottom: 0;
  font-weight: 600;
}

.section-page {
  margin-bottom: calc(20px * 1.3 * 2);
}

.section {
  margin-bottom: calc(20px * 1.3);
}

.section__title {
  font-weight: 500;
}

.section__title-link {
  color: inherit;
}

.section-header {
  position: relative;
}

.section-subscribe {
  position: absolute;
  top: 0;
  right: 0;
}

.section-subscribe .dropdown-menu {
    right: 0;
    left: initial;
  }

.section-title {
  padding-right: 120px;
}

@media (min-width: 768px) {
      .section-tree .section:nth-child(2n + 1) {
        clear: left;
      }
    }

@media (min-width: 992px) {
      .section-tree .section:nth-child(2n + 1) {
        clear: none;
      }

      .section-tree .section:nth-child(3n + 1) {
        clear: left;
      }
    }

.section-list {
  padding-left: 0;
  margin-bottom: calc(20px * 1.3);
  list-style: none;
}

.section-list-item {
  position: relative;
  margin-bottom: calc(20px * 1.3);
}

@media (min-width: 768px) {

.section-list-item {
    display: table;
    height: 150px
}
  }

.section-list-item__link {
  display: block;
  padding: calc(20px * 1.3) 15px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #162948;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.section-list-item__link:active,
  .section-list-item__link:focus,
  .section-list-item__link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6027ce;
  }

@media (min-width: 768px) {

.section-list-item__link {
    display: table-cell
}
  }

.section-list-item__title {
  margin-bottom: 0;
  font-weight: 600;
}

.article-list {
  padding-left: 0;
  list-style: none;
}

.article-list-item {
  margin-bottom: calc(20px * 1.3 / 2);
}

.article-list-item--is-promoted span {
  font-size: 10px;
  color: #fbce0a;
  vertical-align: middle;
}

.community-recent-activity {
  padding: calc(20px * 1.3) 15px;
  margin-bottom: calc(20px * 1.3 * 2);
  border: 2px solid #eceeef;
  border-radius: 8px;
}

.community-recent-activity h4 {
    font-size: calc(20px * 1.75);
    font-weight: 400;
  }

.community-recent-activity .recent-activity-header {
    display: none;
  }

.community-recent-activity .recent-activity-list {
    padding-left: 0;
    margin-bottom: 0;

    list-style: none;
  }

@media (min-width: 768px) {

.community-recent-activity .recent-activity-list {
      margin-right: calc(15px * -1);
      margin-left: calc(15px * -1)
  }
    }

@media (min-width: 768px) {

.community-recent-activity .recent-activity-item {
      display: inline-block;
      width: 33.3333%;
      padding-right: 15px;
      padding-left: 15px;
      margin-bottom: calc(20px * 1.3);
      vertical-align: top
  }
    }

.community-recent-activity .recent-activity-item-meta {
    font-size: calc(20px * 0.75);
    color: #979797;
  }

.community-recent-activity .recent-activity-item-comment span:before {
    display: inline-block;
    margin-right: 2px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    content: "\f075";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.community-recent-activity .recent-activity-item-parent {
    font-weight: 600;
    color: #162948;
  }

.se .black{background-color:#000 !important}

.se .black-text{color:#000 !important}

.se .white{background-color:#fff !important}

.se .white-text{color:#fff !important}

.se .transparent{background-color:transparent !important}

.se .transparent-text{color:transparent !important}

.se abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}

.se b,.se strong{font-weight:inherit}

.se b,.se strong{font-weight:bolder}

.se code,.se kbd,.se samp{font-family:monospace,monospace;font-size:1em}

.se dfn{font-style:italic}

.se mark{background-color:#ff0;color:#000}

.se small{font-size:80%}

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

.se sub{bottom:-0.25em}

.se sup{top:-0.5em}

.se audio,.se video{display:inline-block}

.se audio:not([controls]){display:none;height:0}

.se img{border-style:none}

.se svg:not(:root){overflow:hidden}

.se button,.se input,.se optgroup,.se select,.se textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}

.se button,.se input{overflow:visible}

.se button,.se select{text-transform:none}

.se button,.se html [type="button"],.se [type="reset"],.se [type="submit"]{-webkit-appearance:button}

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

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

.se fieldset{padding:.35em .75em .625em}

.se legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}

.se textarea{overflow:auto}

.se [type="checkbox"],.se [type="radio"]{box-sizing:border-box;padding:0}

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

.se [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}

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

.se ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

.se details,.se menu{display:block}

.se summary{display:list-item}

.se canvas{display:inline-block}

.se template{display:none}

.se [hidden]{display:none}

.se html{box-sizing:border-box}

.se *,.se *:before,.se *:after{box-sizing:inherit}

.se button,.se input,.se optgroup,.se select,.se textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}

.se ul:not(.browser-default){padding-left:0;list-style-type:none}

.se ul:not(.browser-default)>li{list-style-type:none}

.se a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}

.se .valign-wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}

.se .clearfix{clear:both}

.se .z-depth-0{box-shadow:none !important}

.se .z-depth-1,.se .collapsible{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}

.se .z-depth-1-half{box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}

.se .z-depth-2{box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}

.se .z-depth-3{box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}

.se .z-depth-4{box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)}

.se .z-depth-5{box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}

.se .hoverable{-webkit-transition:-webkit-box-shadow .25s;-webkit-transition:box-shadow .25s;transition:box-shadow .25s}

.se .hoverable:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}

.se .divider{height:1px;overflow:hidden;background-color:#e0e0e0}

.se i{line-height:inherit}

.se i.left{float:left;margin-right:15px}

.se i.right{float:right;margin-left:15px}

.se i.tiny{font-size:1rem}

.se i.small{font-size:2rem}

.se i.medium{font-size:4rem}

.se i.large{font-size:6rem}

.se img.responsive-img,.se video.responsive-video{max-width:100%;height:auto}

.se .parallax-container{position:relative;overflow:hidden;height:500px}

.se .parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}

.se .parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}

.se .pin-top,.se .pin-bottom{position:relative}

.se .pinned{position:fixed !important}

.se ul.staggered-list li{opacity:0}

.se .fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}

.se .page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}

.se .page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:10px 0;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}

.se .secondary-content{float:right;color:#26a69a}

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

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

.se .hide{display:none !important}

.se .left-align{text-align:left}

.se .right-align{text-align:right}

.se .center,.se .center-align{text-align:center}

.se .left{float:left !important}

.se .right{float:right !important}

.se .no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.se .circle{border-radius:50%}

.se .center-block{display:block;margin-left:auto;margin-right:auto}

.se .truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.se .no-padding{padding:0 !important}

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

.se .col .row{margin-left:-0.75rem;margin-right:-0.75rem}

.se .section{padding-top:1rem;padding-bottom:1rem}

.se .section.no-pad{padding:0}

.se .section.no-pad-bot{padding-bottom:0}

.se .section.no-pad-top{padding-top:0}

.se .row{margin-left:auto;margin-right:auto;margin-bottom:20px}

.se .row:after{content:"";display:table;clear:both}

.se .row .col{float:left;box-sizing:border-box;padding:0 .75rem;min-height:1px}

.se .row .col[class*="push-"],.se .row .col[class*="pull-"]{position:relative}

.se .row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}

.se .row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}

.se .row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}

.se .row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}

.se .row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}

.se .row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}

.se .row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}

.se .row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}

.se .row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}

.se .row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}

.se .row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}

.se .row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}

.se .row .col.offset-s1{margin-left:8.3333333333%}

.se .row .col.pull-s1{right:8.3333333333%}

.se .row .col.push-s1{left:8.3333333333%}

.se .row .col.offset-s2{margin-left:16.6666666667%}

.se .row .col.pull-s2{right:16.6666666667%}

.se .row .col.push-s2{left:16.6666666667%}

.se .row .col.offset-s3{margin-left:25%}

.se .row .col.pull-s3{right:25%}

.se .row .col.push-s3{left:25%}

.se .row .col.offset-s4{margin-left:33.3333333333%}

.se .row .col.pull-s4{right:33.3333333333%}

.se .row .col.push-s4{left:33.3333333333%}

.se .row .col.offset-s5{margin-left:41.6666666667%}

.se .row .col.pull-s5{right:41.6666666667%}

.se .row .col.push-s5{left:41.6666666667%}

.se .row .col.offset-s6{margin-left:50%}

.se .row .col.pull-s6{right:50%}

.se .row .col.push-s6{left:50%}

.se .row .col.offset-s7{margin-left:58.3333333333%}

.se .row .col.pull-s7{right:58.3333333333%}

.se .row .col.push-s7{left:58.3333333333%}

.se .row .col.offset-s8{margin-left:66.6666666667%}

.se .row .col.pull-s8{right:66.6666666667%}

.se .row .col.push-s8{left:66.6666666667%}

.se .row .col.offset-s9{margin-left:75%}

.se .row .col.pull-s9{right:75%}

.se .row .col.push-s9{left:75%}

.se .row .col.offset-s10{margin-left:83.3333333333%}

.se .row .col.pull-s10{right:83.3333333333%}

.se .row .col.push-s10{left:83.3333333333%}

.se .row .col.offset-s11{margin-left:91.6666666667%}

.se .row .col.pull-s11{right:91.6666666667%}

.se .row .col.push-s11{left:91.6666666667%}

.se .row .col.offset-s12{margin-left:100%}

.se .row .col.pull-s12{right:100%}

.se .row .col.push-s12{left:100%}

.se .material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}

.se .backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0;transform-origin:50% 0;visibility:hidden}

.se .collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}

.se .collapsible-header{display:-webkit-box;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}

.se .collapsible-header:focus{outline:0}

.se .collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}

.se .keyboard-focused .collapsible-header:focus{background-color:#eee}

.se .collapsible-body{display:none;border-bottom:1px solid #ddd;box-sizing:border-box;padding:2rem}

.se .sidenav .collapsible,.se .sidenav.fixed .collapsible{border:0;box-shadow:none}

.se .sidenav .collapsible li,.se .sidenav.fixed .collapsible li{padding:0}

.se .sidenav .collapsible-header,.se .sidenav.fixed .collapsible-header{background-color:transparent;border:0;line-height:inherit;height:inherit;padding:0 16px}

.se .sidenav .collapsible-header:hover,.se .sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}

.se .sidenav .collapsible-header i,.se .sidenav.fixed .collapsible-header i{line-height:inherit}

.se .sidenav .collapsible-body,.se .sidenav.fixed .collapsible-body{border:0;background-color:#fff}

.se .sidenav .collapsible-body li a,.se .sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}

.se .collapsible.popout{border:0;box-shadow:none}

.se .collapsible.popout>li{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin .35s cubic-bezier(0.25,0.46,0.45,0.94);transition:margin .35s cubic-bezier(0.25,0.46,0.45,0.94)}

.se .collapsible.popout>li.active{box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}

.se .full-width{width:100%}

.se .img-responsive{max-width:100%}

.se figure{margin-bottom:6rem}

.se .page-content-area figure img{margin-bottom:0}

.se .clear{clear:both}

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

.se .clear:after{clear:both}

.se a img{border:0;outline:0;margin-bottom:0}

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

.se .alignright{float:right;margin:5px 0 10px 20px}

.se .alignleft{float:left;margin:5px 20px 10px 0}

.se .aligncenter{display:block;margin:15px auto 15px auto}

.se .wp-caption{max-width:100%;box-sizing:border-box}

.se .wp-caption.alignnone{margin:15px 20px 15px 0}

.se .wp-caption.alignleft{margin:15px 20px 15px 0}

.se .wp-caption.alignright{margin:15px 0 10px 20px}

.se .wp-caption img{border:0 none;height:auto;margin:0 0 7px 0;max-width:100%;padding:0;width:auto}

.se .wp-caption img p.wp-caption-text{font-size:18px !important;line-height:1.65;margin:0;padding:6px 4px 4px 4px;text-transform:lowercase;color:rgba(22,41,72,0.45)}

.se .page-content-area p.wp-caption-text{font-size:18px !important}

.se .desktop-hide,.se .mobile-show{display:none}

.se .kwayy-html-sitemap-wrapper br{display:none}

.se #masonry-new{margin-left:20px}

.se .grid-item{width:48.9% !important}

.se .meta{background-color:#7cb9cc;padding:8px 12px;color:#fff;border-radius:6px}

.se .meta a{color:#fff;border-bottom:1px solid rgba(255,255,255,0.8);padding-bottom:3px}

.se .comment-meta,.se .comment-author{margin-bottom:15px}

.se .float-right{float:right;color:#fff}

.se .float-left{float:left;padding-right:10px;color:#fff}

.se input#adminbar-search{border:none !important}

.se s,.se strike,.se del{text-decoration:line-through}

.se del{color:#ff6b6b}

.se ins{color:#1dd1a1}

.se strong,.se b{font-weight:700}

.se u,.se ins{text-decoration:underline}

.se address{margin:0 0 4rem 0}

.se abbr,.se acronym{border-bottom:1px dotted #3d3d3b}

.se i,.se cite,.se em,.se var,.se address,.se dfn{font-style:italic}

.se code{background-color:#3d3d3b;padding:2.5rem 2.5rem 2.5rem 3rem;display:block;margin:0 0 4rem 0;color:#fafaf0}

.se pre{background-color:#3d3d3b;margin:0 0 4rem 0;padding:2.5rem 2.5rem 2.5rem 3rem;overflow-x:scroll;line-height:1.5;color:#fafaf0}

.se dt{font-weight:700}

.se dl,.se dd{margin:0 0 4rem 0}

.se sub,.se sup{font-size:1.4rem;line-height:0;position:relative;vertical-align:baseline}

.se sub{bottom:-0.25rem}

.se sup{top:-0.5rem}

.se p{margin:0 0 3rem 0;line-height:1.4}

.se ul,.se ol{margin:0 0 4.5rem 2.5rem}

.se ul li,.se ol li{margin:0 0 2rem 0}

.se ul ul,.se ol ol{margin:2rem 0 0 4rem}

.se a,.se a:visited{color:#162948;text-decoration:none}

.se a:hover{color:#5f27cd;text-decoration:none}

.se a,.se a:visited,.se input[type="submit"],.se input[type="reset"],.se button,.se .search-button,.se .wpcf7-submit{-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;outline:0}

.se h1,.se h2,.se h3,.se h4,.se h5,.se h6{color:#162948;font-weight:500;margin:0 0 2.5rem 0;text-transform:initial}

.se h1{line-height:1.15;font-size:9.6rem;font-weight:500}

.se h2{line-height:1.1;font-size:4.8rem;font-weight:500}

.se h3{line-height:1.2;font-size:3.6rem;font-weight:500}

.se h4{line-height:1.3;font-size:2.4rem;font-weight:500}

.se h5{line-height:1.35;font-size:20px;font-weight:500}

.se h6{line-height:1.4;font-size:20px;font-weight:500}

.se .wrapper{max-width:1185px;margin:0 auto;width:90%}

.se .big-wrapper{max-width:1240px;margin:0 auto;width:90%}

.se .big-wrapper .s-wrapper{width:100%}

.se .med-wrapper{max-width:1000px;margin:0 auto;width:90%}

.se .ms-wrapper{max-width:770px;margin:0 auto;width:90%}

.se .s-wrapper{max-width:600px;margin:0 auto;width:90%}

.se .headings-area{margin-bottom:8rem}

.se .headings-area p{font-size:25px;margin-bottom:0}

.se .heading{line-height:1;font-size:9.4rem;color:#162948;margin:0 0 2.5rem 0;text-transform:initial}

.se .section-heading{line-height:1.3;font-weight:400}

.se .intro{max-width:640px}

.se .intro p{font-size:2.6rem}

.se .intro p:last-child{margin-bottom:0}

.se .page-content .intro{max-width:100%;margin-bottom:10rem}

.se a.button{color:#5f27cd;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;border:1px solid rgba(95,39,205,0.2);padding:15px 25px 12px 25px;font-weight:500;line-height:1;display:inline-block;margin-right:1rem}

.se a.button:fill{background-color:#6027ce;border:0}

.se a.button:hover{background-color:#8242ff}

.se a.button.arrow{background-image:url(../img/button-arrow.svg);background-repeat:no-repeat;background-color:#6027ce;color:#fff;padding-right:65px;background-position:90% center}

.se a.button.arrow:hover{background-color:#8242ff}

.se a.button:hover{border:1px solid #5f27cd;background-color:transparent}

.se a.button.fill-btn{background-color:#6027ce;border:0;color:#fff}

.se a.button.fill-btn:hover{background-color:#8242ff;border:0}

.se .fixed-header header{background-color:#fff;padding:1.8rem 3% 0 3%;box-shadow:0 5px 20px rgba(22,41,72,0.04)}

.se .fixed-header .header-right a.sign-up-btn{background-color:#6027ce;color:#fff}

.se .fixed-header .header-right a.sign-up-btn:hover{background-color:#8242ff}

.se .header-main-menu .menu-item-has-children:after{display:none}

.se .hidden-section{display:none !important}

.se header{position:fixed;top:0;z-index:44;width:100%;padding:3.6rem 3% 0 3%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;left:0}

.se .logo{float:left;position:relative;z-index:3}

.se .header-right{float:right;position:relative;z-index:3;top:3px}

.se .main-menu{text-align:center}

.se .main-menu:hover ul li a{color:rgba(22,41,72,0.6)}

.se nav{padding-top:1.5rem}

.se nav ul{margin:0;padding:0;list-style-type:none;position:relative}

.se nav ul li{font-size:20px;font-weight:500;display:inline-block;list-style-type:none;margin:0 3rem 0 0;position:relative}

.se nav ul li:last-child{margin-right:0}

.se nav ul li a{color:#162948;position:relative;padding:0 2rem 3rem 2rem;display:inline-block}

.se nav ul li a:hover{color:#162948 !important}

.se .header-main-menu ul li{font-size:26px;font-weight:400}

.se .outer-menu .header-right{float:none;text-align:center}

.se .outer-menu .header-right a.sign-up-btn{background-color:#6027ce;color:#fff}

.se .outer-menu .header-right a.sign-up-btn:hover{background-color:#8242ff}

.se .outer-menu .header-right a.sign-up-btn .button{margin-right:0}

.se .outer-menu .header-right a.login-icon, .se .outer-menu .header-right a.logout-icon{color:#6027ce}
.se .header-right .logout{ margin-top: 12px; } 

.se .main-menu ul ul{opacity:0;border-bottom:1px solid #f6f6f8;visibility:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;position:absolute;top:5.5rem;left:50%;margin-left:-18rem !important;z-index:99999;overflow:hidden;background-color:#fff;text-align:left;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;text-align:center;width:30rem;box-shadow:0 15px 45px rgba(22,41,72,0.15);margin-left:-15rem !important}

.se .main-menu ul li.first-menu-item ul{width:40rem}

.se .main-menu ul ul:before{content:'';width:18px;height:13px;position:absolute;top:-13px;left:0;right:0;margin:auto;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #4d6b80;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se .main-menu ul li:hover>ul{opacity:1;visibility:visible;margin:0;overflow:visible}

.se .main-menu ul ul ul{top:-1px;left:27rem;margin:0 0 0 1rem}

.se .main-menu ul ul li{display:block;border:0;margin:0;text-align:left;border-bottom:1px solid #f6f6f8}

.se .main-menu ul ul li:last-child{box-shadow:none;border-bottom:0}

.se .main-menu ul ul li a,.se .main-menu ul ul li a:visited,.se .main-menu ul li.current-menu-item ul li a,.se .main-menu ul li.current-menu-item ul li a:visited{font-size:16px;padding:20px 20px 20px 3rem !important;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;line-height:1.2;box-sizing:border-box;-webkit-box-sizing:border-box;position:relative;color:#162948;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

.se .main-menu ul ul li.current-menu-item a{padding:0 1.5rem}

.se .main-menu ul ul li.current-menu-item a:hover{padding:0 1.5rem}

.se #menu-error .main-menu{text-align:left;position:relative;margin:1.5rem 0 2rem 0;width:100%}

.se #menu-error .main-menu ul li a{margin-left:0}

.se #menu-error .main-menu ul li ul{display:none}

.se .main-menu ul ul:before{border-bottom:10px solid #fff}

.se .main-menu ul ul li a img{float:left;padding-right:3rem;position:relative;top:-5px}

.se .main-menu ul ul li a span{margin-bottom:1rem;display:block;color:#5f27cd;text-transform:uppercase;font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:500;letter-spacing:1.5px}

.se .main-menu .menu-item-has-children:after{content:'';position:absolute;top:22%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #162948}

.se .main-menu:hover ul li.menu-item-has-children:after{border-top:5px solid rgba(22,41,72,0.6)}

.se .header-right a{color:rgba(22,41,72,0.5);display:inline-block;font-weight:500}

.se .header-right a.login-icon{margin-right:4rem}

.se .header-right a.login-icon:hover, .se .header-right a.logout-icon:hover{color:#162948}

.se .header-right a.sign-up-btn{margin-right:0}

.se .helpcentertext {float:left; line-height:56px; font-weight: bold;}

.se a.sign-up-btn{margin-right:10px;background-color:#fff;color:#162948;padding:15px 25px 12px 25px;font-weight:500;line-height:1;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;display:inline-block}

.se a.sign-up-btn:hover{color:#6027ce;background-color:#fff}

.se .menu-mobile .header-right a.button:hover{color:#162948}

.se .home header a.sign-up-btn{background-color:#fff;color:#162948}

.se header a.sign-up-btn{background-color:#6027ce;color:#fff}

.se header a.sign-up-btn:hover{background-color:#8242ff;color:#fff}

.se #cssmenu{display:none !important}

.se #cssmenu ul{margin:0;background-color:#fff;border-bottom:1px solid #f0effd !important}

.se #cssmenu ul li{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;color:#162948;letter-spacing:.5px;font-size:16px;font-weight:500}

.se #cssmenu ul li a{color:#162948;padding:20px 0;font-size: 14px;font-weight: 500;}

.se #cssmenu ul li a img,.se #cssmenu ul li a summary{display:none}

.se #cssmenu .mobile-menu-c{display:none;position:fixed;top: 70px;width:100%;background-color:#fff;z-index:999;padding:0 5%;height:100vh}

.se #cssmenu a.sign-up-btn{background-color:#5f27cd;color:#fff;padding:15px 25px 15px 25px}

.se #cssmenu a.sign-up-btn:hover{background-color:#8242ff}

.se .sticky,.se .screen-reader-text,.se .gallery-caption,.se .bypostauthor{width:initial}

.se .banner-container{padding:22rem 0 12rem 0;position:relative;max-width:2000px;margin:0 auto}

.se .banner-container .sub-heading{font-family:'IBM Plex Mono',monospace;text-align:center;padding-top:15rem;font-weight:500;color:rgba(22,41,72,0.45);margin-bottom:4rem;text-transform:uppercase}

.se .home-banner-content .heading{margin-bottom:1.5rem}

.se .col.home-banner-content{padding-top:5rem}

.se .intro{max-width:640px;margin-bottom:5rem}

.se .home-banner-image{position:absolute;right:0 !important;top:11rem;width:45%}

.se .sub-heading{margin-bottom:3rem}

.se .banner-logos{text-align:center}

.se .banner-logos .banner-logo{opacity:.25;display:inline-block;width:16%;margin-right:2%}

.se .we-do-container{margin:7rem 0 15rem 0;position:relative}

.se .we-do-container .blob-one{position:absolute;top:-7rem;left:-6rem}

.se .we-do-container .blob-two{position:absolute;top:6rem;left:-9rem}

.se .subheadline{font-family:'IBM Plex Mono',monospace;color:rgba(22,41,72,0.45);font-weight:500;text-transform:uppercase;font-size:16px;margin-bottom:2rem}

.se .col.what-we-do-content{padding-left:17rem}

.se .what-we-do-content{font-weight:500;position:relative;z-index:1}

.se .what-we-do-content .intro{margin-bottom:3rem}

.se .what-we-do-content .intro p{font-weight:300}

.se .different-feature-image{position:relative}

.se .different-feature-image .lottiefae{position:absolute;top:-62px;right:0;margin-left:120px}

.se #lottie{display:inline-block;width:90%;height:100%;text-align:right}

.se .integration-contnet-block{text-align:center;padding:28rem 0 24rem 0;position:relative;z-index:2}

.se .integration-partner{background-color:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;box-shadow:0 15px 45px rgba(22,41,72,0.09);position:absolute;z-index:11}

.se .integration-partner img{margin:0 auto}

.se .big-logo{width:185px;height:185px}

.se .med-logo{width:175px;height:175px}

.se .sml-logo{width:145px;height:145px}

.se .x-sml-logo{width:125px;height:125px}

.se .logo-position1{top:0}

.se .logo-position2{top:19%;right:8%}

.se .logo-position3{top:38%;left:0}

.se .logo-position4{bottom:0;right:36%}

.se .logo-position5{top:14%;right:32%}

.se .logo-position6{bottom:10%;left:15%}

.se .logo-position7{bottom:24.5%;right:17.5%}

.se .logo-position8{bottom:31.5%;right:0}

.se .different-container{background:#e9effb;padding:14rem 0 10rem 0}

.se .different-intro{padding-top:1rem}

.se .col.different-service{padding:3rem 8rem 0 8rem}

.se .different-service{background-repeat:no-repeat;background-size:56px 56px;background-position:left 3rem}

.se .different-service h4.subheadline{color:#162948}

.se .different-service p{font-size:18px;opacity:.8}

.se .we-help-container{padding:17rem 0 20rem 0}

.se .audiences-container{text-align:right;position:relative}

.se .audiences-container .dots-audiences{position:absolute;left:-7.2rem;top:-14rem}

.se a.audiences{display:inline-block;padding:5rem 4rem;background-color:#fff;margin-left:2rem;max-width:280px;box-shadow:0 25px 75px rgba(10,51,80,0.1);text-align:left;border:2px solid transparent;position:relative;top:0}

.se a.audiences:hover{border:2px solid #3e2ae4;top:-20px;box-shadow:0 25px 75px rgba(53,43,235,0.1)}

.se a.audiences:hover .audiences-title{color:#352beb}

.se a.audiences span{display:block}

.se a.audiences .audiences-icon{margin-bottom:6rem}

.se a.audiences .audiences-icon img{width:64px;height:64px}

.se a.audiences .audiences-title{font-family:'IBM Plex Mono',monospace;color:#162948;max-width:100px;font-size:14px;text-transform:uppercase;font-weight:500;line-height:1.6;margin-bottom:1rem;min-height:45px}

.se a.audiences .audiences-intro{font-size:18px;opacity:.8;color:#162948}

.se .owl-theme .owl-nav,.se .owl-theme .owl-dots{display:none}

.se .owl-theme img{width:auto !important}

.se .quote-slider-area{padding-bottom:15rem}

.se .quote-slider-area .row{position:relative}

.se .quote-slider-area .slider-dots{position:absolute;left:-18.6rem;top:-5rem}

.se .quote-slider-area .intro-text{font-size:2.6rem;font-weight:400}

.se .slider-quote{padding-top:3rem}

.se .quote-image{position:relative;z-index:2;padding:0 0 47px 35px}

.se .quote-image img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;box-shadow:0 25px 40px rgba(10,51,80,0.1);width:auto}

.se #sync2{padding-top:5rem;margin:0 auto}

.se #sync2 .item{text-align:center;cursor:pointer}

.se #sync2 .item img{opacity:.25;margin:0 auto;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se #sync2 .item img:hover{opacity:.75}

.se #sync2 .owl-item{text-align:center;display:inline-block}

.se #sync2 .owl-item.current img{opacity:.75}

.se .owl-theme .owl-nav [class*='owl-']{-webkit-transition:all .3s ease;transition:all .3s ease}

.se #sync1.owl-theme{position:relative}

.se .showmobile{display:none}

.se .cta-container{padding:7rem 0 7rem 0;background:linear-gradient(152.28deg,rgba(84,76,216,0.8) 31.04%,rgba(116,230,193,0.8) 80.58%)}

.se .cta-container h2{font-weight:600;color:#fff;margin:0}

.se .cta-container span{color:rgba(255,255,255,0.6);font-size:22px;font-weight:400}

.se .cta-container span br{display:none}

.se .cta-buttons{text-align:right}

.se .cta-buttons a.button{margin:0 0 0 1rem}

.se .footer-container{padding:59.5px 0;background:#e9effb}

.se .footer-container .widget_nav_menu,.se .footer-container .widget-menu{margin-bottom:2.5rem}

.se .footer-container .widget_nav_menu h4,.se .footer-container .widget-menu h4{font-size:16px;color:rgba(22,41,72,0.35);text-transform:uppercase;font-family:'IBM Plex Mono',monospace;font-weight:500;margin-bottom:1.5rem}

.se .footer-container .widget_nav_menu ul,.se .footer-container .widget-menu ul{margin:0;padding:0;list-style-type:none}

.se .footer-container .widget_nav_menu ul li,.se .footer-container .widget-menu ul li{margin-bottom:1rem;line-height:1;font-size:18px}

.se .footer-container .widget_nav_menu ul a,.se .footer-container .widget-menu ul a{color:#162948;border-bottom:1px solid transparent}

.se .footer-container .widget_nav_menu ul a:hover,.se .footer-container .widget-menu ul a:hover{border-bottom:1px solid #162948}

.se .footer-socials{text-align:right}

.se .footer-socials a{display:inline-block;background-color:#bfc6d6;width:28px;height:28px;margin-right:5px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;text-align:center}

.se .footer-socials a img{height:16px;position:relative;top:5px;vertical-align: baseline;}

.se .footer-socials a:hover{background-color:#352beb}

.se .copy-right{opacity:.5;font-size:18px;padding:0 .75rem}

.se .page-content-area{padding-bottom:20rem}

.se .page-content-area ul li{list-style:disc;font-size:2.6rem;color:rgba(22,41,72,0.8);line-height:1.4}

.se .text-center{text-align:center}

.se #container .element-item:first-child{width:100%;margin-bottom:8rem;position:relative}

.se #container .element-item:first-child .post-image{min-height:500px}

.se #container .element-item:first-child .post-des-area{max-width:550px;box-sizing:border-box;padding:10rem 10rem 10rem 8rem;position:absolute;top:20px;background-color:#fff;left:20px;bottom:20px}

.se #container .element-item:first-child .post-des-area .post-title{font-size:3.6rem}

.se #container .element-item:first-child .post-des-area .cat-title{font-size:16px}

.se #container .element-item:first-child .post-des-area p{font-size:20px}

.se .element-item.visible_item{display:none}

.se .page-template-template-blog .blog-cta{background-color:transparent}

.se .page-template-template-blog .blog-cta input[type="submit"]{background-color:#5f27cd;color:#fff;border:1px solid rgba(95,39,205,0.2)}

.se .page-template-template-blog .blog-cta input[type="submit"]:hover{border:1px solid #5f27cd}

.se .controls{padding:0 !important;background-color:transparent !important;border:none !important}

.se .controls ul{margin-left:0 !important;background-color:#e5eff7 !important;border-radius:10px 10px 0 0 !important}

.se .controls ul li{background-color:#e5eff7 !important;border:none !important;padding:10px 20px 5px 20px !important;margin:0 !important;font-size:18px !important;color:#8896a8 !important;border-right:1px solid #d7e1eb !important;border-radius:0 !important;font-family:"TT_Commons",Helvetica,Arial,sans-serif !important;font-weight:500 !important}

.se ul.enlighterEnlighterJS.EnlighterJS{border:0;white-space:nowrap !important;padding-bottom:2rem}

.se .pane{background-color:#eff8fe !important;border-radius:0 0 10px 10px !important;padding:20px !important}

.se .pane .enlighterEnlighterJSWrapper pre,.se .pane ol.enlighterEnlighterJS,.se .pane ul.enlighterEnlighterJS{background-color:#eff8fe !important}

.se .EnlighterJSTabPane ol.EnlighterJS li,.se .EnlighterJSTabPane ul.EnlighterJS li{background-color:transparent !important}

.se .controls ul li:first-child{border-radius:10px 0 0 0 !important}

.se .controls ul li.selected{color:#45aaf2 !important;background-color:#eff8fe !important}

.se ul.EnlighterJS li{white-space:pre}

.se .contact-us-container{padding:20rem 0 0 0}

.se .contact-us-container .heading{margin-bottom:1rem}

.se .intro a{border-bottom:1px solid #162948}

.se .intro a:hover{border-bottom:1px solid #5f27cd;color:#5f27cd}

.se .location-container{padding:20rem 0}

.se .location-container .location-box{box-shadow:0 25px 75px rgba(10,51,80,0.1)}

.se .location-container .location-content{font-size:2.6rem;width:50%;box-sizing:border-box;background-color:#fff;display:table-cell;padding:13rem 22.4rem 13rem 8rem}

.se .location-container .location-content span{font-weight:500;display:block;margin:0 0 1.6rem 0}

.se .location-container .location-image{width:50%;box-sizing:border-box;display:table-cell}

.se .location-container .b-heading{margin-bottom:5rem}

.se .b-heading{font-weight:600;line-height:1.3}

.se body.single-integration{background:url(../img/integration-body-bg.svg) no-repeat;background-size:100% auto;background-position:left -130px}

.se .integration-block{position:relative}

.se .integration-block span{position:absolute;left:0;text-align:center;top:9.5rem;right:0;margin:0 auto}

.se .stamps-tile{width:365px;text-align:center;height:230px;padding-top:5.6rem;float:right;margin-right:4rem}

.se .stamps-tile img{max-width:190px;color:#fff}

.se .stamps-tile.stamp-right{float:left;margin:0 0 0 4rem}

.se .integration-content-block{padding:18rem 0 0 0}

.se .integration-content-block p{color:rgba(22,41,72,0.8);font-size:2.6rem;padding-right:2.3rem}

.se .we-support-container{padding-top:5rem}

.se .we-support-container .different-service{background-position:left 1rem;background-size:52px 52px}

.se .we-support-container .different-service h4.subheadline{font-size:14px;margin-bottom:1rem}

.se .we-support-container .col.different-service{padding:1rem 6rem 1rem 7rem}

.se .page-template-template-integration .visible_item,.se .tax-integration_cat .visible_item{display:block}

.se .integration-list{margin:0 3px 20px 3px}

.se .integration-list a{padding:4rem;display:block;position:relative;top:0;border:2px solid transparent;background-color:#fff;box-shadow:0 25px 75px rgba(10,51,80,0.1)}

.se .integration-list a:hover{top:-10px;border:2px solid #5028d6;box-shadow:0 25px 75px rgba(53,43,235,0.1)}

.se .integration-list span{display:block}

.se .integration-list .partner-text{color:rgba(22,41,72,0.8);font-size:18px;height:95px !important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}

.se .integration-list .partner-text br{display:none}

.se .integration-list .partner-logo{height:100px !important}

.se .integration-list .partner-logo img{max-height:100px !important}

.se .single-integration .page-content-area{padding-bottom:12rem}

.se .faqs-page{background:0}

.se .faqs-header{background-color:#fff;box-shadow:0 5px 20px rgba(22,41,72,0.04);position:fixed;top:0;width:100%}

.se .faqs-header .header-right a{color:#162948}

.se .header-search{max-width:420px;margin:0 auto}

.se .header-search-form input[type="text"]{background:url(../img/search-icon.svg) no-repeat 15px center;padding-left:4.4rem}

.se .main-menu-faqs nav ul ul{top:7.5rem}

.se .main-menu-faqs nav ul li a{padding-bottom:5rem}

.se .main-menu-faqs ul ul{width:25rem;margin-left:-12rem !important}

.se .main-menu-faqs ul ul li a,.se .main-menu-faqs ul ul li a:visited,.se .main-menu-faqs ul li.current-menu-item ul li a,.se .main-menu-faqs ul li.current-menu-item ul li a:visited{padding:20px 0 15px 3rem !important}

.se .faqs-area .accordion{margin-bottom:4rem}

.se .accordion{border-bottom:1px solid #e4e6fb}

.se .accordion dt a{display:block;padding:3rem 15rem 3rem 0;font-size:24px;color:#162948;font-weight:500;border-top:1px solid #e4e6fb;position:relative}

.se .accordion dt a.acc-current{color:#352beb}

.se .accordion dt a.acc-current:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.se .accordion dt a:after{content:"";background:url(../img/faq-arrow.svg) no-repeat;position:absolute;right:0;top:32px;display:block;height:15px;width:15px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se .accordion .accordion-content{padding-bottom:4rem}

.se .accordion .accordion-content p{font-size:2.6rem;color:rgba(22,41,72,0.8)}

.se .accordion .accordion-content p:last-child{margin-bottom:0}

.se .our-tracking-container{padding-bottom:10rem}

.se .tracking-code{position:relative}

.se .tracking-blob{position:absolute;top:-70px;left:-85px}

.se .tracking-blob-two{position:absolute;right:-40px;bottom:-100px}

.se .api-logo{position:absolute;right:30px;bottom:-50px}

.se .tracking-content p,.se .validation-content p{padding-right:9rem;font-size:2.6rem}

.se .tracking-code-box{padding-top:20px;position:relative;z-index:2}

.se .tracking-code-box .tab-code{height:270px}

.se .tracking-code,.se .validation-code{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, #5f27cd),color-stop(63.76%, #4e7be5),to(#45aaf2));background:linear-gradient(180deg,#5f27cd 0,#4e7be5 63.76%,#45aaf2 100%);box-shadow:0 20px 60px rgba(22,41,72,0.2);border-radius:10px;max-width:445px;margin:0 auto;padding-bottom:1.5rem}

.se .tracking-services{padding-top:10rem}

.se .tracking-service .tracking-icon{margin-bottom:2rem;min-height:72px}

.se .tracking-service .subheadline{color:#162948;margin-bottom:1.4rem}

.se .tracking-service p{opacity:.8;min-height:115px}

.se .overview{margin-bottom:15rem}

.se .overview:nth-child(even) .overview-image{float:right;text-align:right}

.se .overview .overview-image{padding-top:3rem}

.se .overview-detail .company-testimonial p{font-weight:300}

.se .overview-detail p{font-weight:400;opacity:.9}

.se .company-testimonial{border-top:1px solid rgba(53,43,235,0.1);padding-top:3rem}

.se .company-testimonial p{float:left;width:65%}

.se .company-testimonial a.button{float:right}

.se .company-logo{margin-bottom:1rem}

.se .client-image{float:left;padding-right:2rem}

.se .client-image img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%}

.se .client-name{font-family:'IBM Plex Mono',monospace;font-weight:500;text-transform:uppercase;font-size:16px;padding-top:1.8rem}

.se .client-name span{display:block;color:rgba(22,41,72,0.45);font-weight:500;font-size:14px;margin-top:5px}

.se .api-container{background:#e9effb;padding:15rem 0;margin-bottom:19rem}

.se .about-api{text-align:center;max-width:770px;margin:0 auto}

.se .about-api .b-heading{margin-bottom:5rem}

.se a.api-box{display:inline-block;width:49%;background:#fff url(../img/api-shape-one.svg) no-repeat;padding:10rem 9rem 6rem 9rem;margin-right:2%;float:left;box-shadow:0 25px 75px rgba(10,51,80,0.1);border:2px solid #fff;position:relative;top:0}

.se a.api-box:hover{top:-20px;border:2px solid #5328d7}

.se a.api-box:hover .section-heading{color:#5f27cd}

.se a.api-box:nth-child(2n+2){margin-right:0;background:#fff url(../img/api-shape-two.svg) no-repeat right top}

.se a.api-box .api-icon{margin-bottom:5rem;display:block}

.se a.api-box .api-icon img{height:100px}

.se a.api-box h3.section-heading{font-weight:600}

.se p.with-none{width:100%}

.se .on-page-menu{padding-top:13rem;max-width:85%;margin:0 auto}

.se .on-page-menu a{display:block;box-shadow:0 25px 75px rgba(10,51,80,0.1);padding:45px 20px 45px 80px;color:#162948;background-color:#fff;font-family:'IBM Plex Mono',monospace;font-size:14px;text-transform:uppercase;font-weight:500;border:2px solid transparent;position:relative;top:0;margin-bottom:15px;background-size:52px 52px !important}

.se .on-page-menu a.shipping-icon{background-image:url(../img/shipping-dropmenu.svg);background-position:15px 27px;background-repeat:no-repeat;background-color:#fff}

.se .on-page-menu a.rates-icon{background-image:url(../img/rates-dropmenu.svg);background-position:15px 27px;background-repeat:no-repeat;background-color:#fff}

.se .on-page-menu a.tracking-icon{background-image:url(../img/tracking-dropmenu.svg);background-position:15px 27px;background-repeat:no-repeat;background-color:#fff}

.se .on-page-menu a.validation-icon{background-image:url(../img/validation-dropmenu.svg);background-position:15px 27px;background-repeat:no-repeat;background-color:#fff}

.se .on-page-menu a:hover{color:#5f27cd;border:2px solid #5f27cd;top:-10px;box-shadow:0 25px 75px rgba(53,43,235,0.1)}

.se .on-page-menu a:hover:after{opacity:1;visibility:visible}

.se .on-page-menu a:after{content:"";background:url(../img/down-arrow.svg) no-repeat;width:10px;height:15px;position:absolute;right:20px;opacity:0;visibility:hidden;top:43%;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se .tracking-code-box{position:relative}

.se .tracking-code-box .curl-logo{position:absolute;right:20px;bottom:0}

.se .validation-container{position:relative}

.se .validation-container .validation-dot-one{position:absolute;left:-120px;top:-52px}

.se .validation-container .validation-dot-two{position:absolute;right:60px;bottom:-80px}

.se .validation-code{position:relative;z-index:1}

.se .support-container{background:#e9effb;padding:11rem 0 9rem 0}

.se .support-content{padding-top:5rem}

.se .support-graphic,.se .tracking-image{text-align:center}

.se .live-tracking{padding:12rem 0 12rem 0}

.se .live-tracking-content{padding:6rem 3rem 0 0}

.se .live-tracking-content p{font-size:2.6rem}

.se .live-tracking-services{padding-top:0}

.se #sec-one,.se #sec-two,.se #sec-four{position:relative;top:-150px}

.se .validation-area{margin-bottom:20rem}

.se .page-id-104 .validation-area{display:none}

.se .validation-content{padding-top:1rem}

.se .validation-code{padding-top:20px;max-width:470px;margin:0}

.se .tab-custom-style .enlighterEnlighterJSWrapper pre,.se .tab-custom-style ol.enlighterEnlighterJS,.se .tab-custom-style ul.enlighterEnlighterJS,.se .tab-custom-style ol.EnlighterJS li,.se .tab-custom-style ul.EnlighterJS li{background-color:transparent !important}

.se .tab-custom-style ol.enlighterEnlighterJS li,.se .tab-custom-style ul.enlighterEnlighterJS li{padding:0 !important}

.se .tab-custom-style .enlighterEnlighterJS .st0,.se .tab-custom-style .enlighterEnlighterJS .st1,.se .tab-custom-style .enlighterEnlighterJS .st2,.se .tab-custom-style .enlighterEnlighterJS .st3,.se .tab-custom-style .enlighterEnlighterJS .st4,.se .tab-custom-style .enlighterEnlighterJS .st5,.se .tab-custom-style .enlighterEnlighterJS .kw0,.se .tab-custom-style .enlighterEnlighterJS .kw1,.se .tab-custom-style .enlighterEnlighterJS .kw2,.se .tab-custom-style .enlighterEnlighterJS .kw3,.se .tab-custom-style .enlighterEnlighterJS .kw4,.se .tab-custom-style .enlighterEnlighterJS .kw5,.se .tab-custom-style .enlighterEnlighterJS span{color:white}

.se .col.col-height{min-height:136px}

.se .pricing-items{padding:4rem 0 20rem 0}

.se .pricing-items .prcing-item{text-align:center}

.se .pricing-items .prcing-item .pricing-item-logo{min-height:100px;margin-bottom:2.5rem;display:block}

.se .pricing-items .prcing-item .section-heading{margin-bottom:0}

.se .pricing-items .prcing-item span{display:block;margin-bottom:2rem}

.se .shipping-item{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;background-color:rgba(38,91,211,0.1);padding:28px 35px 28px 40px}

.se .price-box{background-color:#fff;min-height:117px;text-align:center;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;padding-top:39px;font-size:14px;color:rgba(22,41,72,0.8)}

.se .price-box span{color:#162948;font-size:30px;display:block;line-height:1;font-weight:600}

.se .price-box .inner-price{float:left;width:50%}

.se .shipping-item-contnet{background-repeat:no-repeat;background-position:left center;padding:0 5rem 0 8rem}

.se .shipping-item-contnet span{font-weight:500}

.se .shipping-item-contnet p{margin-bottom:0}

.se .trial-box{text-align:center}

.se .trial-box .box-label{font-weight:400;font-size:20px}

.se .trial-box span{display:block;font-size:16px;line-height:1;margin-bottom:10px;color:rgba(22,41,72,0.7);margin-top:10px}

.se .heading-block{margin-bottom:17rem;text-align:center}

.se .heading-block p{font-size:2.6rem;margin-bottom:2rem}

.se .feature-hover-content{opacity:0;visibility:hidden;background-color:#fff}

.se .feature-height{min-height:55px}

.se .faqs-area .accordion dt a{font-weight:500}

.se .faqs-area .accordion dt a.acc-current:after{background:url(../img/minus.svg) no-repeat;-webkit-transform:initial;transform:initial}

.se .faqs-area .accordion dt a:after{background:url(../img/plus.svg) no-repeat;width:25px;height:25px}

.se .login-container{margin:10rem 0 25rem 0}

.se .login-box{max-width:570px;margin:0 auto;position:relative}

.se .login-box .login-dots{position:absolute;right:-55px;bottom:-65px}

.se .login-form-box{background-color:#fff;box-shadow:0 0 85px -18px rgba(0,0,0,0.3);text-align:center;padding:8rem 7rem;position:relative;z-index:2}

.se .forgot-area{margin-top:3rem;font-size:16px;color:rgba(22,41,72,0.8)}

.se .forgot-area span{display:block}

.se .forgot-area a{color:rgba(22,41,72,0.8);border-bottom:1px solid #b9c0ca;line-height:1.6}

.se .forgot-area a:hover{color:#162948;border-bottom:1px solid #162948}

.se .sign-area-container{position:relative;padding:10rem 0 15rem 0}

.se .ship-logo{margin:0 0 8rem 0}

.se .sign-up-content{padding:8rem 20rem 0 12rem;float:left;width:49%;box-sizing:border-box}

.se .why-heading{font-family:'IBM Plex Mono',monospace;margin-bottom:3rem;text-transform:uppercase;font-size:16px;font-weight:500}

.se .why-shipengine{background-repeat:no-repeat;padding-left:7rem;min-height:55px;margin-bottom:3rem}

.se .why-shipengine .subheadline{font-size:14px;color:rgba(22,41,72,0.45);margin:0}

.se .sign-box-container{position:relative}

.se .sign-box-container .sign-dots{position:absolute;right:-190px;top:-55px}

.se .sign-up-box{float:right;width:49%;background-color:#fff;padding:8rem;box-shadow:0 25px 75px rgba(10,51,80,0.1);position:relative;z-index:1}

.se .sign-up-box .section-heading{margin-bottom:0}

.se .sign-up-box a{border-bottom:1px solid #162948}

.se .sign-up-box a:hover{border-bottom:1px solid #5f27cd}

.se .sign-up-box form{margin:3rem 0 0 0}

.se .sign-up-box ul{margin:0}

.se .sign-up-box input[type="submit"]{padding-right:65px;background-image:url(../img/button-arrow.svg);background-repeat:no-repeat;background-position:85% center}

.se .gfield .gfield_checkbox li{position:relative;padding-left:25px;margin:10px 0 0 0}

.se .gfield .gfield_checkbox label{left:0;top:0;position:initial;font-size:16px;padding:2px 0 0 5px}

.se .gfield_checkbox li label:after{content:"";width:20px;height:20px;display:block;position:absolute;left:-22px;top:0;border-radius:3px;border:1px solid rgba(133,147,157,0.35);z-index:0}

.se .gfield_checkbox li label:before{content:"";display:block;position:absolute;width:6px;height:13px;border:solid #fff;border-width:0 1px 1px 0;left:-15px;top:1px !important;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0;z-index:1;-webkit-transition:all 100ms;transition:all 100ms}

.se input[type="checkbox"]{opacity:0;outline:0;z-index:100;width:27px;height:27px;top:0;left:0;position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}

.se input[type="checkbox"]+label{cursor:pointer}

.se input[type="checkbox"]:checked+label:before{opacity:1;top:3px}

.se input[type="checkbox"]:checked+label:after{background-color:#5f27cd;border:1px solid #5f27cd}

.se .gfield_error .gfield_checkbox{border:1px solid #e74c3cc7}

.se .gfield_error .ginput_container_email input{border:1px solid #e74c3cc7}

.se .about-col-area{margin-bottom:14rem}

.se .about-col-area:nth-child(1) .about-image{text-align:right}

.se .about-image-area{position:relative}

.se .about-image-area .about-dot{position:absolute;right:-70px;top:60px}

.se .about-image-area .about-blop{position:absolute;left:-50px;bottom:-100px}

.se .about-image-area .about-image{position:relative;z-index:2}

.se .about-image-area .about-image img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;box-shadow:0 25px 75px rgba(10,51,80,0.1)}

.se .padding-content-area.col{padding-right:8rem}

.se .padding-content-area p{font-size:2.6rem}

.se .about-team-area .about-image-area .about-dot{top:42px;left:-43px;right:auto}

.se .about-team-area .about-image-area .about-blop{right:50px;left:auto;bottom:-35px}

.se .lg-logo{width:188px;height:188px}

.se .md-logo{width:178px;height:178px}

.se .s-md-logo{width:156px;height:156px}

.se .s-logo{width:168px;height:168px}

.se .xs-logo{width:120px;height:120px}

.se .clp-1{left:-20px;top:11rem}

.se .clp-2{left:4%;bottom:0}

.se .clp-3{left:11.5%;top:4rem}

.se .clp-4{left:18%;bottom:8rem}

.se .clp-5{left:28%;top:9rem}

.se .clp-6{top:0;left:42%}

.se .clp-7{bottom:12rem;left:36%}

.se .clp-8{bottom:6rem;left:49%}

.se .clp-9{top:14rem;right:32%}

.se .clp-10{right:20.5%;top:6rem}

.se .clp-11{bottom:1rem;right:16.5%}

.se .clp-12{top:15rem;right:9%}

.se .clp-13{top:0;right:-60px}

.se .clp-14{bottom:9rem;right:-30px}

.se .case-study-lists{padding:0 17px;margin-bottom:17rem}

.se .case-study{background-repeat:no-repeat;background-size:355px 295px;padding:3.3rem 3.5rem 3.3rem 39rem;box-shadow:0 25px 75px rgba(10,51,80,0.1);background-color:#fff;margin-bottom:20px;display:none}

.se .case-study-content .case-study-icon{margin:0 0 2rem 0;height:69px;overflow:hidden}

.se .case-study-content span{font-weight:500}

.se .case-study-content p{color:rgba(22,41,72,0.8)}

.se .case-study-content a{border-bottom:1px solid rgba(22,41,72,0.8)}

.se .case-study-content a:hover{border-bottom:1px solid #5f27cd}

.se .seemore-button{text-align:center;margin-top:6rem}

.se input[type="text"],.se .wpcf7-text,.se input[type="password"],.se .input-comments,.se .wpcf7-quiz,.se .search-input,.se input[type="email"],.se .wpcf7-email,.se input[type="url"],.se .wpcf7-url,.se input[type="tel"],.se .wpcf7-tel,.se input[type="number"],.se .wpcf7-number,.se input[type="date"],.se .wpcf7-date,.se input[type="file"],.se .wpcf7-file,.se input[type="range"],.se .wpcf7-range,.se select,.se textarea,.se input[type="search"]{width:100%;border:1px solid rgba(22,41,72,0.15);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:3px;color:#162948;outline:0;padding:28px 15px 6px 14px;margin:0 0 10px 0;font-weight:300;font-size:20px;line-height:1.3}

.se textarea{padding-top:1.5rem;min-height:200px}

.se select{-webkit-appearance:none;-moz-appearance:none;background:url(../img/forms-select.svg) no-repeat 95% center;cursor:pointer;padding-right:5rem;color:rgba(22,41,72,0.5);padding:20px 13px 17px}

.se select:focus{color:#162948}

.se input[type="submit"],.se input[type="reset"]{font-weight:500;color:#fff;padding:0 20px;background-color:#5f27cd;margin:2rem 0 0 0;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-o-border-radius:25px;cursor:pointer;font-size:18px;border:0;outline:0;box-sizing:border-box;text-transform:capitalize;height:50px}

.se input[type="submit"]:hover,.se input[type="reset"]:hover{background-color:#8242ff}

.se .error404 input[type="submit"]{margin:0 0 4rem 0}

.se ::-webkit-input-placeholder{color:rgba(22,41,72,0.5)}

.se ::-moz-placeholder{color:rgba(22,41,72,0.5)}

.se :-ms-input-placeholder{color:rgba(22,41,72,0.5)}

.se :-moz-placeholder{color:rgba(22,41,72,0.5)}

.se #search-top input[type="text"]{background-color:#f2f8fa;border-radius:6px;color:rgba(49,60,80,0.5);border:1px solid #d7dfe7;height:55px;padding:0 1.5rem;margin-bottom:20px;font-size:20px}

.se input:focus,.se input:active{box-shadow:none !important}

.se input[type="submit"]:hover,.se input[type="reset"]:hover{color:#fff}

.se input[type="file"]{padding-top:13px}

.se .validation_error,.se .validation_message{color:#e74c3c;position:relative;top:-4px}

.se .gform_wrapper ul{margin:0}

.se .gform_wrapper ul li{list-style-type:none;background:0}

.se .gfields{margin:0}

.se .gfield{box-sizing:border-box;margin-bottom:0;position:relative}

.se .contact-form ul{list-style-type:none;margin:0}

.se .contact-form textarea{height:160px}

.se .gform_footer{clear:both}

.se .gfield label{display:block;z-index:1;position:absolute;top:27px;left:2.7rem;color:#5b6b7c;-webkit-transform:scale(1,1) rotateY(0);transform:scale(1,1) rotateY(0);cursor:text;font-size:2.2rem;margin-bottom:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se form .gfield>.gfield_label.out{-webkit-transform:scale(1,1) rotateY(0);transform:scale(1,1) rotateY(0);top:14px;color:#90a3b0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se ul li.gfield.half-input-field{width:48%;float:left;margin-right:2%}

.se ul li.gfield{list-style-image:none;padding-left:0;float:left;width:98%;list-style:none}

.se .gfield_radio li{display:inline-block;margin-right:20px}

.se .gfield label{font-size:20px;color:rgba(29,29,29,0.5);font-weight:300;display:inline-block;z-index:1;position:absolute;top:18px;left:15px;-webkit-transform:scale(1,1) rotateY(0);transform:scale(1,1) rotateY(0);cursor:text;margin-bottom:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}

.se .gfeild-dark-text ul li label{color:#162948 !important;margin-bottom:6px}

.se label.gfield_label{display:inline-block}

.se form .gfield>.gfield_label.out{-webkit-transform:scale(1,1) rotateY(0);transform:scale(1,1) rotateY(0);top:12px;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;font-size:16px;text-transform:capitalize;padding:0}

.se .page-wrapper .gform_wrapper ul li::before{display:none}

.se .required-style-none .gfield_required{display:none}

.se button,.se input,.se optgroup,.se select,.se textarea{font-family:"TT_Commons",Helvetica,Arial,sans-serif;font-weight:300;font-style:normal}

@media only screen and (min-width:460px) and (max-width:579px){.se .home-banner-image{position:initial;text-align:center;margin:0 auto;width:100%}
.se .pricing-item-logo.valign-wrapper{display:block}
.se .tracking-service p{min-height:auto;margin-bottom:0}
.se .different-container{padding:0 0 5rem 0}
.se .different-feature-image .lottiefae{position:initial;width:80%;margin:0 auto}
.se .shipping-item{text-align:center}
.se .heading{font-size:5.5rem}
.se .blog-post{margin-bottom:5rem}
.se .prcing-item{text-align:center}
.se .login-box{right:0;bottom:-80px}
.se .login-form-box{padding:5rem 3rem}
.se .logo-width{float:left;width:50%;text-align:center}
.se .integration-partner{position:initial;margin:0 auto 30px auto}
.se .lg-logo,.se .md-logo,.se .s-md-logo,.se .s-logo,.se .xs-logo,.se .sml-logo,.se .x-sml-logo,.se .big-logo,.se .med-logo,.se .rates-logos .med-logo,.se .rates-logos .sml-logo,.se .rates-logos .x-sml-logo{width:150px;height:150px}
.se .value-boxes .value-box{float:none;width:100%;margin-right:0}
.se a.button{margin-bottom:15px}
.se .shipping-item.valign-wrapper{display:block}
.se .stamps-tile img{max-width:140px}
.se .integration-block span{position:initial;text-align:center;margin:0 auto 40px auto;display:block;clear:both}
.se .stamps-tile{float:none;background-size:96% !important;max-width:300px;height:180px;margin:0 auto 40px auto;width:100%}
.se .stamps-tile.stamp-right{float:none;margin:0 auto 20px auto}
.se .blog-cta.single-blog-cta ul li.gfield{float:none;width:100%}
.se .subheadline{font-size:14px}
.se .footer-container .row .widget:nth-child(3){position:relative;top:-50px}
}

@media only screen and (min-width:580px) and (max-width:747px){.se .home-banner-image{position:initial;text-align:center;margin:0 auto;width:100%}
.se .heading{font-size:6rem}
.se .blog-post{margin-bottom:0}
.se .blog-post p{min-height:160px}
.se .different-container{padding:0 0 5rem 0}
.se .different-feature-image .lottiefae{position:initial;width:60%;margin:0 auto}
.se .login-box{width:90%}
.se .login-box .login-dots{right:0;bottom:-80px}
.se .login-form-box{padding:5rem 3rem}
.se .logo-width{float:left;width:33%;text-align:center}
.se .integration-partner{position:initial;margin:0 auto 30px auto}
.se .lg-logo,.se .md-logo,.se .s-md-logo,.se .s-logo,.se .xs-logo,.se .sml-logo,.se .x-sml-logo,.se .big-logo,.se .med-logo,.se .rates-logos .med-logo,.se .rates-logos .sml-logo,.se .rates-logos .x-sml-logo{width:140px;height:140px}
.se .tracking-service p{min-height:115px}
.se .stamps-tile{float:none;background-size:96% !important;max-width:270px;height:180px;margin:0 auto 40px auto;width:100%}
.se .stamps-tile img{max-width:140px}
.se .stamps-tile.stamp-right{float:right;margin:0 auto 20px auto}
.se .blog-cta.single-blog-cta ul li.gfield{float:none;width:100%}
.se .footer-container .row .widget:nth-child(3){position:relative;top:-50px}
}

@media only screen and (min-width:600px) and (max-width:992px){.se .hide-on-med-only{display:none !important}
.se .show-on-medium{display:block !important}
}

@media only screen and (min-width:601px){.se .hide-on-med-and-up{display:none !important}
.se .show-on-medium-and-up{display:block !important}
.se .container{width:85%}
.se .row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}
.se .row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}
.se .row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}
.se .row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}
.se .row .col.offset-m1{margin-left:8.3333333333%}
.se .row .col.pull-m1{right:8.3333333333%}
.se .row .col.push-m1{left:8.3333333333%}
.se .row .col.offset-m2{margin-left:16.6666666667%}
.se .row .col.pull-m2{right:16.6666666667%}
.se .row .col.push-m2{left:16.6666666667%}
.se .row .col.offset-m3{margin-left:25%}
.se .row .col.pull-m3{right:25%}
.se .row .col.push-m3{left:25%}
.se .row .col.offset-m4{margin-left:33.3333333333%}
.se .row .col.pull-m4{right:33.3333333333%}
.se .row .col.push-m4{left:33.3333333333%}
.se .row .col.offset-m5{margin-left:41.6666666667%}
.se .row .col.pull-m5{right:41.6666666667%}
.se .row .col.push-m5{left:41.6666666667%}
.se .row .col.offset-m6{margin-left:50%}
.se .row .col.pull-m6{right:50%}
.se .row .col.push-m6{left:50%}
.se .row .col.offset-m7{margin-left:58.3333333333%}
.se .row .col.pull-m7{right:58.3333333333%}
.se .row .col.push-m7{left:58.3333333333%}
.se .row .col.offset-m8{margin-left:66.6666666667%}
.se .row .col.pull-m8{right:66.6666666667%}
.se .row .col.push-m8{left:66.6666666667%}
.se .row .col.offset-m9{margin-left:75%}
.se .row .col.pull-m9{right:75%}
.se .row .col.push-m9{left:75%}
.se .row .col.offset-m10{margin-left:83.3333333333%}
.se .row .col.pull-m10{right:83.3333333333%}
.se .row .col.push-m10{left:83.3333333333%}
.se .row .col.offset-m11{margin-left:91.6666666667%}
.se .row .col.pull-m11{right:91.6666666667%}
.se .row .col.push-m11{left:91.6666666667%}
.se .row .col.offset-m12{margin-left:100%}
.se .row .col.pull-m12{right:100%}
.se .row .col.push-m12{left:100%}
}

@media only screen and (min-width:748px) and (max-width:992px){.se a.api-box{min-height:450px !important}
.se body.single-integration{background-position:left top}
.se html{font-size:9px}
.se .main-menu,.se .header-right{display:none !important}
.se #cssmenu .header-right{display:block !important;font-size: 17px;}
.se .calculator-form-area{padding:7rem 3rem 7rem 3rem}
.se #cssmenu{display:block !important}
.se #cssmenu ul.sub-menu li a summary,.se #cssmenu ul.sub-menu li a img{display:none}
.se #cssmenu .header-right{display:block !important}
.se .shipping-item.row.valign-wrapper{display:block}
.se header{padding:3rem 5% 0 5%}
.se .banner-container .sub-heading{padding-top:0}
.se .col.home-banner-content{padding-top:0;text-align:center;float:none}
.se .heading{font-size:7rem}
.se .home-banner-image{position:initial;width:100%;text-align:center;margin:0 auto}
.se .intro{max-width:640px;margin:0 auto}
.se .banner-logos{display:block}
.se .banner-logos .banner-logo{width:30%;vertical-align:middle;margin-bottom:2rem}
.se .tracking-service p{min-height:90px}
.se .col.what-we-do-content{padding:8rem 0 0 0}
.se .cta-buttons{text-align:left;margin-top:3rem}
.se .cta-buttons a.button{margin:0}
.se .different-container{padding:0 0 5rem 0}
.se .different-feature-image .lottiefae{position:initial;width:50%;margin:0 auto}
.se .we-help-container{padding:10rem 0 10rem 0}
.se .quote-slider-area{padding-bottom:10rem}
.se a.audiences{display:block;max-width:380px;width:100%;margin:0 auto 4rem auto}
.se a.audiences .audiences-title{font-size:16px;max-width:100%}
.se a.audiences .audiences-intro{font-size:20px}
.se a.audiences .audiences-icon{margin-bottom:2rem}
.se .section-heading br{display:none}
.se .footer-socials{text-align:left}
.se .blog-post{margin-bottom:5rem}
.se .blog-post p{min-height:100px}
.se .page-content-area{padding-bottom:5rem}
.se .blog-cta.single-blog-cta input[type="email"]{float:none;width:100%}
.se .blog-cta.single-blog-cta input[type="submit"]{float:none;margin-top:5px}
.se #container .element-item:first-child .blog-post{margin-bottom:0}
.se #container .element-item:first-child .post-image{min-height:350px}
.se #container .element-item:first-child .post-des-area{padding:5rem 5rem 5rem 5rem}
.se .location-container{padding:10rem 0}
.se .location-container .location-content{padding:6rem 10rem}
.se .faqs-container{margin:20rem 0 0 0}
.se .faqs-sidebar{padding-right:3rem}
.se .we-support-container .col.different-service{padding:1rem 0 1rem 9rem}
.se .integration-list a{text-align:center}
.se .tracking-content{padding-bottom:7rem}
.se .on-page-menu{padding-top:10rem;max-width:90%;margin:0 auto}
.se .tracking-blob-two{right:0}
.se .our-tracking-container{padding-bottom:5rem}
.se .rates-area{margin-bottom:5rem}
.se .rates-content{padding:5rem 0 0 0}
.se .support-container{padding:10rem 0 8rem 0}
.se .validation-area{margin-bottom:10rem}
.se .live-tracking{padding:10rem 0 5rem 0}
.se .live-tracking-content{padding:0 0 5rem 0}
.se .support-content{padding:0 0 7rem 0}
.se .tracking-content p,.se .validation-content p{padding-right:0}
.se .validation-content{padding-top:7rem}
.se .support-content a.sign-up-btn{margin:0 10px 10px 0}
.se .api-container{padding:10rem 0;margin-bottom:10rem}
.se .overview{margin-bottom:10rem}
.se .overview:nth-child(even) .overview-image{float:none;text-align:left}
.se .overview .overview-image{padding-top:0}
.se .col.overview-image{padding:0 0 5rem 0}
.se .fixed-header header{padding-bottom:1.8rem}
.se .case-study{max-width:48%;background-size:100% 295px;float:left;margin:0 4% 20px auto;padding:330px 35px 35px 35px}
.se .case-study:nth-child(2n+2){margin-right:0}
.se .logo-width{float:left;width:25%;text-align:center}
.se .integration-partner{position:initial;margin:0 auto 30px auto}
.se .lg-logo,.se .md-logo,.se .s-md-logo,.se .s-logo,.se .xs-logo,.se .sml-logo,.se .x-sml-logo,.se .big-logo,.se .med-logo,.se .rates-logos .med-logo,.se .rates-logos .sml-logo,.se .rates-logos .x-sml-logo{width:140px;height:140px}
.se .about-col-area.valign-wrapper,.se .values-container.valign-wrapper,.se .customers-container.valign-wrapper,.se .careers-container.valign-wrapper{display:block}
.se .page-template-template-case-study{overflow-x:hidden}
.se .about-col-area{margin-bottom:6rem}
.se .about-col-area:nth-child(1) .about-image{text-align:center}
.se .about-image-area .about-image{margin-bottom:5rem;text-align:center}
.se .about-image-area .about-dot{right:0}
.se .about-team-area .about-image-area .about-dot{left:0}
.se .careers-container .about-blop{right:0}
.se .careers-container .about-dot{right:auto !important}
.se .value-boxes .value-blop{right:-25px;bottom:-50px}
.se .col.customer-logos{padding:2rem 0 0 0;min-height:auto}
.se .customer-dots{position:absolute;z-index:-1}
.se .padding-content-area.col{margin-bottom:5rem}
.se .customers-container{margin-bottom:8rem}
.se .careers-container{margin-bottom:12rem}
.se .s-wrapper{max-width:100%}
.se .we-do-container{margin:7rem 0 10rem 0}
.se .heading{font-size:8rem}
.se .banner-container{padding:10rem 0 10rem 0}
.se #sync2{max-width:100%;margin:0 auto}
.se #sync2 .owl-item{width:auto !important;margin-right:3rem;display:inline-block}
.se .shipping-item-contnet{background-position:center top;padding:10rem 0 4rem 0;text-align:center}
.se .trial-box{padding:30px 20px 20px 20px;margin-bottom:4rem}
.se .pricing-items{padding:5rem 0 5rem 0}
.se .prcing-item{margin-bottom:5rem}
.se .calculator-container{padding:0 5rem;margin:15rem 0 15rem 0}
.se .more-casestudies{padding:8rem 0 10rem 0}
.se .rates-logos{min-height:auto;margin-right:0}
.se .calculator-container .calculator-blob-two{left:-40px}
.se .calculator-form-area span{margin-right:1.5rem}
.se .wrapper.row.valign-wrapper{display:block}
.se .stamps-tile{background-size:96% !important;max-width:300px;height:190px;width:100%;display:inline-block}
.se .integration-block span{top:7.5rem}
.se .stamps-tile img{max-width:140px}
.se stamps-tile.stamp-right{float:right}
.se .single-page-content{padding:0 5rem}
.se .qoute-area{margin-bottom:5rem}
.se .qoute-area .qoute-bubble{width:100%;left:0;top:0}
.se .blog-cta.single-blog-cta ul li.gfield{width:57%;margin-right:2%}
.se .sign-box-container .sign-dots{right:0}
.se ul li.gfield.half-input-field{width:98%;float:left}
.se .sign-up-box{padding:6rem 4rem}
.se .sign-up-content{padding:8rem 8rem 0 6rem}
.se .cta-container h2{font-size:40px}
.se .cta-container span{font-size:20px}
.se .cta-container span br{display:none}
}

@media only screen and (min-width:992px) and (max-width:1024px){.se .post-author-right-section{float:left;width:55%}
.se .integration-block span{top:10.5rem}
}

@media only screen and (min-width:993px) and (max-width:1199px){.se .row .col.track-col2{width:33.33% !important}
.se .main-menu,.se .header-right{display:none !important}
.se #cssmenu .header-right{display:block !important}
.se #cssmenu{display:block !important}
.se #cssmenu ul.sub-menu li a summary,.se #cssmenu ul.sub-menu li a img{display:none}
.se #cssmenu .header-right{display:block !important}
.se .fixed-header header{padding-bottom:1.8rem}
}

@media only screen and (min-width:993px){.se .hide-on-large-only{display:none !important}
.se .show-on-large{display:block !important}
.se .container{width:70%}
.se .row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}
.se .row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}
.se .row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}
.se .row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}
.se .row .col.offset-l1{margin-left:8.3333333333%}
.se .row .col.pull-l1{right:8.3333333333%}
.se .row .col.push-l1{left:8.3333333333%}
.se .row .col.offset-l2{margin-left:16.6666666667%}
.se .row .col.pull-l2{right:16.6666666667%}
.se .row .col.push-l2{left:16.6666666667%}
.se .row .col.offset-l3{margin-left:25%}
.se .row .col.pull-l3{right:25%}
.se .row .col.push-l3{left:25%}
.se .row .col.offset-l4{margin-left:33.3333333333%}
.se .row .col.pull-l4{right:33.3333333333%}
.se .row .col.push-l4{left:33.3333333333%}
.se .row .col.offset-l5{margin-left:41.6666666667%}
.se .row .col.pull-l5{right:41.6666666667%}
.se .row .col.push-l5{left:41.6666666667%}
.se .row .col.offset-l6{margin-left:50%}
.se .row .col.pull-l6{right:50%}
.se .row .col.push-l6{left:50%}
.se .row .col.offset-l7{margin-left:58.3333333333%}
.se .row .col.pull-l7{right:58.3333333333%}
.se .row .col.push-l7{left:58.3333333333%}
.se .row .col.offset-l8{margin-left:66.6666666667%}
.se .row .col.pull-l8{right:66.6666666667%}
.se .row .col.push-l8{left:66.6666666667%}
.se .row .col.offset-l9{margin-left:75%}
.se .row .col.pull-l9{right:75%}
.se .row .col.push-l9{left:75%}
.se .row .col.offset-l10{margin-left:83.3333333333%}
.se .row .col.pull-l10{right:83.3333333333%}
.se .row .col.push-l10{left:83.3333333333%}
.se .row .col.offset-l11{margin-left:91.6666666667%}
.se .row .col.pull-l11{right:91.6666666667%}
.se .row .col.push-l11{left:91.6666666667%}
.se .row .col.offset-l12{margin-left:100%}
.se .row .col.pull-l12{right:100%}
.se .row .col.push-l12{left:100%}
}

@media only screen and (min-width:993px) and (max-width:1345px){.se html{font-size:9px}
.se .main-menu .menu-item-has-children:after{right:-5px}
.se .page-template-template-flexible-content{overflow-x:hidden}
.se body.single-integration{background-position:left top}
.se nav{padding-top:8rem}
.se a.button{padding:15px 15px 12px 15px}
.se a.button.arrow{padding-right:50px}
.se .banner-container{padding:10rem 0 10rem 0}
.se .banner-container .sub-heading{padding-top:12rem}
.se a.audiences{padding:5rem 3rem}
.se .different-service{min-height:185px}
.se .different-service p{margin-bottom:0}
.se .sign-box-container .sign-dots{right:0}
.se .col.home-banner-content{padding-top:0}
.se .home-banner-image{width:40%}
.se .different-container{padding:10rem 0 5rem 0}
.se .we-help-container{padding:10rem 0 15rem 0}
.se .quote-slider-area{padding-bottom:10rem}
.se .col.different-service{padding:3rem 8rem 0 8rem;min-height:166px}
.se a.audiences{max-width:260px}
.se #sync2{max-width:90%;margin:0 auto}
.se .col.what-we-do-content{padding-left:6rem}
.se .quote-image{padding-right:6rem}
.se .quote-slider-area .slider-dots{left:-9rem;max-width:65%}
.se .footer-container .widget-menu ul li a{font-size:16px}
.se .cta-buttons{text-align:left}
.se .cta-buttons a{font-size:18px}
.se .cta-buttons a.button{margin:0}
.se .contact-form{padding:6rem 4rem}
.se ul li.gfield.half-input-field{width:100%;float:none;margin-right:0}
.se .header-search{max-width:380px}
.se .faqs-sidebar{padding-right:3rem}
.se .on-page-menu{max-width:95%}
.se .on-page-menu a{padding:45px 30px 45px 75px}
.se .on-page-menu a.shipping-icon{background-position:15px 27px}
.se .on-page-menu a.rates-icon{background-position:15px 27px}
.se .on-page-menu a.tracking-icon{background-position:15px 27px}
.se .on-page-menu a.validation-icon{background-position:15px 27px}
.se .case-study{max-width:48%;background-size:100% 295px;float:left;margin:0 4% 20px auto;padding:330px 35px 35px 35px}
.se .case-study:nth-child(2n+2){margin-right:0}
.se .we-do-container{margin:7rem 0 10rem 0}
.se .logo-width{float:left;width:20%;text-align:center}
.se .integration-partner{position:initial;margin:0 auto 30px auto}
.se .lg-logo,.se .md-logo,.se .s-md-logo,.se .s-logo,.se .xs-logo,.se .sml-logo,.se .x-sml-logo,.se .big-logo,.se .med-logo,.se .rates-logos .med-logo,.se .rates-logos .sml-logo,.se .rates-logos .x-sml-logo{width:140px;height:140px}
.se .col.customer-logos{min-height:auto;padding:12rem 0 0 0}
.se .customer-dots{position:absolute;z-index:-1}
.se .customer-logos .logo-width{float:left;width:50%}
.se .padding-content-area.col{padding-right:0}
.se .about-image-area .about-image{margin-bottom:5rem;text-align:center}
.se .about-image-area .about-dot{right:-50px}
.se .careers-container .about-blop{right:-50px}
.se .careers-container .about-image-area .about-dot{right:auto;left:0}
.se .value-boxes .value-blop{right:-25px;bottom:-50px}
.se .careers-container{margin-bottom:15rem}
.se .rates-logos{min-height:auto;margin-right:0}
.se .rates-logos .logo-width{float:left;width:50%}
.se .sign-box-container .sign-dots{right:0}
.se .sign-up-box{padding:8rem 5rem}
.se .sign-up-content{padding:8rem 8rem 0 6rem}
.se ul li.gfield.half-input-field{width:98%;float:none;margin-right:0;clear:both}
}

@media only screen and (min-width:993px) and (max-width:1170px){.se .page-id-890 .on-page-menu a{padding-top:55px;min-height:130px}
.se .page-id-890 .on-page-menu a.validation-icon{padding-top:45px}
}

@media only screen and (min-width:1200px) and (max-width:1345px){.se nav{padding-top:1.3rem}
.se nav ul li{margin:0 2rem 0 0;font-size:18px}
.se nav ul li a{padding:0 1rem 3rem 1rem}
.se .menu-item-has-children:after{top:23%;right:-5px}
}

@media only screen and (min-width:1200px) and (max-width:7000px){.se .row .col.track-col2{width:20% !important}
}

@media only screen and (min-width:1201px){.se .hide-on-extra-large-only{display:none !important}
.se .show-on-extra-large{display:block !important}
.se .row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}
.se .row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}
.se .row .col.offset-xl1{margin-left:8.3333333333%}
.se .row .col.pull-xl1{right:8.3333333333%}
.se .row .col.push-xl1{left:8.3333333333%}
.se .row .col.offset-xl2{margin-left:16.6666666667%}
.se .row .col.pull-xl2{right:16.6666666667%}
.se .row .col.push-xl2{left:16.6666666667%}
.se .row .col.offset-xl3{margin-left:25%}
.se .row .col.pull-xl3{right:25%}
.se .row .col.push-xl3{left:25%}
.se .row .col.offset-xl4{margin-left:33.3333333333%}
.se .row .col.pull-xl4{right:33.3333333333%}
.se .row .col.push-xl4{left:33.3333333333%}
.se .row .col.offset-xl5{margin-left:41.6666666667%}
.se .row .col.pull-xl5{right:41.6666666667%}
.se .row .col.push-xl5{left:41.6666666667%}
.se .row .col.offset-xl6{margin-left:50%}
.se .row .col.pull-xl6{right:50%}
.se .row .col.push-xl6{left:50%}
.se .row .col.offset-xl7{margin-left:58.3333333333%}
.se .row .col.pull-xl7{right:58.3333333333%}
.se .row .col.push-xl7{left:58.3333333333%}
.se .row .col.offset-xl8{margin-left:66.6666666667%}
.se .row .col.pull-xl8{right:66.6666666667%}
.se .row .col.push-xl8{left:66.6666666667%}
.se .row .col.offset-xl9{margin-left:75%}
.se .row .col.pull-xl9{right:75%}
.se .row .col.push-xl9{left:75%}
.se .row .col.offset-xl10{margin-left:83.3333333333%}
.se .row .col.pull-xl10{right:83.3333333333%}
.se .row .col.push-xl10{left:83.3333333333%}
.se .row .col.offset-xl11{margin-left:91.6666666667%}
.se .row .col.pull-xl11{right:91.6666666667%}
.se .row .col.push-xl11{left:91.6666666667%}
.se .row .col.offset-xl12{margin-left:100%}
.se .row .col.pull-xl12{right:100%}
.se .row .col.push-xl12{left:100%}
}

@media only screen and (min-width:1346px) and (max-width:1419px){.se .lg-logo{width:168px;height:168px}
.se .md-logo{width:158px;height:158px}
.se .s-md-logo{width:136px;height:136px}
.se .s-logo{width:148px;height:148px}
.se .xs-logo{width:100px;height:100px}
.se .sign-box-container .sign-dots{right:-30px}
}

@media only screen and (min-width:1420px) and (max-width:1659px){.se .home-banner-image img{max-width:72%}
.se .lg-logo{width:168px;height:168px}
.se .md-logo{width:158px;height:158px}
.se .s-md-logo{width:136px;height:136px}
.se .s-logo{width:148px;height:148px}
.se .xs-logo{width:100px;height:100px}
}

@media only screen and (max-width:992px){.se .pagination{width:100%}
.se .pagination li.prev,.se .pagination li.next{width:10%}
.se .pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}
.se .hide-on-med-and-down{display:none !important}
.se .show-on-medium-and-down{display:block !important}
.se .on-page-menu{display:none}
.se body.single-integration{background-position:left top}
.se .showdesktop{display:none}
.se .showmobile{display:block}
.se .col.different-feature-image{padding-bottom:4rem;text-align:center}
.se .footer-container .row .widget:nth-child(3){position:relative;top:-40px}
}

@media only screen and (max-width:747px){.se .post-author-left-section{margin-right:8%}
.se .integration-block{display:none}
.se html{font-size:8.5px}
.se .footer-container,.se .different-container,.se .api-container,.se .support-container,.se .features-container{background:#e9effb}
.se .cta-container{background:linear-gradient(152.28deg,rgba(84,76,216,0.8) 31.04%,rgba(116,230,193,0.8) 80.58%)}
.se .shipping-item.valign-wrapper{display:block}
.se .col.home-banner-content{text-align:center;float:none}
.se .features-container{padding:8rem 0 3rem 0}
.se .faqs-area{padding-top:8rem}
.se .main-menu,.se .header-right{display:none !important}
.se #cssmenu .header-right{display:block !important}
.se #cssmenu{display:block !important}
.se #cssmenu ul.sub-menu li a summary,.se #cssmenu ul.sub-menu li a img{display:none}
.se #cssmenu .header-right{display:block !important}
.se .shipping-item{padding:28px 25px 28px 25px}
.se header{padding:3rem 5% 0 5%}
.se .fixed-header header{padding-bottom:1.8rem}
.se .qoute-area .qoute-bubble{width:100%;left:0}
.se .sign-up-content{float:none;width:100%;padding:8rem 5rem 8rem 5rem}
.se .sign-up-box{float:none;width:100%;padding:6rem 4rem}
.se .why-shipengine{padding-left:8rem}
.se .qoute-area{margin-bottom:5rem}
.se .banner-container .sub-heading{padding-top:5rem}
.se .banner-logos{display:block}
.se .banner-logos .banner-logo{width:30%;vertical-align:middle;margin-bottom:2rem}
.se .blob-two{display:none}
.se .home .banner-container{padding:10rem 0 10rem 0}
.se .col.home-banner-content{padding-top:0}
.se .home-banner-image{position:initial}
.se .we-help-container{padding:10rem 0 10rem 0}
.se .quote-slider-area{padding-bottom:10rem}
.se .we-do-container{margin:5rem 0 10rem 0}
.se a.audiences{display:block;max-width:380px;width:100%;margin:0 auto 4rem auto}
.se a.audiences .audiences-title{font-size:16px;max-width:100%;min-height:auto;margin-bottom:2rem}
.se a.audiences .audiences-intro{font-size:20px}
.se a.audiences .audiences-icon{margin-bottom:1rem}
.se #sync2{max-width:100%;margin:0 auto}
.se #sync2 .owl-item{width:auto !important;margin-right:3rem;display:inline-block}
.se .section-heading br{display:none}
.se .col.what-we-do-content{padding-top:7rem;padding-left:.75rem}
.se .col.different-service{padding:12rem .75rem 0 .75rem}
.se .cta-buttons{text-align:left;margin-top:3rem}
.se .cta-buttons a.button{margin:0}
.se .cta-buttons a.sign-up-btn{margin:0 0 2rem 0}
.se .footer-socials{text-align:center}
.se .copy-right{text-align:center;max-width:300px;margin:0 auto}
.se .footer-container .widget-menu{margin-bottom:5rem}
.se .banner-container{padding:10rem 0 0 0}
.se .integration-content-block{padding:10% 0 0 0}
.se .page-content-area{padding-bottom:5rem}
.se .single-page-content{padding:0}
.se .blog-cta.single-blog-cta input[type="email"]{float:none;width:100%}
.se .blog-cta{padding:6rem 3rem}
.se .blog-cta.single-blog-cta input[type="submit"]{float:none;margin-top:5px}
.se #container .element-item:first-child{width:auto;margin-bottom:0}
.se #container .element-item:first-child .post-image{min-height:250px}
.se #container .element-item:first-child .post-des-area{max-width:100%;padding:4rem 2rem 10px 0;position:initial;top:20px;background-color:transparent}
.se #container .element-item:first-child .post-des-area .post-title{font-size:20px}
.se #container .element-item:first-child .post-des-area .cat-title{font-size:14px}
.se #container .element-item:first-child .post-des-area p{font-size:18px}
.se .blog-post .post-title{min-height:auto}
.se ul li.gfield.half-input-field{width:98%;float:none;margin-right:0;clear:both}
.se .sign-box-container .sign-dots{right:0}
.se .location-container{padding:10rem 0}
.se .location-container .location-content{font-size:2.6rem;width:100%;display:block;padding:8rem}
.se .location-container .location-image{width:100%;display:block;min-height:300px}
.se .accordion dt a{padding:3rem 5rem 3rem 0}
.se .integration-contnet-block{padding:15rem 0 15rem 0;max-width:460px;margin:0 auto}
.se .integration-contnet-block a.button{margin-bottom:15px}
.se .we-support-container .col.different-service{padding:1rem 0 1rem 9rem}
.se .integration-list a{text-align:center}
.se .col.col-height{min-height:195px}
.se .trial-box .box-left-content{float:none;width:100%;margin-bottom:2rem}
.se .trial-box .box-button{float:none;width:100%}
.se .calculator-container{padding:0;margin:10rem 0 10rem 0}
.se .calculator-form-area{padding:5rem 4rem 5rem 4rem}
.se .tracking-content{padding-bottom:7rem}
.se .on-page-menu{padding-top:10rem;max-width:90%;margin:0 auto}
.se .tracking-blob-two{right:0}
.se .our-tracking-container{padding-bottom:5rem}
.se .rates-area{margin-bottom:5rem}
.se .rates-content{padding:5rem 0 0 0}
.se .support-container{padding:10rem 0 8rem 0}
.se .validation-area{margin-bottom:10rem}
.se .live-tracking{padding:0 0 5rem 0}
.se .live-tracking-content{padding:0 0 5rem 0}
.se .support-content{padding:0 0 7rem 0}
.se .tracking-content p,.se .validation-content p{padding-right:0}
.se .validation-content{padding-top:7rem}
.se .support-content a.sign-up-btn{margin:0 10px 10px 0}
.se .validation-code{margin:0 auto}
.se .api-container{padding:10rem 0;margin-bottom:10rem}
.se .overview{margin-bottom:10rem}
.se .overview:nth-child(even) .overview-image{float:none;text-align:left}
.se .overview .overview-image{padding-top:0}
.se .col.overview-image{padding:0 0 5rem 0}
.se a.api-box{display:block;width:100%;margin-right:0;float:none;margin-bottom:30px}
.se a.api-box:nth-child(2n+2){margin-bottom:0}
.se .inner-banner p br{display:none}
.se .case-study{max-width:355px;margin:0 auto 20px auto;padding:330px 35px 35px 35px}
.se .about-col-area.valign-wrapper,.se .values-container.valign-wrapper,.se .customers-container.valign-wrapper,.se .careers-container.valign-wrapper,.se .cta-container .valign-wrapper{display:block}
.se .about-col-area{margin-bottom:6rem}
.se .about-col-area:nth-child(1) .about-image{text-align:center}
.se .about-image-area .about-image{margin-bottom:5rem;text-align:center}
.se .about-image-area .about-dot{right:0}
.se .about-team-area .about-image-area .about-dot{left:0}
.se .careers-container .about-blop{right:0}
.se .careers-container .about-dot{right:auto !important}
.se .value-boxes .value-blop{right:-15px;bottom:-50px}
.se .customer-dots{position:absolute;z-index:-1}
.se .padding-content-area.col{margin-bottom:5rem}
.se .customers-container{margin-bottom:8rem}
.se .col.customer-logos{padding:2rem 0 0 0;min-height:auto}
.se .careers-container{margin-bottom:10rem}
.se .integration-contnet-block{padding:15rem 0 15rem 0;z-index:0}
.se .shipping-item-contnet{background-position:center top;padding:10rem 0 4rem 0;text-align:center}
.se .trial-box{padding:30px 20px 0 20px;margin-bottom:0}
.se .pricing-items{padding:0 0 5rem 0;text-align:center}
.se .prcing-item{margin-bottom:5rem}
.se .calculator-container{padding:0;margin:10rem 0 15rem 0}
.se .calculator-form-area{padding:5rem}
.se .more-casestudies{padding:8rem 0 10rem 0}
.se .rates-logos{margin-right:0}
.se .our-features.row .col.m6{width:100%}
.se .padding-content-area.col{padding-right:.75rem}
.se .outer-menu .menu-mobile>div>div{margin-right:20px !important}
.se #sec-three{position:relative;top:-150px}
.se .error-hedings .b-heading{top:-60px}
.se .two-cols{float:left !important;width:50% !important}
.se .two-cols span.subheadline{min-height:67px}
}

@media only screen and (max-width:600px){.se .hide-on-small-only,.se .hide-on-small-and-down{display:none !important}
.se .show-on-small{display:block !important}
.se .center-on-small-only{text-align:center}
}

.se .home-banner-image{text-align:center;position:initial;margin:0 auto;width:100%}

.se .tracking-service p{min-height:auto;margin-bottom:0}

.se .integration-contnet-block a.button{margin-bottom:15px;font-size:17px}

.se .integration-contnet-block .subheadline{font-size:14px}

.se .integration-contnet-block a.button{margin-bottom:15px;font-size:17px}

.se .integration-contnet-block{padding:0 0 5rem 0}

.se .different-container{padding:0 0 5rem 0}

.se .different-feature-image .lottiefae{position:initial;width:80%;margin:0 auto}

.se .blog-post{margin-bottom:5rem}

.se .heading{font-size:5rem}

.se .login-box{width:90%}

.se .login-box .login-dots{right:0;bottom:-80px}

.se .login-form-box{padding:5rem 3rem}

.se .logo-width{float:left;width:50%;text-align:center}

.se .integration-partner{position:initial;margin:0 auto 30px auto}

.se .lg-logo,.se .md-logo,.se .s-md-logo,.se .s-logo,.se .xs-logo,.se .sml-logo,.se .x-sml-logo,.se .big-logo,.se .med-logo,.se .rates-logos .med-logo,.se .rates-logos .sml-logo,.se .rates-logos .x-sml-logo{width:120px;height:120px}

.se .value-boxes .value-box{float:none;width:100%;margin-right:0}

.se a.button{margin-bottom:15px}

.se .integration-partner img{margin:0 auto;width:50%}

.se .outer-menu{right:4%}

.se .outer-menu .hamburger{width:40px;height:24px}

.se .outer-menu .hamburger>div:before,.se .outer-menu .hamburger>div:after{top:-8px}

.se .outer-menu .hamburger>div:after{top:8px}

.se .tracking-service{padding:0 0 4rem 0}

.se .tracking-service .tracking-icon{margin-bottom:2rem;min-height:auto;display:block}

.se .company-testimonial a.button{float:none;margin-bottom:4rem}

.se .company-testimonial p{float:none;width:100%}

.se a.api-box{padding:10rem 5rem 6rem 5rem}

.se .calculator-form-area span{display:block;float:none;margin:0 0 20px 0}

.se .mobile-center-align{text-align:center}

.se .calculator-form-area span em{left:0}

.se .calculator-form-area .subheadline{width:100%}

.se .calculator-form-area input[type="submit"]{float:none;display:block;margin-top:0}

.se .b-heading br,.se .heading-block p br{display:none}

.se .shipping-item.valign-wrapper{display:block}

.se .stamps-tile img{max-width:140px}

.se .integration-block span{position:initial;text-align:center;margin:0 auto 40px auto;display:block;clear:both}

.se .stamps-tile{float:none;background-size:96% !important;max-width:300px;height:180px;margin:0 auto 40px auto;width:100%}

.se .stamps-tile.stamp-right{float:none;margin:0 auto 20px auto}

.se .case-study-lists{padding:0}

.se .blog-cta.single-blog-cta ul li.gfield{float:none;width:100%}

.se .two-cols .subheadline{font-size:14px}

.se #cssmenu .header-right {
  display: block !important;
  float: none;
  text-align: center;
  margin-top: 30px;
}

.se #cssmenu,.se #cssmenu ul,.se #cssmenu ul li,.se #cssmenu ul li a,.se #cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;box-sizing:border-box;}

.se #cssmenu #head-mobile{display:none}

.se #cssmenu > ul{margin:0;}

.se #cssmenu > ul > li{float:left}

.se #cssmenu > ul > li > a{padding:11px 15px;font-size:12px;text-decoration:none;color:#162948;}

.se #cssmenu > ul > li:hover > a,.se #cssmenu ul li.active a{}

.se #cssmenu > ul > li:hover,.se #cssmenu ul li.active:hover,.se #cssmenu ul li.active,.se #cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;transition:background .3s ease;}

.se #cssmenu ul li.active a{border:none;}

.se #cssmenu > ul > li.has-sub > a{padding-right:30px}

.se #cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

.se #cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;transition:all .25s ease}

.se #cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}

.se #cssmenu ul ul{position:absolute;left:-9999px}

.se #cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease;border: none;}

.se #cssmenu ul ul li:hover{}

.se #cssmenu li:hover > ul{left:auto}

.se #cssmenu li:hover > ul > li{height:35px}

.se #cssmenu ul ul ul{margin-left:100%;top:0}

.se #cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}

.se #cssmenu ul ul li:last-child > a,.se #cssmenu ul ul li.last-item > a{border-bottom:0}

.se #cssmenu ul ul li:hover > a,.se #cssmenu ul ul li a:hover{}

.se #cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

.se #cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;transition:all .25s ease}

.se #cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

.se #cssmenu ul ul li.has-sub:hover,.se #cssmenu ul li.has-sub ul li.has-sub ul li:hover{}

.se #cssmenu ul ul ul li.active a{border-left:1px solid #333}

.se #cssmenu > ul > li.has-sub > ul > li.active > a,.se #cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1199px){
.se #cssmenu{width:100%}
.se #cssmenu ul ul{width:100%;display:none;padding: 12px 0 12px 20px;background-color: #f7f9fe!important;}
.se #cssmenu ul li{width:100%;border-top:1px solid #f0effd;margin-bottom: 0;}
.se #cssmenu ul ul li,.se #cssmenu li:hover > ul > li{height:auto}
.se #cssmenu ul li a,.se #cssmenu ul ul li a{width:100%;border-bottom:0;}
.se #cssmenu > ul > li{float:none}
.se #cssmenu ul ul li{background:#f7f9fe!important;}
.se #cssmenu ul ul li:hover{}
.se #cssmenu ul ul li a{color: #162948;
  background: none;
  padding: 12px 0;
  font-size: 17px;
  font-family: "TT_Commons",Helvetica,Arial,sans-serif;
  text-transform: capitalize;
  font-weight: 300;}
.se #cssmenu ul ul li:hover > a,.se #cssmenu ul ul li.active > a{}
.se #cssmenu ul ul,.se #cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left;border-bottom: 0px !important;}
.se #cssmenu > ul > li.has-sub > a:after,.se #cssmenu > ul > li.has-sub > a:before,.se #cssmenu ul ul > li.has-sub > a:after,.se #cssmenu ul ul > li.has-sub > a:before{display:none}
.se #cssmenu #head-mobile{display:block;padding:48px;color:#ddd;font-size:12px;font-weight:700;-webkit-transition: all 0.4s;transition: all 0.4s;}
.se .mobile-button{width:55px;height:46px;position:fixed;right:3%;top:13px;cursor:pointer;z-index: 12399994; -webkit-transition: all 0.4s; transition: all 0.4s;}
.se .mobile-button:after{position: absolute;
  top: 22px;
  right: 0;
  display: block;
  height: 11px;
  width: 36px;
  border-top: 2px solid #5F27CD;
  border-bottom: 2px solid #5F27CD;
  content: '';}
.se .mobile-button:before{-webkit-transition:all .3s ease;transition:all .3s ease;position: absolute;
  top: 13px;
  right: 0;
  display: block;
  height: 1px;
  width: 36px;
  border-bottom: 2px solid #5f27cd;  
  box-sizing: content-box;    
  content: '';}
.se .mobile-button.menu-opened:after{
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
  top:23px;
  border:0;
  height:0;
  border-top: 1px solid #5f27cd;
  border-bottom: 1px solid #5f27cd;
  width:35px;background:#5F27CD;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.se .mobile-button.menu-opened:before{border-width: 1px;top:23px;background:#5F27CD;width:35px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.se #cssmenu .submenu-button{position:absolute;z-index:99;right:-13px;top:11px;display:block;height:45px;width: 50%;cursor:pointer}
.se #cssmenu ul ul .submenu-button{height:34px;width:34px}
.se #cssmenu .submenu-button:after{position:absolute;top:16px;right:13px;width:8px;height:2px;display:block;background:#5F27CD;content:''}
.se #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
.se #cssmenu .submenu-button.submenu-opened:after{background:#5F27CD}
.se #cssmenu .submenu-button:before{position:absolute;top:13px;right:16px;display:block;width:2px;height:8px;background:#5F27CD;content:''}
.se #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
.se #cssmenu .submenu-button.submenu-opened:before{display:none}
.se #cssmenu ul ul ul li.active a{border-left:none}
.se #cssmenu > ul > li.has-sub > ul > li.active > a,.se #cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.se .fixed-header .mobile-button {
  right: 3%;
  top: 20px;
}
.se .fixed-header #cssmenu #head-mobile {
  padding: 39px;
  background-color: #fff;
}
}

.se header {
  background-color: #fff;
  padding: 15.3px 3%;
  box-shadow: 0 5px 20px rgba(22,41,72,0.04);
}

.se #cssmenu {
  height: 69.7px;
}

.se .logo {
  padding-top: 8.5px;
}

@media only screen and (min-width: 748px){
  .se .logo {
    padding-top: 9px;
  }
  .se header {
    padding: 16.2px 23.8352px;
  }
}

@media only screen and (min-width: 992px){
  .se .logo {
    padding-top: 10px;
  }
  .se header {
    height: 87px;
    padding: 18px 3% 0 3%;
  }
}

@media screen and (max-width: 1199px){
  .se #cssmenu #head-mobile {
      padding: 39px;
      background-color: #fff;
  }
}

.featured-category {
  margin-bottom: calc(20px * 1.3 * 4);
}

.featured-category .article-list-item__link {
    border-bottom: 1px solid #e5e8ed;
  }

.featured-category .article-list-item__link:hover,
    .featured-category .article-list-item__link:active,
    .featured-category .article-list-item__link:focus {
      border-bottom-color: transparent;
    }

.featured-category .section__title {
    font-family: 'IBM Plex Mono',monospace;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
  }

.featured-category__item {
  height: 100%;
  padding: 35px;
  background: #fff;
  box-shadow: 0 0 35px rgba(0,0,0,0.1);
}

@media (min-width: 768px) {

.featured-category__title {
    margin-bottom: calc(20px * 1.3 * 1.5);
    font-size: calc(20px * 2.5)
}
  }

.featured-category__icon {
  display: block;
  margin-bottom: 35px;
}

.featured-category__icon img {
    width: auto;
    height: 50px;    
  }

.btn-see-all {
  padding: 15px 25px 12px 25px;
  text-transform: none;
  font-size: 20px;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #818a91;
  text-align: left;
}

th {
  text-align: left;
}

.table,
.informaltable {
  width: 100%;
  max-width: 100%;
  margin-bottom: calc(20px * 1.3);
}

.informaltable table,
.table table {
  width: 100%;
}

.table th,
.informaltable th,
.table td,
.informaltable td {
    padding: 12px;
    vertical-align: top;
  }

.table td,
.informaltable td{
    border-top: 1px solid #d3d6d8;
  }

.table thead th,
.informaltable thead th {
    vertical-align: bottom;
  }

.table tbody + tbody,
.informaltable tbody + tbody {
    border-top: 1px solid #d3d6d8;
  }

.table .table,
.informaltable .informaltable {
    background-color: #fff;
  }

.table--color-header th {
    color: #fff;
    background-color: #6027ce;
  }

.table--striped th,
.informaltable th,
.table--striped td,
.informaltable td,
.table--striped thead th {
    border-color: #fff;
  }

.table--striped tbody tr:nth-child(odd),
.informaltable tbody tr:nth-child(odd){
    color: inherit;
    background-color: #eceeef;
  }

.table--hover tbody tr:hover {
    color: inherit;
    background-color: #eceeef;
  }

.table--bordered,
.informaltable {
  border: 1px solid #d3d6d8;
}

.table--bordered td,
.informaltable td {
    border-left: 1px solid #d3d6d8;
  }

.table--bordered th,
.informaltable th {
    border-left: 1px solid #d3d6d8;
  }

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}

@media screen and (max-width: 767px) {

.table-responsive {
    width: 100%;
    margin-bottom: calc(20px * 1.3 * 0.75);
    overflow-y: hidden;
    border: 1px solid #d3d6d8;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive > .table {
      margin-bottom: 0;
    }
          .table-responsive > .table > thead > tr > th,
          .table-responsive > .table > thead > tr > td,
          .table-responsive > .table > tbody > tr > th,
          .table-responsive > .table > tbody > tr > td,
          .table-responsive > .table > tfoot > tr > th,
          .table-responsive > .table > tfoot > tr > td {
            white-space: nowrap;
          }
  }

.meta {
  font-size: 14px;
  color: #979797;
}

.meta__item {
  display: inline-block;
  margin-right: calc(12px / 2);
}

.meta__item + .meta__item:before {
    margin-right: calc(12px / 2);
    font-size: 10px;
    content: "\2022";
  }

.meta--profile {
  margin-bottom: 0;
}

.breadcrumbs {
  padding: 8px 0 0;
  margin-bottom: calc(20px * 1.3);
  list-style: none;
  background-color: transparent;
  border-radius: 8px;
}

.breadcrumbs > li {
    display: inline-block;
  }

.breadcrumbs > li + li:before {
      padding: 0 5px;
      color: #ccc;
      content: "\00a0";
      content: "› ";
    }

.breadcrumbs--search-results {
  padding: 0;
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 0.75);
}

.language-selector {
  display: inline-block;
  vertical-align: middle;
}

.search-results-page {
  margin-bottom: calc(20px * 1.3 * 2);
}

.search-results-count {
  font-size: calc(20px * 1.25);
  font-weight: 600;
}

.search-result {
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

.search-result__title {
  margin-bottom: calc(20px * 1.3 / 2);
  font-weight: 600;
}

.search-result__description {
  margin-bottom: calc(20px * 1.3 / 2);
}

.search-result__description:empty {
    display: none;
  }

.search-result__description em {
    padding: 0 3px;
    font-style: normal;
    font-weight: 600;
    background-color: #fff3ca;
    border-radius: 3px;
  }

.search-result__meta {
  margin-bottom: calc(20px * 1.3 / 2);
}

.search-result-votes {
  display: inline-block;
  padding: 2px 4px;
  font-size: calc(20px * 0.75);
  color: #fff;
  background-color: #6027ce;
  border-radius: 8px;
}

/* ==========================================================================
  Search Results Filters
   ========================================================================== */

.search-results-filters {
  padding: 16px;
  font-size: calc(20px - 2px);
  border: 1px solid #eceeef;
  border-radius: 8px;
}

@media (max-width: 767px) {

.search-results-filters {
    margin-bottom: calc(20px * 1.3 * 2)
}
  }

.search-results-filter + .search-results-filter {
  margin-top: 24px;
}

@media (min-width: 768px) {

.search-results-filter + .search-results-filter {
    margin-top: 32px
}
  }

.search-results-filter__title {
  margin-bottom: 0;
  margin-left: 8px;
  font-weight: 600;
}

@media (max-width: 767px) {

.search-results-filter__title {
    position: relative;
    font-size: calc(20px * 1);
    cursor: pointer
}
  }

@media (max-width: 767px) {
  .search-results-filter__title:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: 1.5;
    color: inherit;
    content: "\f107";
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .search-results-filter__title.is-active:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
  }
}

.search-results-filter__list {
  margin-top: 24px;
  margin-bottom: 0;
}

@media (max-width: 767px) {

.search-results-filter__list {
    display: none
}
  }

@media (min-width: 768px) {

.search-results-filter__list {
    display: block !important
}
  }

.search-results-filter__item {
  display: block;
  margin-bottom: 4px;
}

.search-results-filter__item.is-active .search-results-filter__link {
  color: #fff;
  background-color: #6027ce;
  border-color: #6027ce;
}

.search-results-filter__item--subfilter:nth-child(n + 7) {
  display: none;
}

.search-result__subfilters--all .search-results-filter__item:nth-child(n + 7) {
    display: block;
  }

.search-result__subfilters--all .search-result__show-more {
    display: none !important;
  }

.search-results-filter__link {
  display: block;
  padding: 6px 8px;
  color: #162948;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.search-results-filter__link:hover {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
  }

.search-results-filter__link:focus {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
  }

.search-results-filter__link:active {
    background-color: #f7f7f9;
    border-color: #f7f7f9;
  }

.search-results-filter__link:active {
    background-image: none;
    outline: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }

.search-results-filter__count {
  opacity: 0.6;
}

.search-result__show-more {
  padding: 0;
  margin-left: 8px;
  color: #6027ce;
  background-color: transparent;
  border: 0;
}

.article-page {
  margin-bottom: calc(20px * 1.3 * 2);
}

.article {
  position: relative;
}

.article__title {
  font-size: calc(20px * 1.5);
  font-weight: 500;
}

@media (min-width: 768px) {

.article__title {
    font-size: calc(20px * 1.75)
}
  }

@media (min-width: 992px) {

.article__title {
    font-size: calc(20px * 2.5)
}
  }

.article-meta {
  display: table;
  width: 100%;
  margin-bottom: calc(20px * 1.3);
}

.article-meta__col {
  display: table-cell;

  vertical-align: top;
}

.article-meta__col--main {
  width: 100%;
  padding-right: 12px;
}

.article__body {
  margin-bottom: calc(20px * 1.3);
}

.article__body h2 {
    font-size: calc(20px * 1.75);
    font-weight: 400;
    line-height: 1.2;
  }

.article__body .wysiwyg-font-size-x-large {
    font-size: calc(20px * 1.75);
    font-weight: 400;
    line-height: 1.2;
  }

.article__body .wysiwyg-font-size-large {
    font-size: calc(20px * 1.5);
    font-weight: 600;
    line-height: 1.2;
  }

.article__body .wysiwyg-font-size-medium {
    font-size: calc(20px * 1.25);
    font-weight: 600;
    line-height: 1.2;
  }

.article__body .wysiwyg-font-size-small {
    font-size: calc(20px * 0.75);
  }

.article__body ul,
  .article__body ol {
    padding-left: 20px;
  }

.article__body ul ul {
      margin-top: calc(20px * 1.3 / 2);
    }

.article__body ul ol {
      margin-top: calc(20px * 1.3 / 2);
    }

.article__body ol ul {
      margin-top: calc(20px * 1.3 / 2);
    }

.article__body ol ol {
      margin-top: calc(20px * 1.3 / 2);
    }

.article__body ul li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.article__body ol li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.article-vote {
  position: relative;

  padding: calc(20px * 1.3);

  border: 1px solid #eceeef;
  border-radius: 8px;
}

.article-vote-controls__item {
  color: #162948;

  background-color: #eceeef;
  border-color: #eceeef;
}

.article-vote-controls__item:hover {
    color: #080e19;

    background-color: #cbd0d3;
    border-color: #cbd0d3;
  }

.article-vote-controls__item:focus {
    color: #080e19;

    background-color: #cbd0d3;
    border-color: #cbd0d3;
  }

.article-vote-controls__item:active {
    color: #080e19;

    background-color: #cbd0d3;
    border-color: #cbd0d3;
  }

.article-vote-controls__item:active {
    background-image: none;
  }

.article-vote-controls__item--voted {
  color: #0a1321;

  border-color: #0a1321;
}

@media (max-width: 767px) {

.article-vote-question {
    display: block;
    margin-bottom: calc(20px * 1.3 / 2)
}
  }

@media (min-width: 768px) {

.article-vote-question {
    float: left;
    margin-right: 12px
}
  }

.article-vote-controls {
  white-space: nowrap;
}

@media (max-width: 767px) {

.article-vote-controls {
    display: block;
    margin-bottom: calc(20px * 1.3 / 2)
}
  }

.article-vote-count {
  display: block;
  font-size: calc((20px * 0.75) - 2);

  color: #979797;
}

.article__share {
  margin-bottom: calc(20px * 1.3);
}

.article__share ul {
    margin-top: 0;
  }

.article-footer {
  margin-bottom: calc(20px * 1.3);
}

.article__attachments {
  margin-bottom: calc(20px * 1.3);
}

.article-more-questions {
  margin-bottom: calc(20px * 1.3);
  clear: both;
}

.article-more-questions:empty {
    display: none;
  }

.article-more-questions a {
    margin-left: 10px;
    white-space: nowrap;
  }

@media (max-width: 767px) {

.article-sidebar {
    padding-top: calc(20px * 1.3);

    border-top: 1px solid #eceeef
}
  }

.article-container {
  display: -webkit-box;
  display: flex;
  margin-right: calc(15px * -1);
  margin-left: calc(15px * -1);
  flex-wrap: wrap;
}

.article-container__column {
  padding-right: 15px;
  padding-left: 15px;
}

.article-container__sidenav,
.article-container__toc {
  display: none;
}

.sidenav-enabled .article-container__sidenav,
.toc-enabled .article-container__toc {
  display: block;
}

.sidenav-enabled .article-container__sidenav {
  padding-bottom: 24px;
}

@media (min-width: 992px) {
  .article-container__article {
    width: calc(100% / 12 * 8);
  }

  .article-container__sidebar {
    width: calc(100% / 12 * 4);
  }

  .toc-enabled .article-container__toc {
    width: calc(100% / 12 * 4);
  }

  .sidenav-enabled .article-container__sidenav {
    width: calc(100% / 12 * 4);
  }

  .sidenav-enabled .article-container__sidebar {
    width: calc(100% / 12 * 8);
    margin-left: calc(100% / 12 * 4);
  }

  .sidenav-enabled.toc-enabled .article-container__sidenav,
  .sidenav-enabled.toc-enabled .article-container__toc {
    width: calc(100% / 12 * 3);
  }

  .sidenav-enabled.toc-enabled .article-container__article {
    width: calc(100% / 12 * 6);
  }

  .sidenav-enabled.toc-enabled .article-container__sidebar {
    margin-left: calc(100% / 12 * 3);
  }
}

@media (min-width: 1200px) {
  .sidenav-enabled.toc-enabled .article-container__article {
    width: calc(100% / 12 * 7);
  }

  .sidenav-enabled.toc-enabled .article-container__toc {
    width: calc(100% / 12 * 2);
  }
}

.comments__callout {
  font-size: calc(20px * 0.75);
  color: #979797;
}

.comments__callout:empty {
    display: none;
  }

.comments__list {
  padding-left: 0;
  list-style: none;
}

.comment-list-header {
  padding-bottom: calc(20px * 1.3 / 2);
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

.comment-list-heading {
  margin-bottom: 0;
  font-size: calc(20px * 1.1);
  font-weight: 600;
}

.comment-sorter {
  padding-bottom: calc(20px * 1.3);
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

@media (min-width: 768px) {

.comment-sorter {
    display: table;
    width: 100%
}
  }

@media (min-width: 768px) {

.comment-sorter__col {
    display: table-cell;
    vertical-align: middle
}
  }

@media (max-width: 767px) {

.comment-sorter__col--main {
    margin-bottom: calc(20px * 1.3 / 2)
}
  }

@media (min-width: 768px) {

.comment-sorter__col--main {
    padding-right: 12px
}
  }

@media (min-width: 768px) {

.comment-sorter__col--filters {
    text-align: right
}
  }

.comment-sorter__item.is-active {
    font-weight: 600;
  }

.comment-sorter__item + .comment-sorter__item:before {
    margin: 0 calc(12px / 2);
    font-size: 10px;
    content: "\2022";
  }

.comment {
  padding-bottom: calc(20px * 1.3);
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

.comment__inner {
  position: relative;
  padding-right: calc(40px + 12px);
}

.comments__content {
  position: relative;
  padding-right: 12px;
}

.comment__header {
  position: relative;
  margin-bottom: calc(20px * 1.3);
}

.comment__voting-and-actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
}

.comment__voting-and-actions .dropdown-toggle {
    font-size: 0;
  }

.comment__voting-and-actions .dropdown-toggle:after {
    display: inline-block;
    margin-left: 0;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    content: "\f013";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.comment__official-heading {
  position: absolute;
  top: 0;
  right: calc(12px * 3);
  width: auto;
  padding: 1px calc(12px / 2);
  font-size: calc(20px * 0.75);
  color: #fff;
  background-color: #6027ce;
  border-radius: 0 0 8px 8px;
}

.comment--official .comment__inner {
    position: relative;
    padding: calc(20px * 1.3)
      calc(12px * 2);
    background-color: #fff;
    border: 1px solid #6027ce;
    border-radius: 8px;
  }

.comment-form {
  position: relative;
  margin-bottom: calc(20px * 1.3);
}

@media (min-width: 768px) {

.comment-form {
    padding-left: calc(40px + 12px)
}
  }

.comment-form__avatar {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {

.comment-form__avatar {
    display: none
}
  }

.comment-form__ccs {
  margin-bottom: 0;
}

.comment-form__ccs + textarea {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

.comment-form__ccs ul[data-hc-pills-container] {
    margin: 0;
    border: 1px solid #eceeef;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
  }

.comment-form__ccs ul[data-hc-pills-container][data-hc-focus="true"] {
    border-color: #9ed5e7;
    box-shadow: inset 0 -1px 0 #9ed5e7;
  }

.comment-form__body {
  margin-bottom: calc(20px * 1.3);
}

.comment__body {
  margin-bottom: calc(20px * 1.3);
}

.comment__body ul {
    list-style: disc;
  }

.comment__body ul,
  .comment__body ol {
    padding-left: 20px;
  }

.comment__body ul ul {
      margin-top: calc(20px * 1.3 / 2);
    }

.comment__body ul ol {
      margin-top: calc(20px * 1.3 / 2);
    }

.comment__body ol ul {
      margin-top: calc(20px * 1.3 / 2);
    }

.comment__body ol ol {
      margin-top: calc(20px * 1.3 / 2);
    }

.comment__body ul li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.comment__body ol li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.comment-form__attachments {
  margin-bottom: calc(20px * 1.3);
}

.comment-form__mark-as-solved {
  position: relative;
}

.comment-form__comment-ccs ul {
    margin-bottom: 0;
  }

.share {
  padding-left: 0;
  white-space: nowrap;
  list-style: none;
}

.share li {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: top;
}

.share a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  background-color: #eceeef;
  /*color: var(--gray-dark);*/
  background-color: #eceeef;
  border-color: #eceeef;
  border-color: #eceeef;
  border-radius: 8px;
  touch-action: manipulation;
}

.share a:hover {
    color: #1a1b1c;
    background-color: #cbd0d3;
    border-color: #cbd0d3;
  }

.share a:focus {
    color: #1a1b1c;
    background-color: #cbd0d3;
    border-color: #cbd0d3;
  }

.share a:active {
    color: #1a1b1c;
    background-color: #cbd0d3;
    border-color: #cbd0d3;
  }

.share a:active {
    background-image: none;
  }

.share a:before {
    position: relative;
    display: inline-block;
    width: 100%;
    font-family: "Font Awesome 5 Brands";
    font-weight: 300;
    text-align: center;
  }

.share-facebook {
  color: #3d5b95;
}

.share-facebook:hover {
    color: #2b406a;
  }

.share-facebook:before {
    content: "\f09a";
  }

.share-twitter {
  color: #24aadd;
}

.share-twitter:hover {
    color: #1a82a9;
  }

.share-twitter:before {
    content: "\f099";
  }

.share-linkedin {
  color: #0976b4;
}

.share-linkedin:hover {
    color: #06507a;
  }

.share-linkedin:before {
    content: "\f0e1";
  }

.share-googleplus {
  color: #d23e30;
}

.share-googleplus:hover {
    color: #a22e23;
  }

.share-googleplus:before {
    content: "\f0d5";
  }

.my-activities-header {
  margin-bottom: calc(20px * 1.3);
}

.my-activities-items {
  margin-bottom: calc(20px * 1.3 * 2);
}

@media (min-width: 768px) {

.my-activities-items {
    display: table;
    width: 100%
}
  }

.my-activities-items__head {
  display: none;
  color: #979797;
}

@media (min-width: 768px) {

.my-activities-items__head {
    display: table-header-group;
    font-size: calc(20px * 0.75);
    font-weight: 600;
    text-transform: uppercase
}
  }

@media (min-width: 768px) {

.my-activities-items__body {
    display: table-row-group
}
  }

@media (min-width: 768px) {

.my-activities-items__row {
    display: table-row
}
  }

@media (min-width: 768px) {

.my-activities-items__col {
    display: table-cell;
    padding-top: calc(20px * 1.3 / 2);
    padding-bottom: calc(20px * 1.3 / 2);
    border-bottom: 1px solid #eceeef
}

    .my-activities-items__col + .my-activities-items__col {
      padding-left: 12px;
    }
  }

@media (max-width: 767px) {

.my-activities-items__request-id {
    display: inline
}
  }

@media (min-width: 768px) {

.my-activities-items__request-id {
    display: none
}
  }

.my-activities-menu ul {
    padding-left: 0;
    list-style: none;
  }

.my-activities-menu__items {
  margin-bottom: 0;
}

.my-activities-menu__item {
  margin-bottom: 0;
}

.my-activities-menu__item a {
    display: block;
  }

@media (min-width: 768px) {

.my-activities-menu__item {
    float: left
}
  }

@media (min-width: 768px) {
  .my-activities-menu__item + .my-activities-menu__item {
    margin-left: 12px;
  }
}

.my-activities-menu--main {
  padding-bottom: calc(20px * 1.3);
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

.my-activities-menu--main .my-activities-menu__item {
    padding: calc(12px / 2)
      12px;
    background-color: #eceeef;
    border-radius: 8px;
  }

@media (max-width: 767px) {

.my-activities-menu--main .my-activities-menu__item {
      margin-bottom: calc(20px * 1.3 / 3)
  }
    }

.my-activities-menu--main .my-activities-menu__item.is-active {
      font-weight: 600;
      color: #162948;
    }

.my-activities-menu--sub {
  margin-bottom: calc(20px * 1.3);
}

.my-activities-menu--sub .my-activities-menu__item.is-active {
      font-weight: 600;
    }

.my-activities-menu--sub .my-activities-menu__item a {
      display: inline-block;
    }

@media (min-width: 768px) {
    .my-activities-menu--sub .my-activities-menu__item + .my-activities-menu__item:before {
      margin-right: calc(12px / 2);
      font-size: 10px;
      content: "\2022";
    }
  }

@media (max-width: 767px) {

.my-activities-item {
    padding: calc(20px * 1.3 / 2)
      12px;
    margin-bottom: calc(20px * 1.3);
    border: 1px solid #eceeef;
    border-radius: 8px
}
  }

.my-activities-item__meta {
  font-size: 14px;
  color: #979797;
}

@media (max-width: 767px) {

.my-activities-item__meta {
    display: inline-block;
    margin-right: calc(12px / 2)
}

    .my-activities-item__meta + .my-activities-item__meta:before {
      margin-right: calc(12px / 2);
      content: "\2022";
    }
  }

.my-activities-item__title {
  font-weight: 400;
}

@media (max-width: 767px) {

.my-activities-item__title {
    font-size: calc(20px * 1.25)
}
  }

@media (max-width: 767px) {

.my-activities-item__icon {
    display: inline-block
}
  }

@media (min-width: 768px) {

.my-activities-item__icon {
    display: none
}
  }

.request-table-toolbar {
  padding-top: 12px;
  padding-bottom: calc(12px / 2);
  margin-bottom: calc(20px * 1.3);
  background-color: #f9f9f9;
  border-radius: 8px;
}

@media (min-width: 768px) {

.request-table-toolbar {
    padding-top: calc(12px / 2);
    padding-bottom: 12px
}
  }

.request-table-toolbar label {
    font-size: calc(20px * 0.75);
    text-transform: uppercase;
  }

@media (min-width: 768px) {

.request-table-filters {
    display: table;
    width: 100%
}
  }

.request-table-filters__item {
  padding-right: 12px;
  padding-left: 12px;
}

@media (max-width: 767px) {

.request-table-filters__item {
    margin-bottom: calc(20px * 1.3 / 2)
}
  }

@media (min-width: 768px) {

.request-table-filters__item {
    display: table-cell;
    width: 33%;
    vertical-align: bottom
}
  }

.request-table-organization {
  display: table;
  width: 100%;
}

.request-table-organization__col {
  display: table-cell;
  vertical-align: middle;
}

.request-table-organization__col--main {
  width: 100%;
}

.request-table-organization__col--button {
  padding-left: calc(12px / 2);
}

.request-table-organization__col--button [role="button"] {
    height: calc(
      20px * 1.3 + 12px + 2px
    );
    padding-top: 0;
    padding-bottom: 0;
    line-height: calc(
      20px * 1.3 + 12px + 2px
    );
  }

.requests-sort-symbol {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}

.requests-sort-symbol:after {
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 5px;
    font-family: "Font Awesome 5 Free";
    font-size: 14px;
    font-weight: 900;
    color: #979797;
    content: "\f0d7";
  }

.requests-link {
  color: #979797;
  white-space: nowrap;
}

.requests-link[href*="asc"] .requests-sort-symbol:after {
  content: "\f0d8";
}

.request-page {
  margin-bottom: calc(20px * 1.3 * 2);
}

.request {
  position: relative;
}

.request-id {
  margin-bottom: calc(20px * 1.3 / 2);
  font-weight: 600;
}

.request-subject {
  font-size: calc(20px * 1.5);
}

@media (min-width: 992px) {

.request-subject {
    font-size: calc(20px * 1.75);
    font-weight: 300
}
  }

.request-follow-up:empty {
  display: none;
}

.request-sidebar {
  padding: calc(20px * 1.3) 12px 0;
  margin-bottom: calc(20px * 1.3);
  font-size: 14px;
  border: 1px solid #eceeef;
  border-radius: 8px;
}

.request-sidebar dd {
    margin-bottom: calc(20px * 1.3 / 2);
  }

.request-status {
  display: inline-block;
  padding: 1px calc(12px / 2);
  font-size: 12px;
  color: #fff;
  white-space: nowrap;
  border-radius: 8px;
}

.request-status--solved,
.request-status--closed {
  background-color: #0c9;
}

.request-status--new,
.request-status--open {
  background-color: #ff5252;
}

.request-status--answered {
  background-color: #fad782;
}

.new-request-page {
  margin-bottom: calc(20px * 1.3 * 2);
}

.new-request-title {
  font-size: calc(20px * 1.5);
}

@media (min-width: 768px) {

.new-request-title {
    font-size: calc(20px * 1.75)
}
  }

@media (min-width: 992px) {

.new-request-title {
    font-size: calc(20px * 2.5)
}
  }

.new-request-form {
  margin-bottom: calc(20px * 1.3);
}

.upload-dropzone {
  padding: calc(20px * 1.3) 16px;
  border-color: #eceeef;
  border-width: 1px;
  border-radius: 8px;
}

.upload-dropzone {
    font-size: calc(20px * 0.75);
  }

.upload-dropzone a {
    font-size: calc(20px * 0.75);
  }

.dropdown-toggle:after {
  display: inline-block;
  margin-left: 5px;
  font-family: "Font Awesome 5 Free";
  font-size: 10px;
  font-weight: 900;
  line-height: 1.3;
  color: inherit;
  content: "\f107";
}

.dropdown-menu {
  min-width: 170px !important;
  overflow: hidden;
  font-size: 14px;
}

.dropdown-menu [role="menuitem"] {
    position: relative;
    padding: calc(20px * 1.3 / 2)
      12px;
    padding-right: 26px;
    white-space: normal;
  }

.dropdown-menu [role="menuitem"][aria-selected="true"]:after {
    position: absolute;
    top: 16px;
    right: 12px;
    display: inline-block;
    margin-left: 10px !important;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    content: "\f00c";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.error-page {
  padding: 10% 0;
  text-align: center;
}

.error-page__title {
  text-transform: capitalize;
}

.note {
  position: relative;

  padding-left: 12px;
  margin: calc(20px * 1.3) 0;
  color: #2e5596;
  border-left: calc(1px * 2) solid transparent;
}

.note p:last-child {
    margin-bottom: 0;
  }

.note-title {
  margin-bottom: calc(20px * 1.3 / 2);
  font-weight: 600;
}

.note-default {
  border-color: #818a91;
}

.note--default {
  border-color: #818a91;
}

.note-default .note-title {
    color: #818a91;
  }

.note--default .note-title {
    color: #818a91;
  }

.note-info,
.note--info {
  border-color: #5bc0de;
}

.note-info .note-title, .note--info .note-title {
    color: #5bc0de;
  }

.note-warning,
.note--warning {
  border-color: #fad782;
}

.note-warning .note-title, .note--warning .note-title {
    color: #fad782;
  }

.note-success,
.note--success {
  border-color: #0c9;
}

.note-success .note-title, .note--success .note-title {
    color: #0c9;
  }

.note-danger,
.note--danger {
  border-color: #ff5252;
}

.note-danger .note-title, .note--danger .note-title {
    color: #ff5252;
  }

.pagination ul {
    display: inline-block;
    padding-left: 0;
    margin: 0 0 calc(20px * 1.3 / 2);
  }

.pagination ul > li {
      display: inline-block;
      margin-right: 6px;
      margin-bottom: calc(20px * 1.3 / 2);
    }

.pagination ul > li > a {
        position: relative;

        display: block;
        padding: calc(12px / 2) 16px;
        line-height: 1.3;
        color: #a6a6a7;
        text-decoration: none;
        background-color: #f6f6f6;
        border-radius: 8px;
      }

.pagination ul > li > span {
        position: relative;

        display: block;
        padding: calc(12px / 2) 16px;
        line-height: 1.3;
        color: #a6a6a7;
        text-decoration: none;
        background-color: #f6f6f6;
        border-radius: 8px;
      }

.pagination ul > li > a:hover {
        color: #080e19;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > li > a:focus {
        color: #080e19;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > li > span:hover {
        color: #080e19;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > li > span:focus {
        color: #080e19;
        background-color: #eceeef;
        border-color: #ddd;
      }

.pagination ul > .pagination-current > span,
      .pagination ul > .pagination-current > span:hover,
      .pagination ul > .pagination-current > span:focus {
        z-index: 2;
        color: #fff;
        cursor: default;
        background-color: #6027ce;
        border-color: #6027ce;
      }

.satisfaction-box {
  padding: calc(20px * 1.3) 15px;
  margin: 0 0 calc(10px * 2) 0;
  margin-top: 0;
  border-color: #eceeef;
  border-radius: 8px;
}

.satisfaction-box h4:last-child {
      margin-bottom: 0;
    }

.satisfaction-box input[type="radio"] ~ label {
  margin-right: 10px;
  letter-spacing: normal;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"] {
  color: #fff;
  background-color: #0c9;
  border-color: #0c9;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:hover,
  .satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:focus,
  .satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
    color: #e0e0e0;
    background-color: #009973;
    border-color: #008f6b;
  }

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_good"]:active {
    background-image: none;
  }

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"] {
  color: #fff;
  background-color: #ff5252;
  border-color: #ff5252;
}

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:hover,
  .satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:focus,
  .satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
    color: #e0e0e0;
    background-color: #ff1f1f;
    border-color: #ff1515;
  }

.satisfaction-box
  input[type="radio"]
  ~ label[for="satisfaction_rating_score_bad"]:active {
    background-image: none;
  }

.satisfaction-box input[type="radio"][checked="checked"][value="good"] + label {
  color: #fff !important;
  background-color: #008f6b !important;
  border-color: #008f6b !important;
}

.satisfaction-box input[type="radio"][checked="checked"][value="bad"] + label {
  color: #fff !important;
  background-color: #ff1515 !important;
  border-color: #ff1515 !important;
}

.satisfaction-box label.disabled {
  margin-bottom: calc(20px * 1.3) !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_good"] {
  color: #0c9 !important;
}

.satisfaction-box label.disabled[for="satisfaction_rating_score_bad"] {
  color: #ff5252 !important;
}

.satisfaction-comment {
  margin-top: 15px;
}

.satisfaction-box .satisfaction-submit {
  margin-left: 10px !important;
  font-size: calc(20px - 5px) !important;
  color: #fff;
  background-color: #6027ce;
  border-color: #6027ce;
}

.satisfaction-box .satisfaction-submit:hover,
  .satisfaction-box .satisfaction-submit:focus,
  .satisfaction-box .satisfaction-submit:active {
    color: #e0e0e0;
    background-color: #4c1fa3;
    border-color: #481d9b;
  }

.satisfaction-box .satisfaction-submit:active {
    background-image: none;
  }

.satisfaction-reason {
  padding-top: calc(20px * 1.3);
}

.satisfaction-box .satisfaction-cancel {
  font-size: calc(20px - 5px) !important;
  line-height: 1.3 !important;
}

.scroll-to-top {
  position: fixed;
  right: 30px;
  bottom: -50px;
  z-index: 3;
  width: 50px;
  height: 50px;
  font-size: 32px !important;
  line-height: 45px !important;
  color: #162948;
  text-align: center;
  border: 1px solid #162948;
  border-radius: 8px;
  -webkit-transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: bottom 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.scroll-to-top:focus,
  .scroll-to-top:active {
    outline: 0;
  }

.scroll-to-top.is-active {
    bottom: 30px;
  }

.scroll-to-top:hover {
    color: #080e19;
    border-color: #080e19;
  }

@media (max-width: 767px) {

.scroll-to-top {
    display: none
}
  }

.embed,
.embed-responsive {
  position: relative;
  z-index: 1;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.embed img, .embed-responsive img {
    width: 100%;
  }

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

.embed:focus, .embed-responsive:focus {
    outline: none !important;
  }

.embed-responsive--16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive--4by3 {
  padding-bottom: 75%;
}

@-ms-viewport {
  width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: block !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block;
  }
}

@media (min-width: --screen-lg) {
  .visible-lg {
    display: block;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}

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

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

@media print {
  .visible-print {
    display: block;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {

.visible-print-block {
    display: block !important
}
  }

.visible-print-inline {
  display: none !important;
}

@media print {

.visible-print-inline {
    display: inline !important
}
  }

.visible-print-inline-block {
  display: none !important;
}

@media print {

.visible-print-inline-block {
    display: inline-block !important
}
  }

@media print {
  .hidden-print {
    display: none !important;
  }
}

.page-header {
  margin-bottom: calc(20px * 1.3);
}

.page-header--with-border {
  border-bottom: 1px solid #eceeef;
}

.recent-articles h3 {
    margin-bottom: calc(20px * 1.3 / 2);
  }

.related-articles h3 {
    margin-bottom: calc(20px * 1.3 / 2);
  }

@media (min-width: 768px) {

.recent-articles h3 {
      margin-top: calc(20px * 1.3 / 2)
  }

.related-articles h3 {
      margin-top: calc(20px * 1.3 / 2)
  }
    }

.recent-articles ul, .related-articles ul {
    padding-left: 0;
    list-style: none;
  }

.recent-articles ul > li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.related-articles ul > li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.recent-articles ul > li a {
        padding-bottom: 1px;
        color: #162948;
        border-bottom: 1px solid #eceeef;
      }

.related-articles ul > li a {
        padding-bottom: 1px;
        color: #162948;
        border-bottom: 1px solid #eceeef;
      }

.recent-articles h3 {
  font-size: calc(20px * 1.25);
}

.section-articles {
  margin-bottom: calc(20px * 1.3 * 2);
}

.section-articles__title {
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 1.25);
}

.section-articles__list {
  padding-left: 0;
  list-style: none;
}

.section-articles__item {
  margin-bottom: calc(20px * 1.3 / 2);
}

/*.section-articles__link {
  color: #162948;
  border-bottom: 1px solid var(--hr-border);
  padding-bottom: 1px;
}*/

.profile-header {
  padding: calc(20px * 1.3) 15px;
  margin-bottom: calc(20px * 1.3);
  color: #fff;
  text-align: center;
  background-color: #162948;
  border-radius: 8px;
}

.profile-header__avatar {
  display: inline-block;
}

.profile-header__name {
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 1.5);
}

.profile-header__name a {
    color: #fff;
  }

@media (min-width: 768px) {

.profile-header__name {
    font-size: calc(20px * 1.75);
    font-weight: 300
}
  }

.profile-header__private-badge {
  display: inline-block;
  margin-bottom: calc(20px * 1.3);
  background-color: #6027ce;
}

.profile-header__description {
  word-break: break-all;
  word-break: break-word;
}

.profile-stats {
  padding-left: 0;
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px - 2px);
  color: #979797;
  list-style: none;
}

.profile-stats__stat {
  margin-right: 12px;
  margin-bottom: calc(20px * 1.3 / 4);
}

@media (max-width: 767px) {

.profile-stats__stat {
    display: block
}

    .profile-stats__stat:before {
      display: none;
    }
  }

.profile-stats__label {
  margin-right: calc(12px / 2);
}

.profile-stats__value {
  color: #fff;
}

.profile-nav {
  margin-bottom: calc(20px * 1.3);
  overflow: hidden;
  font-size: calc(20px * 0.75);
  font-weight: 600;
  background-color: #eceeef;
  border-radius: 8px;
}

.profile-nav__items {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.profile-nav__item {
  margin-bottom: 0;
}

@media (min-width: 768px) {

.profile-nav__item {
    display: inline-block;
    vertical-align: middle
}
  }

.profile-nav__item a {
    display: block;
    color: #162948;
  }

.profile-nav__item.is-active {
    color: #fff;
    background-color: #6027ce;
  }

.profile-nav__item.is-active {
    padding: calc(20px * 1.3 / 1.5)
      12px;
    line-height: 1;
  }

.profile-nav__item a {
    padding: calc(20px * 1.3 / 1.5)
      12px;
    line-height: 1;
  }

.profile-nav__item:after {
    right: 12px !important;
  }

.profile-section {
  width: 100%;
}

.profile-section__header {
  margin-bottom: calc(20px * 1.3);
}

.profile-section__title {
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 1.5);
}

.profile-section__description {
  font-size: calc(20px * 0.75);
  color: #979797;
}

@media (min-width: 768px) {

.profile-section__description {
    padding-bottom: 0
}
  }

.profile-section-sorter {
  font-size: calc(20px * 0.75);
}

.profile-section-sorter .dropdown {
    display: inline-block;
  }

@media (min-width: 768px) {

.profile-section-sorter {
    display: table;
    width: 100%
}
  }

@media (min-width: 768px) {

.profile-section-sorter {
    padding-top: 0;
    border-top: 0
}
  }

@media (min-width: 768px) {

.profile-section-sorter__col {
    display: table-cell;
    vertical-align: middle
}
  }

@media (max-width: 767px) {

.profile-section-sorter__col--main {
    margin-bottom: calc(20px * 1.3 / 2)
}
  }

@media (min-width: 768px) {

.profile-section-sorter__col--main {
    padding-right: 12px
}
  }

@media (min-width: 768px) {

.profile-section-sorter__col--btn {
    text-align: right
}
  }

.profile-contribution {
  position: relative;
  padding: calc(20px * 1.3 / 2) 15px;

  word-wrap: break-word;
  background-color: #f4f5f6;

  border-radius: 8px;
}

.profile-contribution__header {
  margin-bottom: calc(20px * 1.3 / 4);
}

.profile-contribution__status {
  margin-bottom: calc(20px * 1.3 / 4);
}

.profile-contribution__title {
  margin-bottom: calc(20px * 1.3 / 4);
  font-size: 20px;
  font-weight: 600;
}

.profile-contribution__body {
  margin-bottom: calc(20px * 1.3 / 2);
}

.profile-contribution--list .profile-contribution__title:before {
    display: inline-block;
    margin-right: 2px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.profile-contribution__breadcrumbs {
  padding: 0;
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 0.75);
}

.profile__no-activity {
  color: #979797;
  text-align: center;
}

.profile__private-activity {
  color: #979797;
  text-align: center;
}

.profile-activity-list {
  padding-left: 0;
  list-style: none;
}

.profile-activity {
  position: relative;
  margin-bottom: calc(20px * 1.3 * 1.5);
}

.profile-activity__header {
  margin-bottom: calc(20px * 1.3 / 2);

  font-size: calc(20px * 0.75);
  font-weight: 600;
}

.profile-activity__header:before {
    display: inline-block;
    margin-right: 2px;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.profile-activity__avatar {
  width: 30px;
  height: 30px;
  margin-right: calc(12px / 2);
}

.profile-activity-list--articles .profile-contribution__title:before,
.profile-activity[class$="-article"] .profile-activity__header:before {
  content: "\f15c";
}

.profile-activity-list--posts .profile-contribution__title:before,
.profile-activity[class$="-post"] .profile-activity__header:before {
  content: "\f086";
}

.profile-activity-list--comments .profile-contribution__title:before,
.profile-activity[class$="-comment"] .profile-activity__header:before {
  font-weight: 400;
  content: "\f075";
}

.user-subscribe {
  display: inline-block;
}

.entry-info {
  display: -webkit-box;
  display: flex;
  font-size: calc(20px * 0.75);
}

.entry-info__avatar {
  padding-right: 12px;
}

.status-label {
  padding: 2px calc(12px / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 8px;
}

.status-label--pending {
  background-color: #fad782;
}

.status-label--with-ticket {
  background-color: #6027ce;
}

.status-label--with-ticket:hover,
  .status-label--with-ticket:focus,
  .status-label--with-ticket:active {
    color: #fff;
  }

.status-label--solved,
.status-label--closed {
  background-color: #0c9;
}

.status-label--new,
.status-label--open {
  background-color: #ff5252;
}

.status-label--answered {
  background-color: #fad782;
}

.status-label--official {
  background-color: #6027ce;
}

.status-label--completed,
.status-label--answered {
  background-color: #0c9;
}

.status-label--planned {
  background-color: #162948;
}

.status-label--not-planned {
  color: #162948;
  background-color: #eceeef;
}

.attachment-list {
  padding-left: 0;
  margin: 0;
  font-size: calc(20px * 0.75);
  list-style: none;
}

.attachment-list__item {
  position: relative;
  padding-left: calc(12px * 1.5);
  margin-bottom: calc(20px * 1.3 / 2);
}

.attachment-list__item:last-child {
    margin-bottom: 0;
  }

.attachment-list__icon {
  position: absolute;
  top: 4px;
  left: 0;
}

.promoted-articles__list {
  display: -webkit-box;
  display: flex;
  padding-left: 0;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
}

.promoted-articles__title {
  font-weight: 400;
}

.promoted-articles-item__title {
  display: block;
  margin-bottom: calc(20px * 1.3 / 4);
  font-size: calc(20px * 1);
}

.callout {
  padding: calc(20px * 1.3) 20px;
  margin-bottom: calc(20px * 1.3);
  background-color: #eceeef;
  border-left-style: solid;
  border-left-width: 5px;
}

.callout p:last-child {
    margin-bottom: 0;
  }

.callout--transparent {
  background-color: transparent;
  border-color: #dedede;
  border-width: 1px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.14);
}

.callout--success {
  color: #162948;
  background-color: #d1fff4;
  border-color: #0c9;
}

.callout--success .callout__title {
    color: #0c9;
  }

.callout--info {
  color: #162948;
  background-color: #e3f4f9;
  border-color: #5bc0de;
}

.callout--info .callout__title {
    color: #5bc0de;
  }

.callout--warning {
  color: #162948;
  background-color: #fffbf3;
  border-color: #fad782;
}

.callout--warning .callout__title {
    color: #fad782;
  }

.callout--danger {
  color: #162948;
  background-color: #fff5f5;
  border-color: #ff5252;
}

.callout--danger .callout__title {
    color: #ff5252;
  }

.callout--primary {
  color: #162948;
  background-color: #fff;
  border-color: #6027ce;
}

.callout--primary .callout__title {
    color: #6027ce;
  }

.callout--dashed {
  border-style: dashed;
  border-width: 1px;
}

.image-with-border {
  padding: 10px;
  border: 1px solid #d3d6d8;
  border-radius: 4px;
}

.image-with-shadow {
  box-shadow: 0 5px 15px 2px #55595c;
}

.image-with-lightbox {
  cursor: pointer;
}

.image-overlay {
  position: relative;
}

.image-overlay:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: rgba(255, 255, 255, 0.3);
  }

.image-with-video-icon {
  position: relative;
  display: block;
}

.image-with-video-icon img {
    width: 100%;
  }

.image-with-video-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 0;
    height: 0;
    font-size: 0;
    content: "";
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 30px 0 30px 60px;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

.image-with-video-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    content: "";
    background-color: rgba(0, 0, 0, 0.3);
  }

.image-with-video-icon:active:before, .image-with-video-icon:hover:before {
      -webkit-transform: translate(-50%, -50%) scale(1.1);
              transform: translate(-50%, -50%) scale(1.1);
    }

.list-colored,
.list-bullet {
  padding-left: 0 !important;
  list-style-type: none;
  counter-reset: list;
}

.list-colored li {
    position: relative;
    padding-left: calc(30px + 12px);
    margin-bottom: calc(20px * 1.3 / 1.5) !important;
    counter-increment: list;
  }

.list-colored li:before {
      position: absolute;
      top: -3px;
      left: 0;
      z-index: 1;
      width: 30px;
      height: 30px;
      font-size: calc(20px * 0.75);
      line-height: 30px;
      color: #fff;
      text-align: center;
      content: counter(list);
      background-color: #6027ce;
      border-radius: 50%;
    }

.list-colored ol {
    margin-bottom: 14px;
    list-style-type: none;
    counter-reset: list;
  }

.list-bullet li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
  }

.list-bullet li:before {
      position: absolute;
      top: -3px;
      left: 0;
      width: auto;
      height: auto;
      font-family: "Font Awesome 5 Free";
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      color: #6027ce;
      content: "\f058";
      background-color: transparent;
    }

.list-bullet ul {
    margin-bottom: 14px;
    list-style: none;
  }

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-primary {
  background-color: #bba1ed;
}

.text-info {
  background-color: #5bc0de;
}

.text-warning {
  background-color: #fad782;
}

.text-danger {
  background-color: #ff5252;
}

.text-success {
  background-color: #0c9;
}

.accordion {
  padding-top: 0;
  margin-bottom: calc(20px * 1.3);
  border: 1px solid #ddd;
  border-radius: 8px;
}

.accordion__item-title {
  position: relative;
  padding: 15px 20px 15px 52px;
  font-size: calc(20px * 1.25);
  cursor: pointer;
}

.accordion__item-title:not(.accordion__item-title--active) {
    border-bottom: 1px solid #ddd;
  }

.accordion__item-title:before {
    position: absolute;
    content: "";
  }

.accordion__item-content {
  display: none;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}

.accordion__item-content p:last-child {
    margin-bottom: 0;
  }

.accordion__item:last-child .accordion__item-title {
  border-bottom: none;
}

.accordion--default .accordion__item-title:before {
    top: 50%;
    left: 22px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-bottom: 2px solid #6027ce;
    border-left: 2px solid #6027ce;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

.accordion--default .accordion__item-title--active {
    background-color: #f0f0f0;
  }

.accordion--default .accordion__item-title--active:before {
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }

.accordion--colored .accordion__item-title {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }

.accordion--colored .accordion__item-title:before,
    .accordion--colored .accordion__item-title:after {
      top: 50%;
    }

.accordion--colored .accordion__item-title:before {
      left: 20px;
      width: 10px;
      height: 2px;
      margin-top: -1px;
      background-color: #818a91;
    }

.accordion--colored .accordion__item-title:after {
      position: absolute;
      left: 24px;
      width: 2px;
      height: 10px;
      margin-top: -5px;
      content: "";
      background-color: #818a91;
    }

.accordion--colored .accordion__item-title--active {
      color: #fff;
      background-color: #6027ce;
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
    }

.accordion--colored .accordion__item-title--active:before {
        background-color: #fff;
      }

.accordion--colored .accordion__item-title--active:after {
        display: none;
      }

.tabs {
  margin-bottom: calc(20px * 1.3);
}

.tab {
  display: block;
  padding: 30px;
  margin-top: -1px;
  border: 1px solid #ddd;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tab p:last-child {
    margin-bottom: 0;
  }

@media (min-width: 768px) {

.tab {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
  }

.tab:nth-child(2) {
  border-top-left-radius: 0;
}

.tabs-link {
  display: block;
  padding: 8px 30px;
  margin: 0;
  font-weight: 600;
  color: #162948;
  cursor: pointer;
  border-color: transparent;
  border-style: solid;
  border-width: 1px 1px 0;
}

.tabs-link:hover {
    color: #6027ce;
  }

@media (max-width: 767px) {

.tabs-link {
    border-top-color: #ddd;
    border-right-color: #ddd;
    border-left-color: #ddd
}

    .tabs-link:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
    }
  }

@media (min-width: 768px) {

.tabs-link {
    display: inline-block
}
  }

.is-hidden {
  display: none;
}

.tabs-link.is-active {
  color: #6027ce;
  cursor: pointer;
  border-color: #ddd;
}

.tabs-link.is-active:hover {
    color: #6027ce;
    cursor: default;
  }

@media (min-width: 768px) {

.tabs-link.is-active {
    border-bottom: 1px solid #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
  }

.tabs--colored-1 .tab {
    background-color: #f7f7f9 !important;
  }

.tabs--colored-1 .tabs-link.is-active {
    background-color: #f7f7f9;
    border-bottom-color: #f7f7f9;
  }

.tabs--colored-2 .tabs-link:hover {
      color: #6027ce;
    }

.tabs--colored-2 .tabs-link.is-active {
    color: #fff;
    background-color: #6027ce;
    border-color: #6027ce;
  }

.tabs--colored-2 .tabs-link.is-active:hover {
      color: #fff;
    }

.tabs--colored-2 .tab {
    background-color: #f7f7f9 !important;
  }

/* Community */

.community-nav__item {
  float: left;
}

.community-nav__item + .community-nav__item {
    margin-left: 12px;
  }

.community-nav__item.is-active {
    font-weight: 600;
  }

.community-nav__item--button {
  float: right;
}

.vote {
  width: 100%;
  max-width: 40px;
}

.vote [aria-selected="true"] {
    z-index: 2;
  }

.vote-sum {
  display: block;
  padding-top: calc(20px * 1.3 / 4);
  padding-bottom: calc(20px * 1.3 / 4);
  font-weight: 600;
  text-align: center;
}

.vote-control {
  position: relative;
  z-index: 1;
  display: block !important;
  padding: calc(20px * 1.3 / 6) 0 !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  color: #162948;
  border-color: #eceeef;
}

.vote-control:hover,
  .vote-control:active {
    z-index: 2;
  }

.vote-control--active {
    border-color: #474747;
  }

@media (min-width: 768px) {

.topic-list-page {
    margin-bottom: calc(20px * 1.3)
}
  }

.topic-list-item:nth-child(2n + 1) {
    clear: left;
  }

.topic-list-item__box {
  padding: calc(20px * 1.3) 12px;
  margin-bottom: calc(20px * 1.3);
  border: 1px solid #eceeef;
  border-radius: 8px;
}

.topic-list-item__title {
  margin-bottom: calc(20px * 1.3 / 2);
}

.topic-page {
  margin-bottom: calc(20px * 1.3 * 2);
}

.topic {
  display: table;
  width: 100%;
  padding-bottom: calc(20px * 1.3 / 2);
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

.topic__col {
  display: table-cell;
  vertical-align: inherit;
}

@media (min-width: 480px) {

.topic__col {
    vertical-align: top
}
  }

.topic__col--new-post {
  text-align: right;
}

.topic__title {
  width: 100%;
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 1.75);
}

.topic-filters__item {
  float: left;
  margin-right: calc(12px / 2);
}

@media (max-width: 767px) {

.topic-filters__item {
    margin-bottom: calc(20px * 1.3 / 2)
}
  }

.topic-controls {
  margin-bottom: calc(20px * 1.3 * 2);
}

.topic-controls__item {
  float: left;
}

.topic-followers {
  margin-right: calc(12px / 2);
}

@media (min-width: 768px) {

.topic-controls__item--subscribe {
    float: right;
    white-space: nowrap
}
  }

.topic-controls__item--subscribe .dropdown {
    display: inline-block;
    vertical-align: middle;
  }

.topic-controls__item--subscribe .dropdown-menu {
    right: 0;
    left: initial;
  }

@media (min-width: 768px) {

.post-page {
    margin-bottom: calc(20px * 1.3 * 2)
}
  }

.post {
  position: relative;
  margin-bottom: calc(20px * 1.3);
}

.post__title {
  padding-right: calc(12px * 1.5);
  font-size: calc(20px * 1.5);
}

@media (min-width: 768px) {

.post__title {
    font-size: calc(20px * 1.75)
}
  }

@media (min-width: 992px) {

.post__title {
    font-size: calc(20px * 2.5)
}
  }

.post-meta {
  display: table;
  width: 100%;
  margin-bottom: calc(20px * 1.3);
}

.post-meta__col {
  display: table-cell;
  vertical-align: top;
}

.post-meta__col--main {
  width: 100%;
  padding-right: 12px;
}

.post__text {
  word-wrap: break-word;
}

.post__body {
  padding-right: calc(40px + 12px);
}

.post__body ul {
    list-style: disc;
  }

.post__body ul,
  .post__body ol {
    padding-left: 20px;
  }

.post__body ul ul {
      margin-top: calc(20px * 1.3 / 2);
    }

.post__body ul ol {
      margin-top: calc(20px * 1.3 / 2);
    }

.post__body ol ul {
      margin-top: calc(20px * 1.3 / 2);
    }

.post__body ol ol {
      margin-top: calc(20px * 1.3 / 2);
    }

.post__body ul li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.post__body ol li {
      margin-bottom: calc(20px * 1.3 / 2);
    }

.post__voting-and-actions {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
}

.post__voting-and-actions .dropdown-toggle {
    font-size: 0;
  }

.post__voting-and-actions .dropdown-toggle:after {
    margin-left: 0;
    font-size: 20px;
    content: "\f013";
  }

.post__actions .dropdown-menu {
  width: auto;
}

.post__actions .dropdown-menu [role="menuitem"] {
    white-space: nowrap;
  }

.post-callout {
  padding: calc(20px * 1.3 / 2) 15px;
  background-color: #eceeef;
}

@media (max-width: 767px) {

.post-callout {
    margin-bottom: 25px
}
  }

.post-callout__title {
  font-size: calc(20px * 1.1);
  font-weight: 600;
}

@media (min-width: 768px) {

.post-list-page {
    margin-bottom: calc(20px * 1.3 * 2)
}
  }

.post-list-item {
  padding-bottom: calc(20px * 1.3);
  margin-bottom: calc(20px * 1.3);
  border-bottom: 1px solid #eceeef;
}

@media (min-width: 768px) {

.post-list-item {
    display: table;
    width: 100%
}
  }

.post-list-item__title {
  margin-bottom: calc(20px * 1.3 / 2);
  font-size: calc(20px * 1.5);
}

.post-list-item__title .fa-star {
    position: relative;
    top: -4px;
    font-size: 50%;
  }

@media (min-width: 768px) {

.post-list-item__col {
    display: table-cell;
    vertical-align: top
}
  }

@media (min-width: 768px) {

.post-list-item__col--main {
    width: 60%
}
  }

@media (min-width: 768px) {

.post-list-item__col--side {
    width: 40%;
    text-align: right
}
  }

.post-info {
  font-size: 14px;
  color: #979797;
}

@media (min-width: 768px) {

.post-info {
    float: right;
    min-width: 90px;
    padding: calc(12px / 2)
      12px;
    text-align: center;
    background-color: #f9f9f9;
    border-radius: 8px
}
  }

@media (min-width: 768px) {

.post-info__count {
    display: block;
    font-weight: 600;
    color: #162948
}
  }

.post-info + .post-info {
  margin-right: 12px;
}

@media (max-width: 767px) {
    .post-info + .post-info:before {
      margin-right: calc(12px / 2);
      font-size: 10px;
      content: "\2022";
    }
  }

.post-status {
  display: inline-block;
  padding: 1px calc(12px / 2);
  font-size: 12px;
  color: #fff;
  border-radius: 8px;
}

.post-status--completed,
.post-status--answered {
  background-color: #0c9;
}

.post-status--planned {
  background-color: #162948;
}

.post-status--not-planned {
  color: #162948;
  background-color: #eceeef;
}

@media (min-width: 768px) {

.new-post-page {
    margin-bottom: calc(20px * 1.3 * 2)
}
  }

.new-post-title {
  font-size: calc(20px * 1.5);
}

@media (min-width: 768px) {

.new-post-title {
    font-size: calc(20px * 1.75)
}
  }

@media (min-width: 992px) {

.new-post-title {
    font-size: calc(20px * 2.5)
}
  }

.new-post-form {
  margin-bottom: calc(20px * 1.3);
}

/*  Hide organization select form on ticket creation/edit */
#request-organization, .request_organization_id {
  display: none;
}


/* List Styling */
ol.procedure,
ul.procedure,
.procedure ol {
    counter-reset: item;
}

[dir] ol.procedure,
[dir] ul.procedure,
[dir] .procedure ol {
    margin: 0;
}

[dir="ltr"] ol.procedure,
[dir="ltr"] ul.procedure,
[dir="ltr"] .procedure ol {
    padding-left: 0;
}

[dir="rtl"] ol.procedure,
[dir="rtl"] ul.procedure,
[dir="rtl"] .procedure ol {
    padding-right: 0;
}

ol.procedure > li,
ul.procedure > li {
    list-style: none inside;
    counter-increment: item;
}

ol.procedure > li ul, ol.procedure > li ol,
ul.procedure > li ul, ul.procedure > li ol {
    list-style-position: initial;
}



[dir] ol.procedure > li,
[dir] ul.procedure > li {
    padding-bottom: 1.5rem;
    margin: 20px 0;
}

ol.procedure > li:before,
ul.procedure > li:before {
    display: block;
    width: 34px;
    height: 34px;
    font-size: 19px;
    color: #fff;
    content: counter(item);
}

[dir] ol.procedure > li:before,
[dir] ul.procedure > li:before {
    padding: 8px;
    margin-top: -5px;
    text-align: center;
    background: #6027ce;
}

[dir="ltr"] ol.procedure > li:before,
[dir="ltr"] ul.procedure > li:before {
    float: left;
    margin-right: 10px;
}

/* LINK */
a.link {
    color: #6027ce;
    text-decoration: none;
}
a.link:hover,
a.link:focus {
    color: #45aaf2;
    text-decoration: none;
}

/* Important, notes, etc. */

.article__body .tip, .article__body .note, .article__body .important, .article__body .warning, .article__body .caution, .article__body .danger, .article__body .notice {
  position: relative;  
  background-color: #EDF3FC;
    padding: 3rem 2rem 3rem 2rem;
    border-radius: .5rem;
    margin-bottom: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article__body .tip::before, .article__body .note::before, .article__body .important::before, .article__body .warning::before, .article__body .caution::before, .article__body .danger::before, .article__body .notice::before {
    border-radius: 25px;
    padding: 14px 12px 9px 12px;
    background-color: #45AAF2;
    color: white;
    margin: 0px;
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
    position: absolute;
    left: 3rem;
    font-weight: bold;
    min-width: 6rem;
    text-align: center;
}

.article__body .danger {
    background-color: #f9e8e8;
}

.article__body .tip, .article__body .note {
    padding: 3rem 2rem 3rem 12rem;
}

.article__body .important {
    padding: 3rem 2rem 3rem 16rem;
}

.article__body .warning, .article__body .caution, .article__body .danger, .article__body .notice {
    padding: 3rem 2rem 3rem 15rem;
}


.article__body .tip::before {
    content: 'TIP';
    background-color: #2EB989;
}

.article__body .note::before {
    content: 'NOTE';
    background-color: #45AAF2;
}

.article__body .notice::before {
    content: "NOTICE";
    background-color: #45AAF2;
}

.article__body .important::before {
    content: 'IMPORTANT';
    background-color: #a1a9b5;
}

.article__body .caution::before {
    content: 'CAUTION';
    background-color: #f9eb50;
    color: #152947;
}

.article__body .warning::before {
    content: 'WARNING';
    background-color: #F97E50;
}

.article__body .danger::before {
    content: "DANGER";
    background-color: #ef4545;
}

.article__body .important .title, .article__body .warning .title, .article__body .note .title, .article__body .tip .title, .article__body .caution .title, .article__body .danger .title, .article__body .notice .title {
    margin-bottom: 1rem;
    font-size: 2.5rem;
    color: #2e5596;
}

.article__body .danger .title {
    color: #ef4545;
}

.article__body .important p:last-child, .article__body .warning p:last-child, .article__body .note p:last-child, .article__body .tip p:last-child, .article__body .caution p:last-child , .article__body .danger p:last-child, .article__body .notice p:last-child {
    margin-bottom: 0px;
}


.article__body .guilabel {
    background-color: #EEF7FE;
    padding: 0.5rem;
    color: rgb(5,9,16);
    font-family: IBM Plex Mono,Source Code Pro,Liberation Mono,Courier New,Courier,monospace!important;
    font-size: 1.35rem;
}

/* accordion */
.article__body .accordion {
    border: 0px;
}

.article__body .accordion .panel-heading {
    cursor: pointer;
    position: relative;
}
.article__body .accordion .panel-heading::after {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    content: "\f078";
    display: inline-block;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.article__body .accordion .panel-heading.opened::after {
    transform: scaleY(-1);
    top: 4px;
}

.article__body .accordion .panel .panel-body{
    padding-left: 2rem;
}

/*  Hide Glossary Definitions Text */
.glossary-definitions {
  display: none;
}

/*  Helpcenter Message */

helpcenter-message {
  text-align: center;
  color: #45AAF2;
}

helpcenter-message p {
  font-weight: bold;
  font-size: 25pt;
}

helpcenter-message span {
  font-weight: normal;
  font-size: 20pt;
}

/* ==========================================================================
  Featuretable Tables
  ========================================================================== */

.featuretable-container {
  display: flex;
  margin: 3rem 0;
/*   background-color: #f5f5f5; */
/*   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24); */
  gap: 2rem;
}

.featuretable-container .titlepage, div.sidebar.featuretable-container > a {
  display: none;
}

@media only screen and (max-width: 991px) {
  .featuretable-container {
    display: block;
  }
}

.featuretable-column {
/*   padding: 15px; */
}

.featuretable-column > .titlepage, .featuretable > .titlepage {
  display: none;
}

/* .featuretable {
  width: 95%;
} */

/* ==========================================================================
  Glossterm
  ========================================================================== */

.article__body .glossterm {
  font-size: 18px;
  font-weight: bold;
  color: #162948;
}

.glossterm.has-tooltip {
  position: relative;
}

.glossterm.has-tooltip.is-active:before,
.glossterm.has-tooltip.is-active:after {
  position: absolute;
  display: block;
  content: "";
}

[dir="ltr"] .glossterm.has-tooltip.is-active:before,
[dir="ltr"] .glossterm.has-tooltip.is-active:after {
  left: 50%;
}

[dir="rtl"] .glossterm.has-tooltip.is-active:before,
[dir="rtl"] .glossterm.has-tooltip.is-active:after {
  right: 50%;
}

.glossterm.has-tooltip.is-active:before {
  top: 18px;
  z-index: 2;
}

[dir] .glossterm.has-tooltip.is-active:before {
  border-bottom: 7px solid #fff;
}

[dir="ltr"] .glossterm.has-tooltip.is-active:before {
  border-right: 8px solid transparent;
  border-left: 9px solid transparent;
}

[dir="rtl"] .glossterm.has-tooltip.is-active:before {
  border-right: 9px solid transparent;
  border-left: 8px solid transparent;
}

.glossterm.has-tooltip.is-active:after {
  top: 17px;
  z-index: 1;
}

[dir] .glossterm.has-tooltip.is-active:after {
  border-bottom: 8px solid #ccc;
}

[dir="ltr"] .glossterm.has-tooltip.is-active:after {
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

[dir="rtl"] .glossterm.has-tooltip.is-active:after {
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
}

.glossterm-tooltip {
  position: absolute;
  top: 25px;
  display: none;
  width: 400px;
  font-size: 14px;
  font-weight: 400;
}

[dir] .glossterm-tooltip {
  padding: 20px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

[dir="ltr"] .glossterm-tooltip {
  left: -50%;
}

[dir="rtl"] .glossterm-tooltip {
  right: -50%;
}

table-of-contents > ul {
    margin-bottom: calc(16px * 1.5);
    border-bottom: 1px solid #e5e5e5;
}

.article-author {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  gap: 8px;
  height: 60px;
  font-size: 14px;
}

.article-author .article-meta {
  margin-bottom: 0;
}

.article-author p {
  margin-bottom: 0;
}

.article-author img {
  height: 54px;
}

#lightbox {
    top: 0px !important;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.popover    {
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 3px 3px 3px 0px #ccc;
  transition: 0.3s;
  justify-content: left;
  margin: 15px 15px 15px 15px;
  max-width: 25%;
  text-align: left;
  padding: 1.25rem 1.25rem;
  width: 100%;
}

.hide {
    display: none;
}

.popover .popover-title {
  margin-bottom: 0.75rem;
  display: inline;
}

.popover .popover-content div p {
  display: inline;
}

@media (max-width: 768px) {
  .popover {
    max-width: 75%;    
  }
}

helpcenter-message, .helpcenter-message {
  	text-align: center;
  	position: relative;
  	top: -55px;
}

@media (max-width: 767px) {
	helpcenter-message, .helpcenter-message {
  	text-align: center;
  	position: relative;
  	top: -5px;
	}
}


helpcenter-message p, .helpcenter-message p {
  margin: auto;
  text-align: center;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: bold;
  background-color: #162948;
  color: white;
}

helpcenter-message span, .helpcenter-message span {
  font-weight: normal;
  font-size: 14pt;
  color: white;
}

.helpcenter-header {
  margin-bottom: 0px;
}