/* ==========================================================================
   Import
   ========================================================================== */

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css);

/* ==========================================================================
   v3
   ========================================================================== */

/* --- Variables --- */

:root {
  --surface: #fff;
  --primary: #0071F5;
  --on-primary: #fff;
  --primary-50: rgba(0, 113, 245, .5);

  --secondary: #00D1FF;
  --on-secondary: #fff;
  --secondary-10: rgba(0, 209, 255, .1);
  --secondary-20: rgba(0, 209, 255, .2);

  --important: #1F2225;
  --gray: #E2E6EB;
  --lightgray: #F6F7FA;

  --text-color: #5F6771;
  /* --text-color: #55606b; */
  --text-font-family: 'Jost', sans-serif;
  --text-font-weight: 400;
  /* --text-font-family: 'Heebo', sans-serif;
  --text-font-weight: 400; */
  --text-line-height: 1.5;

  --headings-color: var(--important);
  --headings-font-family: 'Jost', sans-serif;
  --headings-font-weight: 600;
  /* --headings-font-family: 'Heebo', sans-serif;
  --headings-font-weight: 800; */
  --headings-line-height: 1.1;
  
  --small-shadow: 0 4px 4px rgba(31, 34, 37, .08);
  --medium-shadow: 0 8px 16px rgba(31, 34, 37, .08);

  --primary-gradient: linear-gradient(135deg, var(--secondary) 25%, var(--primary) 75%);
}

/* --- Animations --- */

@keyframes uiPop {
  from {
    opacity: 0;
    transform: scale(.9) translateZ(0);
  }
  to {
    opacity: 1;
    transform: scale(1) translateZ(0);
  }
}

/* --- Base --- */

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

html,
body {
  height: 100%;
}

html {
  font-family: serif;
  font-size: 112.5%;
}

body {
  margin: 0;
  color: var(--text-color);
  font: var(--text-font-weight) 1rem/var(--text-line-height) var(--text-font-family);
}

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

img {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.d1,
.d2 {
  margin-top: 0;
  margin-bottom: 1.11rem;
  color: var(--headings-color);
  font-family: var(--headings-font-family);
  font-weight: var(--headings-font-weight);
  line-height: var(--headings-line-height);
}

p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6,
p + .h1,
p + .h2,
p + .h3,
p + .h4,
p + .h5,
p + .h6,
p + .d1,
p + .d2,
ul + h1,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
ul + h6,
ul + .h1,
ul + .h2,
ul + .h3,
ul + .h4,
ul + .h5,
ul + .h6,
ul + .d1,
ul + .d2 {
  margin-top: 50px;
}

.d1 {
  font-size: 4.5rem;
}

.d2 {
  font-size: 3.2rem;
}

h1,
.h1 {
  font-size: 2.67rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.2rem;
  line-height: 1.3;
}

@media (max-width: 479px) {
  .d1 {
    font-size: 2.7rem;
  }

  .d2 {
    font-size: 2.2rem;
  }

  h1,
  .h1 {
    font-size: 2rem;
  }

  h2,
  .h2 {
    font-size: 1.7rem;
  }
}

strong {
  color: var(--important);
}

p {
  margin-top: 0;
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  color: var(--important);
  text-decoration: underline;
}

hr {
  height: 1px;
  margin: 2.222rem 0;
  border: none;
  background-color: var(--gray);
}

/* Utility (experimental */

.color\:primary {
  color: var(--primary);
}

.title {

}

.desc {
  font-size: 1.222rem;
}

/* --- Layout --- */

.section {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 6.67rem 15px;
}

.container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 66.67rem;
  max-width: 100%;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.col {
  flex-shrink: 0;
  padding-left: 15px;
  padding-right: 15px;
}

.s12 { width: 100% }
.s11 { width: calc(100% / 12 * 11) }
.s10 { width: calc(100% / 12 * 10) }
.s9  { width: calc(100% / 12 * 9) }
.s8  { width: calc(100% / 12 * 8) }
.s7  { width: calc(100% / 12 * 7) }
.s6  { width: calc(100% / 12 * 6) }
.s5  { width: calc(100% / 12 * 5) }
.s4  { width: calc(100% / 12 * 4) }
.s3  { width: calc(100% / 12 * 3) }
.s2  { width: calc(100% / 12 * 2) }
.s1  { width: calc(100% / 12 * 1) }

@media (max-width: 1139px) {
  .md-s12 { width: 100% }
  .md-s11 { width: calc(100% / 12 * 11) }
  .md-s10 { width: calc(100% / 12 * 10) }
  .md-s9  { width: calc(100% / 12 * 9) }
  .md-s8  { width: calc(100% / 12 * 8) }
  .md-s7  { width: calc(100% / 12 * 7) }
  .md-s6  { width: calc(100% / 12 * 6) }
  .md-s5  { width: calc(100% / 12 * 5) }
  .md-s4  { width: calc(100% / 12 * 4) }
  .md-s3  { width: calc(100% / 12 * 3) }
  .md-s2  { width: calc(100% / 12 * 2) }
  .md-s1  { width: calc(100% / 12 * 1) }
}

@media (max-width: 767px) {
  .sm-s12 { width: 100% }
  .sm-s11 { width: calc(100% / 12 * 11) }
  .sm-s10 { width: calc(100% / 12 * 10) }
  .sm-s9  { width: calc(100% / 12 * 9) }
  .sm-s8  { width: calc(100% / 12 * 8) }
  .sm-s7  { width: calc(100% / 12 * 7) }
  .sm-s6  { width: calc(100% / 12 * 6) }
  .sm-s5  { width: calc(100% / 12 * 5) }
  .sm-s4  { width: calc(100% / 12 * 4) }
  .sm-s3  { width: calc(100% / 12 * 3) }
  .sm-s2  { width: calc(100% / 12 * 2) }
  .sm-s1  { width: calc(100% / 12 * 1) }
}

@media (max-width: 479px) {
  .xs-s12 { width: 100% }
  .xs-s11 { width: calc(100% / 12 * 11) }
  .xs-s10 { width: calc(100% / 12 * 10) }
  .xs-s9  { width: calc(100% / 12 * 9) }
  .xs-s8  { width: calc(100% / 12 * 8) }
  .xs-s7  { width: calc(100% / 12 * 7) }
  .xs-s6  { width: calc(100% / 12 * 6) }
  .xs-s5  { width: calc(100% / 12 * 5) }
  .xs-s4  { width: calc(100% / 12 * 4) }
  .xs-s3  { width: calc(100% / 12 * 3) }
  .xs-s2  { width: calc(100% / 12 * 2) }
  .xs-s1  { width: calc(100% / 12 * 1) }
}

/* --- Layout utility --- */

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

@media (max-width: 1139px) {
  .md-hidden { display: none }
}

@media (max-width: 767px) {
  .sm-hidden { display: none }
}

/* --- Buttons --- */

.btn {
  display: inline-flex;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

.document-loaded a {
  transition-duration: .4s;
  transition-property: background, background-color, color, opacity, border-color, box-shadow;
}

.btn:hover {
  text-decoration: none;
}

.btn--medium {
  padding: .5rem 1.11rem;
  border-radius: 8px;
  font-size: 1rem;
}

.btn--large {
  padding: .78rem 1.56rem;
  border-radius: 10px;
  font-size: 1.2rem;
}

.btn--pill {
  border-radius: 999px;
}

.btn--outline {
  border: 2px solid;
}

.btn--outline.btn--medium {
  padding: calc(.5rem - 2px) calc(1.11rem - 2px);
}

.btn--outline.btn--large {
  padding: calc(.78rem - 2px) calc(1.56rem - 2px);
}

.btn--fill:hover {
  opacity: .9;
}

@media (max-width: 479px) {
  .btn--medium {
    padding: .35rem 1rem;
    border-radius: 8px;
    font-size: .8rem;
  }
  
  .btn--large {
    padding: .5rem 1.2rem;
    border-radius: 10px;
    font-size: 1rem;
  }
}

/* Surface */

.btn--fill.btn--surface {
  background-color: var(--surface);
  color: var(--primary);
}

.btn--outline.btn--surface {
  border-color: var(--surface);
  color: var(--surface);
}

.btn--outline.btn--surface:hover {
  background-color: var(--surface);
  color: var(--primary);
}

/* Primary */

.btn--fill.btn--primary {
  background-color: var(--primary);
  color: var(--on-primary);
}

.btn--outline.btn--primary {
  border-color: var(--primary);
  color: var(--primary);
}

.btn--outline.btn--primary:hover {
  background-color: var(--primary);
  color: var(--on-primary);
}

/* Secondary */

.btn--fill.btn--secondary {
  background-color: var(--secondary);
  color: var(--on-secondary);
}

.btn--outline.btn--secondary {
  border-color: var(--secondary);
  color: var(--secondary);
}

.btn--outline.btn--secondary:hover {
  background-color: var(--secondary);
  color: var(--on-secondary);
}

/* Light */

.btn--fill.btn--light {
  background-color: var(--lightgray);
  color: var(--important);
}

.btn--outline.btn--light {
  border-color: var(--gray);
  color: var(--important);
}

.btn--outline.btn--light:hover {
  background-color: var(--lightgray);
  border-color: var(--lightgray);
}

.btn__icon {
  display: flex;
  padding-right: .5rem;
}

/* Img */

.img {
  border-radius: 12px;
  box-shadow: var(--medium-shadow);
}

/* Site wrapper  */

.site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}

/* Header */

.header {
  padding-top: 1.11rem;
  padding-bottom: 1.11rem;
  align-items: center;
  color: var(--important);
  position: relative;
  z-index: 10;
}

.header__row {
  align-items: center;
}

.header__logo img {
  vertical-align: top;
}

.header__mobnav {
  display: none;
}

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

.header__nav > ul {
  display: flex;
  flex-wrap: wrap;
}

.header__nav > ul > li {
  margin-right: 60px;
  position: relative;
}

.header__nav > ul > li:last-child {
  margin-right: 0;
}

.header__nav a {
  color: inherit;
  text-decoration: none;
}

.header__nav a:hover {
  color: var(--primary);
}

.header__nav > ul > li > a {
  font-size: 1.22rem;
}

.header__nav ul ul {
  display: none;
  margin: 0;
  padding: 30px;
  list-style: none;
  background: var(--surface);
  box-shadow: var(--medium-shadow);
  border-radius: 12px;
  position: absolute;
  top: 100%;
  left: -30px;
  min-width: 160px;
}

.header__nav li:hover > ul {
  display: block;
  animation: .2s ease-in-out uiPop;
}

.header__nav ul ul a {
  display: block;
  padding: 5px 0;
}

.header__cta {
  text-align: right;
}

@media (max-width: 1139px) {
  .header {
    padding-left: 10px;
  }

  .header__nav {
    display: none;
  }

  .header__logo-mobnav {
    display: flex;
    align-items: center;
  }

  .header__mobnav {
    display: flex;
  }

  .header__mobnav-bg {
    position: fixed;
    top: 84px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
  }

  .header__mobnav-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    padding: 10px;
    margin-right: 10px;
  }

  .header__mobnav-btn svg {
    display: block;
  }

  .header__mobnav-bg,
  .header__mobnav-btn-close,
  .header-mobnav-open .header__mobnav-btn-open {
    display: none;
  }

  .header-mobnav-open .header__mobnav-bg,
  .header-mobnav-open .header__mobnav-btn-close {
    display: block;
  }

  .header-mobnav-open {
    overflow: hidden;
  }

  .header__mobnav-nav {
    display: none;
    position: fixed;
    top: 84px;
    left: 0;
    right: 30%;
    bottom: 0;
    z-index: 999999;
    overflow-y: auto;
    padding-top: 10px;
    background: var(--surface);
    font-size: 1.3rem;
    box-shadow: var(--medium-shadow);
    transition: transform, opacity .4s ease-in-out;
  }

  .header-mobnav-open .header__mobnav-nav {
    display: block;
    animation: mobnav .25s ease-out forwards;
  }

  @keyframes mobnav {
    from {
      opacity: 0;
      transform: translateX(-100%);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }



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

  .header__mobnav-nav > ul {
    padding: 0 25px;
  }

  .header__mobnav-nav li {
    margin: 0;
    padding: 0;
  }

  .header__mobnav-nav > ul > li:not(li:last-child) {
    border-bottom: 1px solid var(--gray);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .header__mobnav-nav a {
    display: block;
    padding: 10px 25px 10px 42px;
    color: var(--important);
    text-decoration: none;
    /* text-align: center; */
    transition-duration: .4s;
    transition-property: background-color;
  }

  .header__mobnav-nav a:hover {
    background-color: var(--lightgray);
  }

  .header__mobnav-nav ul ul {
    font-size: 1rem;
  }
}

@media (max-width: 479px) {
  .header__cta .btn--outline.btn--medium {
    padding: calc(.5rem - 2px);
    border-color: transparent;
  }
  
  .header__cta .btn__text {
    display: none;
  }

  .header__cta .btn__icon {
    padding-right: 0;
  }
}

/* Body  */

.body {
  flex-grow: 1;
}

/* Footer  */

.footer {
  padding-top: 3.335rem;
  border-top: 1px solid var(--gray);
  color: var(--important);
  position: relative;
  z-index: 10;
}

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

.footer__nav > ul {
  display: flex;
  flex-wrap: wrap;
}

.footer__nav > ul > li {
  margin-right: 60px;
  position: relative;
}

.footer__nav > ul > li:last-child {
  margin-right: 0;
}

.footer__nav a {
  color: inherit;
  text-decoration: none;
}

.footer__nav a:hover {
  color: var(--primary);
}

.footer__nav > ul > li > a {
  font-size: 1.22rem;
}

.footer__nav ul ul {
  display: none;
  margin: 0;
  padding: 30px;
  list-style: none;
  background: var(--surface);
  box-shadow: var(--medium-shadow);
  border-radius: 12px;
  position: absolute;
  bottom: 100%;
  left: -30px;
  min-width: 160px;
}

.footer__nav li:hover > ul {
  display: block;
  animation: .2s ease-in-out uiPop;
}

.footer__nav ul ul a {
  display: block;
  padding: 5px 0;
}

.footer__copyright {
  text-align: right;
  font-size: .83rem;
}

@media (max-width: 1139px) {
  .footer {
    padding-bottom: 3.335rem;
  }

  .footer__copyright {
    text-align: center;
  }
}

/* ==========================================================================
   Lightbox
   ========================================================================== */

/*!
 * Lightbox v2.8.1
 * by Lokesh Dhakar
 *
 * More info:
 * http://lokeshdhakar.com/projects/lightbox2/
 *
 * Copyright 2007, 2015 Lokesh Dhakar
 * Released under the MIT license
 * https://github.com/lokesh/lightbox2/blob/master/LICENSE
 */.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(/files/images/lb2-close.png) url(/files/images/lb2-loading.gif) url(/files/images/lb2-prev.png) url(/files/images/lb2-next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/files/images/lb2-loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/files/images/lb2-prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/files/images/lb2-next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/files/images/lb2-close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

/* Custom styles */

.lb-disable-scrolling {
  overflow: hidden;
}

/* ==========================================================================
   Prism
   ========================================================================== */

/* PrismJS 1.10.0
http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

/* PrismJS 1.25.0
https://prismjs.com/download.html?#themes=prism&languages=markup+css+clike+javascript+django+markup-templating */
code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}

/* ==========================================================================
   Old Base
   ========================================================================== */

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background-color: rgba(31, 34, 37, .1);
  border-radius: 8px;
}
 
::-webkit-scrollbar-thumb {
  background-color: rgba(31, 34, 37, .2);
  border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(31, 34, 37, .3);
}

.unstyled,
.unstyled ul,
.unstyled ol {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.unstyled ul,
.unstyled ol {
  margin-top: .5em;
  font-size: .8em;
}

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

.field {
  margin-bottom: 30px;
}

.control.type {
  display: inline-block;
  width: 100%;
  padding: 11px 16px;
  background-color: var(--surface);
  border: 1px solid var(--gray);
  border-radius: 8px;
  box-shadow: var(--small-shadow);
  color: var(--important);
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  transition: opacity, background-color, border-color 0.3s;
}

.control.type:focus {
  outline: 0;
  box-shadow: var(--medium-shadow);
}

.control.type::placeholder {
  color: var(--important);
  opacity: 1;
}

.has-error .control.type {
  border-color: #fa5845 !important;
}

.blue .control.type,
.dark .control.type,
.reddish .control.type,
.green .control.type,
.darkgreen .control.type {
  background-color: #fff;
}

::-webkit-input-placeholder {
  color: #8d9db1;
  opacity: 1;
}

:-moz-placeholder {
  color: #8d9db1;
  opacity: 1;
}

::-moz-placeholder {
  color: #8d9db1;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #8d9db1;
  opacity: 1;
}

.control.tap {
  margin-right: 5px;
  -webkit-webkit-appearance: none;
}

.control.tap {
  margin-right: 5px;
  -webkit-webkit-appearance: none;
}

.form-loading,
form.working .form-fields {
  display: none;
}

form.working .form-loading {
  display: block;
}

.form-loading {
  padding: 50px 30px;
}

.form-loading i.fa {
  font-size: 25px;
}

.form-success {}

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


/* Wrappers
-------------------- */

.cta.middle {
  margin: 50px 0;
}

.cta.top {
  margin-bottom: 50px;
}

.cta.bottom {
  margin-top: 50px;
}

/* Buttons
-------------------- */

/* .btn {
  display: inline-block;
  min-width: 140px;
  max-width: 100%;
  padding: 14px 20px;
  position: relative;
  background: #fa5845;
  background: linear-gradient(135deg, #fa5845 0%,#fa7845 100%);
  border: none;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  vertical-align: middle;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
} */
/* 
.btn:focus {
  outline: 0;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .15);
} */

/* .btn.empty {
  padding-top: 12px;
  padding-bottom: 12px;
  border: 2px solid;
  background: none;
  border-color: #29384b;
  color: #29384b;
  box-shadow: none;
}

.btn.empty:hover {
  background: #29384b;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .15);
  color: #fff;
  transform: none;
} */

/*.btn.empty.alt:hover {
  border-color: #29384b;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .15);
  color: #29384b;
}*/

/* .btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
}

.btn-sub {
  display: block;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  font-size: 11px;
  font-weight: normal;
} */

/* ==========================================================================
   Code examples
   ========================================================================== */

code {
  color: var(--important);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 14px;
}

pre.no-scroll,
pre.no-scroll code,
pre[class*=language-].no-scroll,
pre[class*=language-].no-scroll code[class*=language-] {
  white-space: pre-wrap;
  word-wrap: break-word;
}

pre[class*=language-],
pre.code-block {
  max-height: none;
  margin: 20px 0 50px;
  padding: 20px;
  overflow: auto;
  background: var(--surface);
  border: 1px solid var(--gray);
  border-radius: 8px;
  box-shadow: var(--medium-shadow);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  color: var(--text-color);
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.code-wrap:hover pre[class*=language-],
.code-wrap:hover pre.code-block {
  box-shadow: var(--medium-shadow);
}

pre[class*=language-]:after,
pre[class*=language-]:before,
code[class*="language-"]:after,
code[class*="language-"]:after {
  display: none !important;
}

pre[class*=language-] span {
  background: none !important;
}

code[class*=language] {
  max-height: none;
  height: auto;
  padding: 0;
  display: inline;
  overflow: auto;
}

.code-wrap {
  position: relative;
}

.code-highlight {
  padding: 2px 3px 0 !important;
  background-color: #00aeef !important;
  border-radius: 4px;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 14px;
  line-height: 14px !important;
  vertical-align: middle !important;
}

em.code-highlight {
  display: inline-block;
  padding: 2px 3px 0 !important;
  background-color: #00aeef;
  border-radius: 4px;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  font-size: 14px;
  line-height: 14px !important;
  font-style: normal;
  vertical-align: middle !important;
}

.code-highlight,
.code-highlight * {
  color: #fff !important;
}

.code-highlight * {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}

.inline-code,
.ic {
  display: inline-block !important;
  vertical-align: middle;
  margin: 0 5px !important;
  padding: 2px 10px !important;
  background: #fff !important;
  border: 1px solid #e8eff7;
  border-radius: 5px;
  box-shadow: var(--small-shadow);
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  color: var(--important);
  font-size: 14px !important;
  line-height: 1.5 !important;
  /* 2021.05.18 */
  max-width: 100%;
  white-space: normal;
  word-break: break-all;
}

pre[data-keep-tags*="strong"] strong {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, .15);
  border-radius: 2px;
  color: #29384b;
}







.middle {
  display: flex;
  align-items: center;
}

/* ==========================================================================
   Content
   ========================================================================== */

.content {
  padding: 100px 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .content:not(.percent) {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.content.percent {
  padding: 10% 0;
}

.content.shape:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url(/files/images/neambo-shape-complex.png) center bottom no-repeat;
  background-size: 100% 500px;
  opacity: .9;
}

.content.alt {
  background: #e8eff7; /* Old browsers */
}

.content.deco {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

/*.content.deco:before {
  content: '';
  display: block;
  position: absolute;
  left: 20%;
  width: 300px;
  top: -50px;
  bottom: -50px;
  z-index: -1;
  transform: skew(10deg);
  background: #d1f9f9;
}*/

.content.deco:after {
  content: '';
  display: block;
  position: absolute;
  left: calc(20% + 120px);
  width: 200px;
  top: -50px;
  bottom: -50px;
  z-index: -1;
  transform: skew(10deg);
  background: rgba(255, 255, 255, .5);
}

/* ==========================================================================
   Text block
   ========================================================================== */

.text-block {
  display: inline-block;
  width: 400px;
  max-width: 100%;
  text-align: left;
}

@media (max-width: 767px) {
  .text-block {
    margin-bottom: 50px;
    text-align: center;
  }
}

/* ==========================================================================
   Side Menu
   ========================================================================== */

.side-menu {
  font-size: 18px;
  color: var(--important);
}

@media (min-width: 768px) {
  .side-menu {
    padding: 30px 0 30px 16px;
    max-height: 650px;
    overflow-y: auto;
  }
}

.side-menu hr {
  margin: 30px 0 30px -16px;
  max-width: 220px;
}

/* Scrollbars */

.side-menu::-scrollbar {
  width: 8px;
}

.side-menu::-webkit-scrollbar-track {
  background-color: rgba(31, 34, 37, .1);
  border-radius: 8px;
}
 
.side-menu::-webkit-scrollbar-thumb {
  background-color: rgba(31, 34, 37, .2);
  border-radius: 8px;
}

.side-menu::-webkit-scrollbar-thumb:hover {
  background-color: rgba(31, 34, 37, .3);
}

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

.side-menu a {
  display: block;
  padding: 5px 0;
  color: inherit;
}

.side-menu a:hover,
.side-menu a:active {
  opacity: .7;
  text-decoration: none;
}

.side-menu li ul {
  overflow: hidden;
  height: 0;
  opacity: 0;
  font-size: 15px;
  padding-left: 8px;
  opacity: .8;
}

.show-when-side-menu-is-ready.ready .side-menu li ul {
  transition: .4s;
}

.side-menu .expanded > ul,
.side-menu ul ul ul ul {
  height: auto;
  opacity: 1;
  padding-bottom: 30px;
}

.side-menu .active > a,
.side-menu .expanded > a {
  color: var(--primary);
}

/* ==========================================================================
   Sticky Item
   ========================================================================== */

.sticky-item-wrapper {
  z-index: 9997;
}

.sticky-item-wrapper.flat {
  left: auto !important;
  top: auto !important;
  bottom: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   Breadcrumbs
   ========================================================================== */

.breadcrumbs {
  padding: 80px 0 0;
  color: #8d9db1;
}

.breadcrumbs-top .breadcrumbs {
  padding: 18px 0 40px;
}

.breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: .833rem;
}

.breadcrumbs .nav-parent > li {
  display: inline-block;
}

.breadcrumbs .nav-parent > li:after {
  content: "\0203A";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  opacity: .5;
}

/*.breadcrumbs .nav-parent > li.current {
  opacity: 0.5;
}*/

.breadcrumbs .nav-parent > li.current:after {
  display: none;
}

/* ==========================================================================
   Magnific popup
   ========================================================================== */

.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{text-align:center;position:absolute}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;top:50%;width:auto;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* Custom */

.mfp-is-open {
  /* overflow: hidden; */
}

.mfp-bg {
  background-color: #000 !important;
  -webkit-animation: none !important;
  -o-animation: none !important;
  animation: none !important;
  opacity: 0.7 !important;
  z-index: 9998;
}

.mfp-wrap {
  z-index: 9999;
}

.mfp-content {
  border-radius: 8px;
  overflow: hidden;
}

.mfp-iframe-holder .mfp-content {
  max-width: 1300px;
}

.mfp-iframe-scaler.mbp {
  padding-top: 62.5%;
}

.mfp-bg.animated,
.mfp-wrap.animated {
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}

.mfp-iframe-scaler iframe {
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s, transform 0.4s;
  -o-transition: opacity 0.4s, -o-transform 0.4s, transform 0.4s;
  transition: opacity 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s, -ms-transform 0.4s, -o-transform 0.4s, transform 0.4s;
  background-color: #fff;
  -webkit-box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.9);
  box-shadow: 0 20px 50px -10px rgba(0, 0, 0, 0.9);
  border-radius: 5px;
}

.mfp-close {
  padding: 0 !important;
  top: 10px !important;
  right: 10px !important;
  width: 40px !important;
  height: 40px !important;
  background-color: #fff !important;
  border-radius: 100% !important;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .3) !important;
  line-height: 40px !important;
  color: #29384b !important;
  opacity: 1 !important;
  text-align: center !important;
  opacity: 0 !important;
  transition: .4s !important;
}

.mfp-content:hover .mfp-close {
  opacity: 1 !important;
}

@media (max-width: 1600px) {

  .mfp-iframe-holder .mfp-content {
    max-width: 1000px;
  }
}

@media (max-width: 1440px) {

  .mfp-iframe-holder .mfp-content {
    max-width: 960px;
  }
}

/* ==========================================================================
   Number list
   ========================================================================== */


.number-list {
  position: relative;
  padding: 30px 30px 30px 90px;
  margin: 50px 0;
  border-radius: 8px;
  background-color: #fff;
  border: 1px solid #e8eff7;
}

.number-icon {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 30px;
  left: 30px;
  background: #FA5845;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
}

/* ==========================================================================
   Support note
   ========================================================================== */

.support-note {
  margin: 50px 0;
  padding: 30px;
  background-color: var(--lightgray);
  border-radius: 8px;
  font-size: .9rem;
  border-left: 3px solid var(--primary);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* ==========================================================================
   Support Sidebar and Content
   ========================================================================== */

@media (min-width: 768px) {
  .support-sidebar {
    margin-top: -10px;
    padding-right: 50px;
  }
}

.support-sidebar .side-search {
  position: relative;
  padding-top: 10px;
}

.support-sidebar--act3 .side-search img {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 1;
}

.support-sidebar--act3 .side-search input {
  padding-right: 60px !important;
}

@media (max-width: 767px) {

  .support-sidebar {
    order: 2;
  }

  .support-content {
    order: 1;
  }
}

/* ==========================================================================
   Screenshot
   ========================================================================== */

.ss {
  margin-bottom: 50px;
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e8eff7;
  border-radius: 8px;
  box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .15);
}

@media (max-width: 767px) {
  .ss {
    margin-bottom: 30px;
  }
}

/* ==========================================================================
   Next article
   ========================================================================== */

.prev-article,
.next-article {
  margin-top: 50px;
  font-size: 16px;
}

.next-article {
  text-align: right;
}

.prev-article a:before {
  content: '\2039';
  padding-right: 6px;
}

.next-article a:after {
  content: '\203A';
  padding-left: 6px;
}

.prev-article a:hover,
.prev-article a:active,
.next-article a:hover,
.next-article a:active {
  text-decoration: none;
  color: #29384b;
}

@media (max-width: 767px) {
  .prev-article,
  .next-article {
    margin-top: 20px;
  }
}

/* ==========================================================================
   Utility
   ========================================================================== */

.tl { text-align: left !important; }
.tc { text-align: center !important; }
.tr { text-align: right !important; }
.tj { text-align: justify !important; }

.ttu { text-transform: uppercase; }

.text-small { font-size: 0.7em;  }

.p0  { padding:   0 !important; }
.p1  { padding:   1px !important; }
.p2  { padding:   2px !important; }
.p3  { padding:   3px !important; }
.p4  { padding:   4px !important; }
.p5  { padding:   5px !important; }
.p6  { padding:   6px !important; }
.p7  { padding:   7px !important; }
.p8  { padding:   8px !important; }
.p9  { padding:   9px !important; }
.p10   { padding:  10px !important; }
.p15   { padding:  15px !important; }
.p20   { padding:  20px !important; }
.p30   { padding:  30px !important; }
.p40   { padding:  40px !important; }
.p50   { padding:  50px !important; }
.p60   { padding:  60px !important; }
.p70   { padding:  70px !important; }
.p80   { padding:  80px !important; }
.p90   { padding:  90px !important; }
.p100  { padding: 100px !important; }
.p150  { padding: 150px !important; }
.p200  { padding: 200px !important; }

.ptb0  { padding-top:   0 !important; padding-bottom:   0 !important; }
.ptb1  { padding-top:   1px !important; padding-bottom:   1px !important; }
.ptb2  { padding-top:   2px !important; padding-bottom:   2px !important; }
.ptb3  { padding-top:   3px !important; padding-bottom:   3px !important; }
.ptb4  { padding-top:   4px !important; padding-bottom:   4px !important; }
.ptb5  { padding-top:   5px !important; padding-bottom:   5px !important; }
.ptb6  { padding-top:   6px !important; padding-bottom:   6px !important; }
.ptb7  { padding-top:   7px !important; padding-bottom:   7px !important; }
.ptb8  { padding-top:   8px !important; padding-bottom:   8px !important; }
.ptb9  { padding-top:   9px !important; padding-bottom:   9px !important; }
.ptb10   { padding-top:  10px !important; padding-bottom:  10px !important; }
.ptb15   { padding-top:  15px !important; padding-bottom:  15px !important; }
.ptb20   { padding-top:  20px !important; padding-bottom:  20px !important; }
.ptb30   { padding-top:  30px !important; padding-bottom:  30px !important; }
.ptb40   { padding-top:  40px !important; padding-bottom:  40px !important; }
.ptb50   { padding-top:  50px !important; padding-bottom:  50px !important; }
.ptb60   { padding-top:  60px !important; padding-bottom:  60px !important; }
.ptb70   { padding-top:  70px !important; padding-bottom:  70px !important; }
.ptb80   { padding-top:  80px !important; padding-bottom:  80px !important; }
.ptb90   { padding-top:  90px !important; padding-bottom:  90px !important; }
.ptb100  { padding-top: 100px !important; padding-bottom: 100px !important; }
.ptb150  { padding-top: 150px !important; padding-bottom: 150px !important; }
.ptb200  { padding-top: 200px !important; padding-bottom: 200px !important; }

.pt0  { padding-top:   0 !important; }
.pt1  { padding-top:   1px !important; }
.pt2  { padding-top:   2px !important; }
.pt3  { padding-top:   3px !important; }
.pt4  { padding-top:   4px !important; }
.pt5  { padding-top:   5px !important; }
.pt6  { padding-top:   6px !important; }
.pt7  { padding-top:   7px !important; }
.pt8  { padding-top:   8px !important; }
.pt9  { padding-top:   9px !important; }
.pt10   { padding-top:  10px !important; }
.pt15   { padding-top:  15px !important; }
.pt20   { padding-top:  20px !important; }
.pt30   { padding-top:  30px !important; }
.pt40   { padding-top:  40px !important; }
.pt50   { padding-top:  50px !important; }
.pt60   { padding-top:  60px !important; }
.pt70   { padding-top:  70px !important; }
.pt80   { padding-top:  80px !important; }
.pt90   { padding-top:  90px !important; }
.pt100  { padding-top: 100px !important; }
.pt150  { padding-top: 150px !important; }
.pt200  { padding-top: 200px !important; }

.pb0  { padding-bottom:   0 !important; }
.pb1  { padding-bottom:   1px !important; }
.pb2  { padding-bottom:   2px !important; }
.pb3  { padding-bottom:   3px !important; }
.pb4  { padding-bottom:   4px !important; }
.pb5  { padding-bottom:   5px !important; }
.pb6  { padding-bottom:   6px !important; }
.pb7  { padding-bottom:   7px !important; }
.pb8  { padding-bottom:   8px !important; }
.pb9  { padding-bottom:   9px !important; }
.pb10   { padding-bottom:  10px !important; }
.pb15   { padding-bottom:  15px !important; }
.pb20   { padding-bottom:  20px !important; }
.pb30   { padding-bottom:  30px !important; }
.pb40   { padding-bottom:  40px !important; }
.pb50   { padding-bottom:  50px !important; }
.pb60   { padding-bottom:  60px !important; }
.pb70   { padding-bottom:  70px !important; }
.pb80   { padding-bottom:  80px !important; }
.pb90   { padding-bottom:  90px !important; }
.pb100  { padding-bottom: 100px !important; }
.pb150  { padding-bottom: 150px !important; }
.pb200  { padding-bottom: 200px !important; }

.pl0  { padding-left:   0 !important; }
.pl1  { padding-left:   1px !important; }
.pl2  { padding-left:   2px !important; }
.pl3  { padding-left:   3px !important; }
.pl4  { padding-left:   4px !important; }
.pl5  { padding-left:   5px !important; }
.pl6  { padding-left:   6px !important; }
.pl7  { padding-left:   7px !important; }
.pl8  { padding-left:   8px !important; }
.pl9  { padding-left:   9px !important; }
.pl10   { padding-left:  10px !important; }
.pl15   { padding-left:  15px !important; }
.pl20   { padding-left:  20px !important; }
.pl30   { padding-left:  30px !important; }
.pl40   { padding-left:  40px !important; }
.pl50   { padding-left:  50px !important; }
.pl60   { padding-left:  60px !important; }
.pl70   { padding-left:  70px !important; }
.pl80   { padding-left:  80px !important; }
.pl90   { padding-left:  90px !important; }
.pl100  { padding-left: 100px !important; }
.pl150  { padding-left: 150px !important; }
.pl200  { padding-left: 200px !important; }

.pr0  { padding-right:   0 !important; }
.pr1  { padding-right:   1px !important; }
.pr2  { padding-right:   2px !important; }
.pr3  { padding-right:   3px !important; }
.pr4  { padding-right:   4px !important; }
.pr5  { padding-right:   5px !important; }
.pr6  { padding-right:   6px !important; }
.pr7  { padding-right:   7px !important; }
.pr8  { padding-right:   8px !important; }
.pr9  { padding-right:   9px !important; }
.pr10   { padding-right:  10px !important; }
.pr15   { padding-right:  15px !important; }
.pr20   { padding-right:  20px !important; }
.pr30   { padding-right:  30px !important; }
.pr40   { padding-right:  40px !important; }
.pr50   { padding-right:  50px !important; }
.pr60   { padding-right:  60px !important; }
.pr70   { padding-right:  70px !important; }
.pr80   { padding-right:  80px !important; }
.pr90   { padding-right:  90px !important; }
.pr100  { padding-right: 100px !important; }
.pr150  { padding-right: 150px !important; }
.pr200  { padding-right: 200px !important; }

.m0   { margin:   0 !important; }
.m1   { margin:   1px !important; }
.m2   { margin:   2px !important; }
.m3   { margin:   3px !important; }
.m4   { margin:   4px !important; }
.m5   { margin:   5px !important; }
.m6   { margin:   6px !important; }
.m7   { margin:   7px !important; }
.m8   { margin:   8px !important; }
.m9   { margin:   9px !important; }
.m10  { margin:  10px !important; }
.m15  { margin:  15px !important; }
.m20  { margin:  20px !important; }
.m30  { margin:  30px !important; }
.m40  { margin:  40px !important; }
.m50  { margin:  50px !important; }
.m60  { margin:  60px !important; }
.m70  { margin:  70px !important; }
.m80  { margin:  80px !important; }
.m90  { margin:  90px !important; }
.m100 { margin: 100px !important; }

.mtb0   { margin-top:   0 !important; margin-bottom:   0 !important; }
.mtb1   { margin-top:   1px !important; margin-bottom:   1px !important; }
.mtb2   { margin-top:   2px !important; margin-bottom:   2px !important; }
.mtb3   { margin-top:   3px !important; margin-bottom:   3px !important; }
.mtb4   { margin-top:   4px !important; margin-bottom:   4px !important; }
.mtb5   { margin-top:   5px !important; margin-bottom:   5px !important; }
.mtb6   { margin-top:   6px !important; margin-bottom:   6px !important; }
.mtb7   { margin-top:   7px !important; margin-bottom:   7px !important; }
.mtb8   { margin-top:   8px !important; margin-bottom:   8px !important; }
.mtb9   { margin-top:   9px !important; margin-bottom:   9px !important; }
.mtb10  { margin-top:  10px !important; margin-bottom:  10px !important; }
.mtb15  { margin-top:  15px !important; margin-bottom:  15px !important; }
.mtb20  { margin-top:  20px !important; margin-bottom:  20px !important; }
.mtb30  { margin-top:  30px !important; margin-bottom:  30px !important; }
.mtb40  { margin-top:  40px !important; margin-bottom:  40px !important; }
.mtb50  { margin-top:  50px !important; margin-bottom:  50px !important; }
.mtb60  { margin-top:  60px !important; margin-bottom:  60px !important; }
.mtb70  { margin-top:  70px !important; margin-bottom:  70px !important; }
.mtb80  { margin-top:  80px !important; margin-bottom:  80px !important; }
.mtb90  { margin-top:  90px !important; margin-bottom:  90px !important; }
.mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.mt0   { margin-top:   0 !important; }
.mt1   { margin-top:   1px !important; }
.mt2   { margin-top:   2px !important; }
.mt3   { margin-top:   3px !important; }
.mt4   { margin-top:   4px !important; }
.mt5   { margin-top:   5px !important; }
.mt6   { margin-top:   6px !important; }
.mt7   { margin-top:   7px !important; }
.mt8   { margin-top:   8px !important; }
.mt9   { margin-top:   9px !important; }
.mt10  { margin-top:  10px !important; }
.mt15  { margin-top:  15px !important; }
.mt20  { margin-top:  20px !important; }
.mt30  { margin-top:  30px !important; }
.mt40  { margin-top:  40px !important; }
.mt50  { margin-top:  50px !important; }
.mt60  { margin-top:  60px !important; }
.mt70  { margin-top:  70px !important; }
.mt80  { margin-top:  80px !important; }
.mt90  { margin-top:  90px !important; }
.mt100 { margin-top: 100px !important; }
.mt110 { margin-top: 110px !important; }

.mb0   { margin-bottom:   0 !important; }
.mb1   { margin-bottom:   1px !important; }
.mb2   { margin-bottom:   2px !important; }
.mb3   { margin-bottom:   3px !important; }
.mb4   { margin-bottom:   4px !important; }
.mb5   { margin-bottom:   5px !important; }
.mb6   { margin-bottom:   6px !important; }
.mb7   { margin-bottom:   7px !important; }
.mb8   { margin-bottom:   8px !important; }
.mb9   { margin-bottom:   9px !important; }
.mb10  { margin-bottom:  10px !important; }
.mb15  { margin-bottom:  15px !important; }
.mb20  { margin-bottom:  20px !important; }
.mb30  { margin-bottom:  30px !important; }
.mb40  { margin-bottom:  40px !important; }
.mb50  { margin-bottom:  50px !important; }
.mb60  { margin-bottom:  60px !important; }
.mb70  { margin-bottom:  70px !important; }
.mb80  { margin-bottom:  80px !important; }
.mb90  { margin-bottom:  90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb110 { margin-bottom: 110px !important; }

.mlr0  { margin-left:  0 !important; margin-right:  0 !important; }
.mlr1  { margin-left:  1px !important; margin-right:  1px !important; }
.mlr2  { margin-left:  2px !important; margin-right:  2px !important; }
.mlr3  { margin-left:  3px !important; margin-right:  3px !important; }
.mlr4  { margin-left:  4px !important; margin-right:  4px !important; }
.mlr5  { margin-left:  5px !important; margin-right:  5px !important; }
.mlr6  { margin-left:  6px !important; margin-right:  6px !important; }
.mlr7  { margin-left:  7px !important; margin-right:  7px !important; }
.mlr8  { margin-left:  8px !important; margin-right:  8px !important; }
.mlr9  { margin-left:  9px !important; margin-right:  9px !important; }
.mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
.mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
.mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
.mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
.mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
.mlr50 { margin-left: 50px !important; margin-right: 50px !important; }

.ml0  { margin-left:  0 !important; }
.ml1  { margin-left:  1px !important; }
.ml2  { margin-left:  2px !important; }
.ml3  { margin-left:  3px !important; }
.ml4  { margin-left:  4px !important; }
.ml5  { margin-left:  5px !important; }
.ml6  { margin-left:  6px !important; }
.ml7  { margin-left:  7px !important; }
.ml8  { margin-left:  8px !important; }
.ml9  { margin-left:  9px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mr0  { margin-right:  0 !important; }
.mr1  { margin-right:  1px !important; }
.mr2  { margin-right:  2px !important; }
.mr3  { margin-right:  3px !important; }
.mr4  { margin-right:  4px !important; }
.mr5  { margin-right:  5px !important; }
.mr6  { margin-right:  6px !important; }
.mr7  { margin-right:  7px !important; }
.mr8  { margin-right:  8px !important; }
.mr9  { margin-right:  9px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.fs10 { font-size: 10px; }
.fs15 { font-size: 15px; }
.fs20 { font-size: 20px; }
.fs25 { font-size: 25px; }
.fs30 { font-size: 30px; }
.fs35 { font-size: 35px; }
.fs40 { font-size: 40px; }

.center {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px;
}

.center .center {
  padding-left: 0;
  padding-right: 0;
}

.w200  { max-width:  200px !important; }
.w300  { max-width:  300px !important; }
.w400  { max-width:  400px !important; }
.w500  { max-width:  500px !important; }
.w600  { max-width:  600px !important; }
.w700  { max-width:  700px !important; }
.w800  { max-width:  800px !important; }
.w900  { max-width:  900px !important; }
.w1000 { max-width: 1000px !important; }
.w1500 { max-width: 1500px !important; }
.w1600 { max-width: 1600px !important; }

.more {
  display: inline-block;
  font-size: 14px;
}

.radius {
  border-radius: 12px;
}

.gray-text {
  color: #8d9db1;
}

.alt-text {
  color: #8d9db1;
}

.dark-text {
  color: #29384b;
}

.responsive-embed {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding: 0;
}

.responsive-embed.youtube {
  padding-bottom: 56.25%;
}


.responsive-embed.mac {
  padding-top: 62.5%;
}

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

.bg-gray {
  background-color: #e8eff7;
}

/* ==========================================================================
   Utility classes
   ========================================================================== */

@media (max-width: 1139px) {
  .md-tl { text-align: left !important; }
  .md-tc { text-align: center !important; }
  .md-tr { text-align: right !important; }
  .md-tj { text-align: justify !important; }

.md-p0  { padding:   0 !important; }
.md-p1  { padding:   1px !important; }
.md-p2  { padding:   2px !important; }
.md-p3  { padding:   3px !important; }
.md-p4  { padding:   4px !important; }
.md-p5  { padding:   5px !important; }
.md-p6  { padding:   6px !important; }
.md-p7  { padding:   7px !important; }
.md-p8  { padding:   8px !important; }
.md-p9  { padding:   9px !important; }
.md-p10   { padding:  10px !important; }
.md-p15   { padding:  15px !important; }
.md-p20   { padding:  20px !important; }
.md-p30   { padding:  30px !important; }
.md-p40   { padding:  40px !important; }
.md-p50   { padding:  50px !important; }

.md-ptb0  { padding-top:   0 !important; padding-bottom:   0 !important; }
.md-ptb1  { padding-top:   1px !important; padding-bottom:   1px !important; }
.md-ptb2  { padding-top:   2px !important; padding-bottom:   2px !important; }
.md-ptb3  { padding-top:   3px !important; padding-bottom:   3px !important; }
.md-ptb4  { padding-top:   4px !important; padding-bottom:   4px !important; }
.md-ptb5  { padding-top:   5px !important; padding-bottom:   5px !important; }
.md-ptb6  { padding-top:   6px !important; padding-bottom:   6px !important; }
.md-ptb7  { padding-top:   7px !important; padding-bottom:   7px !important; }
.md-ptb8  { padding-top:   8px !important; padding-bottom:   8px !important; }
.md-ptb9  { padding-top:   9px !important; padding-bottom:   9px !important; }
.md-ptb10   { padding-top:  10px !important; padding-bottom:  10px !important; }
.md-ptb15   { padding-top:  15px !important; padding-bottom:  15px !important; }
.md-ptb20   { padding-top:  20px !important; padding-bottom:  20px !important; }
.md-ptb30   { padding-top:  30px !important; padding-bottom:  30px !important; }
.md-ptb40   { padding-top:  40px !important; padding-bottom:  40px !important; }
.md-ptb50   { padding-top:  50px !important; padding-bottom:  50px !important; }
.md-ptb60   { padding-top:  60px !important; padding-bottom:  60px !important; }
.md-ptb70   { padding-top:  70px !important; padding-bottom:  70px !important; }
.md-ptb80   { padding-top:  80px !important; padding-bottom:  80px !important; }
.md-ptb90   { padding-top:  90px !important; padding-bottom:  90px !important; }
.md-ptb100  { padding-top: 100px !important; padding-bottom: 100px !important; }

.md-pt0  { padding-top:   0 !important; }
.md-pt1  { padding-top:   1px !important; }
.md-pt2  { padding-top:   2px !important; }
.md-pt3  { padding-top:   3px !important; }
.md-pt4  { padding-top:   4px !important; }
.md-pt5  { padding-top:   5px !important; }
.md-pt6  { padding-top:   6px !important; }
.md-pt7  { padding-top:   7px !important; }
.md-pt8  { padding-top:   8px !important; }
.md-pt9  { padding-top:   9px !important; }
.md-pt10   { padding-top:  10px !important; }
.md-pt15   { padding-top:  15px !important; }
.md-pt20   { padding-top:  20px !important; }
.md-pt30   { padding-top:  30px !important; }
.md-pt40   { padding-top:  40px !important; }
.md-pt50   { padding-top:  50px !important; }
.md-pt60   { padding-top:  60px !important; }
.md-pt70   { padding-top:  70px !important; }
.md-pt80   { padding-top:  80px !important; }
.md-pt90   { padding-top:  90px !important; }
.md-pt100  { padding-top: 100px !important; }
.md-pt150  { padding-top: 150px !important; }
.md-pt200  { padding-top: 200px !important; }

.md-pb0  { padding-bottom:   0 !important; }
.md-pb1  { padding-bottom:   1px !important; }
.md-pb2  { padding-bottom:   2px !important; }
.md-pb3  { padding-bottom:   3px !important; }
.md-pb4  { padding-bottom:   4px !important; }
.md-pb5  { padding-bottom:   5px !important; }
.md-pb6  { padding-bottom:   6px !important; }
.md-pb7  { padding-bottom:   7px !important; }
.md-pb8  { padding-bottom:   8px !important; }
.md-pb9  { padding-bottom:   9px !important; }
.md-pb10   { padding-bottom:  10px !important; }
.md-pb15   { padding-bottom:  15px !important; }
.md-pb20   { padding-bottom:  20px !important; }
.md-pb30   { padding-bottom:  30px !important; }
.md-pb40   { padding-bottom:  40px !important; }
.md-pb50   { padding-bottom:  50px !important; }
.md-pb60   { padding-bottom:  60px !important; }
.md-pb70   { padding-bottom:  70px !important; }
.md-pb80   { padding-bottom:  80px !important; }
.md-pb90   { padding-bottom:  90px !important; }
.md-pb100  { padding-bottom: 100px !important; }

.md-pl0  { padding-left:   0 !important; }
.md-pl1  { padding-left:   1px !important; }
.md-pl2  { padding-left:   2px !important; }
.md-pl3  { padding-left:   3px !important; }
.md-pl4  { padding-left:   4px !important; }
.md-pl5  { padding-left:   5px !important; }
.md-pl6  { padding-left:   6px !important; }
.md-pl7  { padding-left:   7px !important; }
.md-pl8  { padding-left:   8px !important; }
.md-pl9  { padding-left:   9px !important; }
.md-pl10   { padding-left:  10px !important; }
.md-pl15   { padding-left:  15px !important; }
.md-pl20   { padding-left:  20px !important; }
.md-pl30   { padding-left:  30px !important; }
.md-pl40   { padding-left:  40px !important; }
.md-pl50   { padding-left:  50px !important; }
.md-pl60   { padding-left:  60px !important; }
.md-pl70   { padding-left:  70px !important; }
.md-pl80   { padding-left:  80px !important; }
.md-pl90   { padding-left:  90px !important; }
.md-pl100  { padding-left: 100px !important; }

.md-pr0  { padding-right:   0 !important; }
.md-pr1  { padding-right:   1px !important; }
.md-pr2  { padding-right:   2px !important; }
.md-pr3  { padding-right:   3px !important; }
.md-pr4  { padding-right:   4px !important; }
.md-pr5  { padding-right:   5px !important; }
.md-pr6  { padding-right:   6px !important; }
.md-pr7  { padding-right:   7px !important; }
.md-pr8  { padding-right:   8px !important; }
.md-pr9  { padding-right:   9px !important; }
.md-pr10   { padding-right:  10px !important; }
.md-pr15   { padding-right:  15px !important; }
.md-pr20   { padding-right:  20px !important; }
.md-pr30   { padding-right:  30px !important; }
.md-pr40   { padding-right:  40px !important; }
.md-pr50   { padding-right:  50px !important; }
.md-pr60   { padding-right:  60px !important; }
.md-pr70   { padding-right:  70px !important; }
.md-pr80   { padding-right:  80px !important; }
.md-pr90   { padding-right:  90px !important; }
.md-pr100  { padding-right: 100px !important; }

.md-m0   { margin:   0 !important; }
.md-m1   { margin:   1px !important; }
.md-m2   { margin:   2px !important; }
.md-m3   { margin:   3px !important; }
.md-m4   { margin:   4px !important; }
.md-m5   { margin:   5px !important; }
.md-m6   { margin:   6px !important; }
.md-m7   { margin:   7px !important; }
.md-m8   { margin:   8px !important; }
.md-m9   { margin:   9px !important; }
.md-m10  { margin:  10px !important; }
.md-m15  { margin:  15px !important; }
.md-m20  { margin:  20px !important; }
.md-m30  { margin:  30px !important; }
.md-m40  { margin:  40px !important; }
.md-m50  { margin:  50px !important; }
.md-m60  { margin:  60px !important; }
.md-m70  { margin:  70px !important; }
.md-m80  { margin:  80px !important; }
.md-m90  { margin:  90px !important; }
.md-m100 { margin: 100px !important; }

.md-mtb0   { margin-top:   0 !important; margin-bottom:   0 !important; }
.md-mtb1   { margin-top:   1px !important; margin-bottom:   1px !important; }
.md-mtb2   { margin-top:   2px !important; margin-bottom:   2px !important; }
.md-mtb3   { margin-top:   3px !important; margin-bottom:   3px !important; }
.md-mtb4   { margin-top:   4px !important; margin-bottom:   4px !important; }
.md-mtb5   { margin-top:   5px !important; margin-bottom:   5px !important; }
.md-mtb6   { margin-top:   6px !important; margin-bottom:   6px !important; }
.md-mtb7   { margin-top:   7px !important; margin-bottom:   7px !important; }
.md-mtb8   { margin-top:   8px !important; margin-bottom:   8px !important; }
.md-mtb9   { margin-top:   9px !important; margin-bottom:   9px !important; }
.md-mtb10  { margin-top:  10px !important; margin-bottom:  10px !important; }
.md-mtb15  { margin-top:  15px !important; margin-bottom:  15px !important; }
.md-mtb20  { margin-top:  20px !important; margin-bottom:  20px !important; }
.md-mtb30  { margin-top:  30px !important; margin-bottom:  30px !important; }
.md-mtb40  { margin-top:  40px !important; margin-bottom:  40px !important; }
.md-mtb50  { margin-top:  50px !important; margin-bottom:  50px !important; }
.md-mtb60  { margin-top:  60px !important; margin-bottom:  60px !important; }
.md-mtb70  { margin-top:  70px !important; margin-bottom:  70px !important; }
.md-mtb80  { margin-top:  80px !important; margin-bottom:  80px !important; }
.md-mtb90  { margin-top:  90px !important; margin-bottom:  90px !important; }
.md-mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.md-mt0   { margin-top:   0 !important; }
.md-mt1   { margin-top:   1px !important; }
.md-mt2   { margin-top:   2px !important; }
.md-mt3   { margin-top:   3px !important; }
.md-mt4   { margin-top:   4px !important; }
.md-mt5   { margin-top:   5px !important; }
.md-mt6   { margin-top:   6px !important; }
.md-mt7   { margin-top:   7px !important; }
.md-mt8   { margin-top:   8px !important; }
.md-mt9   { margin-top:   9px !important; }
.md-mt10  { margin-top:  10px !important; }
.md-mt15  { margin-top:  15px !important; }
.md-mt20  { margin-top:  20px !important; }
.md-mt30  { margin-top:  30px !important; }
.md-mt40  { margin-top:  40px !important; }
.md-mt50  { margin-top:  50px !important; }
.md-mt60  { margin-top:  60px !important; }
.md-mt70  { margin-top:  70px !important; }
.md-mt80  { margin-top:  80px !important; }
.md-mt90  { margin-top:  90px !important; }
.md-mt100 { margin-top: 100px !important; }

.md-mb0   { margin-bottom:   0 !important; }
.md-mb1   { margin-bottom:   1px !important; }
.md-mb2   { margin-bottom:   2px !important; }
.md-mb3   { margin-bottom:   3px !important; }
.md-mb4   { margin-bottom:   4px !important; }
.md-mb5   { margin-bottom:   5px !important; }
.md-mb6   { margin-bottom:   6px !important; }
.md-mb7   { margin-bottom:   7px !important; }
.md-mb8   { margin-bottom:   8px !important; }
.md-mb9   { margin-bottom:   9px !important; }
.md-mb10  { margin-bottom:  10px !important; }
.md-mb15  { margin-bottom:  15px !important; }
.md-mb20  { margin-bottom:  20px !important; }
.md-mb30  { margin-bottom:  30px !important; }
.md-mb40  { margin-bottom:  40px !important; }
.md-mb50  { margin-bottom:  50px !important; }
.md-mb60  { margin-bottom:  60px !important; }
.md-mb70  { margin-bottom:  70px !important; }
.md-mb80  { margin-bottom:  80px !important; }
.md-mb90  { margin-bottom:  90px !important; }
.md-mb100 { margin-bottom: 100px !important; }

.md-mlr0  { margin-left:  0 !important; margin-right:  0 !important; }
.md-mlr1  { margin-left:  1px !important; margin-right:  1px !important; }
.md-mlr2  { margin-left:  2px !important; margin-right:  2px !important; }
.md-mlr3  { margin-left:  3px !important; margin-right:  3px !important; }
.md-mlr4  { margin-left:  4px !important; margin-right:  4px !important; }
.md-mlr5  { margin-left:  5px !important; margin-right:  5px !important; }
.md-mlr6  { margin-left:  6px !important; margin-right:  6px !important; }
.md-mlr7  { margin-left:  7px !important; margin-right:  7px !important; }
.md-mlr8  { margin-left:  8px !important; margin-right:  8px !important; }
.md-mlr9  { margin-left:  9px !important; margin-right:  9px !important; }
.md-mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
.md-mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
.md-mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
.md-mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
.md-mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
.md-mlr50 { margin-left: 50px !important; margin-right: 50px !important; }

.md-fs10 { font-size: 10px; }
.md-fs15 { font-size: 15px; }
.md-fs20 { font-size: 20px; }
.md-fs25 { font-size: 25px; }
.md-fs30 { font-size: 30px; }
.md-fs35 { font-size: 35px; }
.md-fs40 { font-size: 40px; }

.md-w200  { max-width:  200px !important; }
.md-w300  { max-width:  300px !important; }
.md-w400  { max-width:  400px !important; }
.md-w500  { max-width:  500px !important; }
.md-w600  { max-width:  600px !important; }
.md-w700  { max-width:  700px !important; }
}

@media (max-width: 767px) {
  .sm-tl { text-align: left !important; }
  .sm-tc { text-align: center !important; }
  .sm-tr { text-align: right !important; }
  .sm-tj { text-align: justify !important; }

  .sm-p0  { padding:   0 !important; }
  .sm-p1  { padding:   1px !important; }
  .sm-p2  { padding:   2px !important; }
  .sm-p3  { padding:   3px !important; }
  .sm-p4  { padding:   4px !important; }
  .sm-p5  { padding:   5px !important; }
  .sm-p6  { padding:   6px !important; }
  .sm-p7  { padding:   7px !important; }
  .sm-p8  { padding:   8px !important; }
  .sm-p9  { padding:   9px !important; }
  .sm-p10   { padding:  10px !important; }
  .sm-p15   { padding:  15px !important; }
  .sm-p20   { padding:  20px !important; }
  .sm-p30   { padding:  30px !important; }
  .sm-p40   { padding:  40px !important; }
  .sm-p50   { padding:  50px !important; }

  .sm-ptb0  { padding-top:   0 !important; padding-bottom:   0 !important; }
  .sm-ptb1  { padding-top:   1px !important; padding-bottom:   1px !important; }
  .sm-ptb2  { padding-top:   2px !important; padding-bottom:   2px !important; }
  .sm-ptb3  { padding-top:   3px !important; padding-bottom:   3px !important; }
  .sm-ptb4  { padding-top:   4px !important; padding-bottom:   4px !important; }
  .sm-ptb5  { padding-top:   5px !important; padding-bottom:   5px !important; }
  .sm-ptb6  { padding-top:   6px !important; padding-bottom:   6px !important; }
  .sm-ptb7  { padding-top:   7px !important; padding-bottom:   7px !important; }
  .sm-ptb8  { padding-top:   8px !important; padding-bottom:   8px !important; }
  .sm-ptb9  { padding-top:   9px !important; padding-bottom:   9px !important; }
  .sm-ptb10   { padding-top:  10px !important; padding-bottom:  10px !important; }
  .sm-ptb15   { padding-top:  15px !important; padding-bottom:  15px !important; }
  .sm-ptb20   { padding-top:  20px !important; padding-bottom:  20px !important; }
  .sm-ptb30   { padding-top:  30px !important; padding-bottom:  30px !important; }
  .sm-ptb40   { padding-top:  40px !important; padding-bottom:  40px !important; }
  .sm-ptb50   { padding-top:  50px !important; padding-bottom:  50px !important; }
  .sm-ptb60   { padding-top:  60px !important; padding-bottom:  60px !important; }
  .sm-ptb70   { padding-top:  70px !important; padding-bottom:  70px !important; }
  .sm-ptb80   { padding-top:  80px !important; padding-bottom:  80px !important; }
  .sm-ptb90   { padding-top:  90px !important; padding-bottom:  90px !important; }
  .sm-ptb100  { padding-top: 100px !important; padding-bottom: 100px !important; }

  .sm-pt0  { padding-top:   0 !important; }
  .sm-pt1  { padding-top:   1px !important; }
  .sm-pt2  { padding-top:   2px !important; }
  .sm-pt3  { padding-top:   3px !important; }
  .sm-pt4  { padding-top:   4px !important; }
  .sm-pt5  { padding-top:   5px !important; }
  .sm-pt6  { padding-top:   6px !important; }
  .sm-pt7  { padding-top:   7px !important; }
  .sm-pt8  { padding-top:   8px !important; }
  .sm-pt9  { padding-top:   9px !important; }
  .sm-pt10   { padding-top:  10px !important; }
  .sm-pt15   { padding-top:  15px !important; }
  .sm-pt20   { padding-top:  20px !important; }
  .sm-pt30   { padding-top:  30px !important; }
  .sm-pt40   { padding-top:  40px !important; }
  .sm-pt50   { padding-top:  50px !important; }
  .sm-pt60   { padding-top:  60px !important; }
  .sm-pt70   { padding-top:  70px !important; }
  .sm-pt80   { padding-top:  80px !important; }
  .sm-pt90   { padding-top:  90px !important; }
  .sm-pt100  { padding-top: 100px !important; }
  .sm-pt150  { padding-top: 150px !important; }
  .sm-pt200  { padding-top: 200px !important; }

  .sm-pb0  { padding-bottom:   0 !important; }
  .sm-pb1  { padding-bottom:   1px !important; }
  .sm-pb2  { padding-bottom:   2px !important; }
  .sm-pb3  { padding-bottom:   3px !important; }
  .sm-pb4  { padding-bottom:   4px !important; }
  .sm-pb5  { padding-bottom:   5px !important; }
  .sm-pb6  { padding-bottom:   6px !important; }
  .sm-pb7  { padding-bottom:   7px !important; }
  .sm-pb8  { padding-bottom:   8px !important; }
  .sm-pb9  { padding-bottom:   9px !important; }
  .sm-pb10   { padding-bottom:  10px !important; }
  .sm-pb15   { padding-bottom:  15px !important; }
  .sm-pb20   { padding-bottom:  20px !important; }
  .sm-pb30   { padding-bottom:  30px !important; }
  .sm-pb40   { padding-bottom:  40px !important; }
  .sm-pb50   { padding-bottom:  50px !important; }
  .sm-pb60   { padding-bottom:  60px !important; }
  .sm-pb70   { padding-bottom:  70px !important; }
  .sm-pb80   { padding-bottom:  80px !important; }
  .sm-pb90   { padding-bottom:  90px !important; }
  .sm-pb100  { padding-bottom: 100px !important; }

  .sm-pl0  { padding-left:   0 !important; }
  .sm-pl1  { padding-left:   1px !important; }
  .sm-pl2  { padding-left:   2px !important; }
  .sm-pl3  { padding-left:   3px !important; }
  .sm-pl4  { padding-left:   4px !important; }
  .sm-pl5  { padding-left:   5px !important; }
  .sm-pl6  { padding-left:   6px !important; }
  .sm-pl7  { padding-left:   7px !important; }
  .sm-pl8  { padding-left:   8px !important; }
  .sm-pl9  { padding-left:   9px !important; }
  .sm-pl10   { padding-left:  10px !important; }
  .sm-pl15   { padding-left:  15px !important; }
  .sm-pl20   { padding-left:  20px !important; }
  .sm-pl30   { padding-left:  30px !important; }
  .sm-pl40   { padding-left:  40px !important; }
  .sm-pl50   { padding-left:  50px !important; }
  .sm-pl60   { padding-left:  60px !important; }
  .sm-pl70   { padding-left:  70px !important; }
  .sm-pl80   { padding-left:  80px !important; }
  .sm-pl90   { padding-left:  90px !important; }
  .sm-pl100  { padding-left: 100px !important; }

  .sm-pr0  { padding-right:   0 !important; }
  .sm-pr1  { padding-right:   1px !important; }
  .sm-pr2  { padding-right:   2px !important; }
  .sm-pr3  { padding-right:   3px !important; }
  .sm-pr4  { padding-right:   4px !important; }
  .sm-pr5  { padding-right:   5px !important; }
  .sm-pr6  { padding-right:   6px !important; }
  .sm-pr7  { padding-right:   7px !important; }
  .sm-pr8  { padding-right:   8px !important; }
  .sm-pr9  { padding-right:   9px !important; }
  .sm-pr10   { padding-right:  10px !important; }
  .sm-pr15   { padding-right:  15px !important; }
  .sm-pr20   { padding-right:  20px !important; }
  .sm-pr30   { padding-right:  30px !important; }
  .sm-pr40   { padding-right:  40px !important; }
  .sm-pr50   { padding-right:  50px !important; }
  .sm-pr60   { padding-right:  60px !important; }
  .sm-pr70   { padding-right:  70px !important; }
  .sm-pr80   { padding-right:  80px !important; }
  .sm-pr90   { padding-right:  90px !important; }
  .sm-pr100  { padding-right: 100px !important; }

  .sm-m0   { margin:   0 !important; }
  .sm-m1   { margin:   1px !important; }
  .sm-m2   { margin:   2px !important; }
  .sm-m3   { margin:   3px !important; }
  .sm-m4   { margin:   4px !important; }
  .sm-m5   { margin:   5px !important; }
  .sm-m6   { margin:   6px !important; }
  .sm-m7   { margin:   7px !important; }
  .sm-m8   { margin:   8px !important; }
  .sm-m9   { margin:   9px !important; }
  .sm-m10  { margin:  10px !important; }
  .sm-m15  { margin:  15px !important; }
  .sm-m20  { margin:  20px !important; }
  .sm-m30  { margin:  30px !important; }
  .sm-m40  { margin:  40px !important; }
  .sm-m50  { margin:  50px !important; }
  .sm-m60  { margin:  60px !important; }
  .sm-m70  { margin:  70px !important; }
  .sm-m80  { margin:  80px !important; }
  .sm-m90  { margin:  90px !important; }
  .sm-m100 { margin: 100px !important; }

  .sm-mtb0   { margin-top:   0 !important; margin-bottom:   0 !important; }
  .sm-mtb1   { margin-top:   1px !important; margin-bottom:   1px !important; }
  .sm-mtb2   { margin-top:   2px !important; margin-bottom:   2px !important; }
  .sm-mtb3   { margin-top:   3px !important; margin-bottom:   3px !important; }
  .sm-mtb4   { margin-top:   4px !important; margin-bottom:   4px !important; }
  .sm-mtb5   { margin-top:   5px !important; margin-bottom:   5px !important; }
  .sm-mtb6   { margin-top:   6px !important; margin-bottom:   6px !important; }
  .sm-mtb7   { margin-top:   7px !important; margin-bottom:   7px !important; }
  .sm-mtb8   { margin-top:   8px !important; margin-bottom:   8px !important; }
  .sm-mtb9   { margin-top:   9px !important; margin-bottom:   9px !important; }
  .sm-mtb10  { margin-top:  10px !important; margin-bottom:  10px !important; }
  .sm-mtb15  { margin-top:  15px !important; margin-bottom:  15px !important; }
  .sm-mtb20  { margin-top:  20px !important; margin-bottom:  20px !important; }
  .sm-mtb30  { margin-top:  30px !important; margin-bottom:  30px !important; }
  .sm-mtb40  { margin-top:  40px !important; margin-bottom:  40px !important; }
  .sm-mtb50  { margin-top:  50px !important; margin-bottom:  50px !important; }
  .sm-mtb60  { margin-top:  60px !important; margin-bottom:  60px !important; }
  .sm-mtb70  { margin-top:  70px !important; margin-bottom:  70px !important; }
  .sm-mtb80  { margin-top:  80px !important; margin-bottom:  80px !important; }
  .sm-mtb90  { margin-top:  90px !important; margin-bottom:  90px !important; }
  .sm-mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; }

  .sm-mt0   { margin-top:   0 !important; }
  .sm-mt1   { margin-top:   1px !important; }
  .sm-mt2   { margin-top:   2px !important; }
  .sm-mt3   { margin-top:   3px !important; }
  .sm-mt4   { margin-top:   4px !important; }
  .sm-mt5   { margin-top:   5px !important; }
  .sm-mt6   { margin-top:   6px !important; }
  .sm-mt7   { margin-top:   7px !important; }
  .sm-mt8   { margin-top:   8px !important; }
  .sm-mt9   { margin-top:   9px !important; }
  .sm-mt10  { margin-top:  10px !important; }
  .sm-mt15  { margin-top:  15px !important; }
  .sm-mt20  { margin-top:  20px !important; }
  .sm-mt30  { margin-top:  30px !important; }
  .sm-mt40  { margin-top:  40px !important; }
  .sm-mt50  { margin-top:  50px !important; }
  .sm-mt60  { margin-top:  60px !important; }
  .sm-mt70  { margin-top:  70px !important; }
  .sm-mt80  { margin-top:  80px !important; }
  .sm-mt90  { margin-top:  90px !important; }
  .sm-mt100 { margin-top: 100px !important; }

  .sm-mb0   { margin-bottom:   0 !important; }
  .sm-mb1   { margin-bottom:   1px !important; }
  .sm-mb2   { margin-bottom:   2px !important; }
  .sm-mb3   { margin-bottom:   3px !important; }
  .sm-mb4   { margin-bottom:   4px !important; }
  .sm-mb5   { margin-bottom:   5px !important; }
  .sm-mb6   { margin-bottom:   6px !important; }
  .sm-mb7   { margin-bottom:   7px !important; }
  .sm-mb8   { margin-bottom:   8px !important; }
  .sm-mb9   { margin-bottom:   9px !important; }
  .sm-mb10  { margin-bottom:  10px !important; }
  .sm-mb15  { margin-bottom:  15px !important; }
  .sm-mb20  { margin-bottom:  20px !important; }
  .sm-mb30  { margin-bottom:  30px !important; }
  .sm-mb40  { margin-bottom:  40px !important; }
  .sm-mb50  { margin-bottom:  50px !important; }
  .sm-mb60  { margin-bottom:  60px !important; }
  .sm-mb70  { margin-bottom:  70px !important; }
  .sm-mb80  { margin-bottom:  80px !important; }
  .sm-mb90  { margin-bottom:  90px !important; }
  .sm-mb100 { margin-bottom: 100px !important; }

  .sm-mlr0  { margin-left:  0 !important; margin-right:  0 !important; }
  .sm-mlr1  { margin-left:  1px !important; margin-right:  1px !important; }
  .sm-mlr2  { margin-left:  2px !important; margin-right:  2px !important; }
  .sm-mlr3  { margin-left:  3px !important; margin-right:  3px !important; }
  .sm-mlr4  { margin-left:  4px !important; margin-right:  4px !important; }
  .sm-mlr5  { margin-left:  5px !important; margin-right:  5px !important; }
  .sm-mlr6  { margin-left:  6px !important; margin-right:  6px !important; }
  .sm-mlr7  { margin-left:  7px !important; margin-right:  7px !important; }
  .sm-mlr8  { margin-left:  8px !important; margin-right:  8px !important; }
  .sm-mlr9  { margin-left:  9px !important; margin-right:  9px !important; }
  .sm-mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
  .sm-mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
  .sm-mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
  .sm-mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
  .sm-mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
  .sm-mlr50 { margin-left: 50px !important; margin-right: 50px !important; }

  .sm-fs10 { font-size: 10px; }
  .sm-fs15 { font-size: 15px; }
  .sm-fs20 { font-size: 20px; }
  .sm-fs25 { font-size: 25px; }
  .sm-fs30 { font-size: 30px; }
  .sm-fs35 { font-size: 35px; }
  .sm-fs40 { font-size: 40px; }

  .sm-w200  { max-width:  200px !important; }
  .sm-w300  { max-width:  300px !important; }
  .sm-w400  { max-width:  400px !important; }
  .sm-w500  { max-width:  500px !important; }
  .sm-w600  { max-width:  600px !important; }
  .sm-w700  { max-width:  700px !important; }
}

/* ==========================================================================
   Popup links
   ========================================================================== */

.popup-youtube:focus {
  outline: 0;
}

/* ==========================================================================
   Act Theme v1 CTA buttons (for support)
   ========================================================================== */

.default-button {
  display: inline-block;
  max-width: 100%;
  padding: 15px 25px;
  background: #ff6114;
  color: #ffffff !important;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none;
  letter-spacing: 0.05em;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.default-button:hover {
  opacity: 0.9;
}

.default-button:active,
.default-button:active:hover {
  -webkit-transform: scale(0.98, 0.98) translateY(2px);
  -ms-transform: scale(0.98, 0.98) translateY(2px);
  transform: scale(0.98, 0.98) translateY(2px);
}

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

.default-button.large {
  padding: 25px 40px;
}

.primary-button.has-margin,
.default-button.has-margin {
  margin: 10px;
}

.default-button.headlines-color {
  background: #000000;
  color: #fff !important;
}

.default-button.white {
  background: #fff;
  color: #000000 !important;
}

.default-button.negative {
  background: none;
  border: 2px solid #ff6114;
  color: #ff6114 !important;
  line-height: 16px;
}

.default-button.negative:hover,
.default-button.negative:active {
  background: #ff6114;
  color: #ffffff !important;
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.default-button.negative.white {
  background: none;
  border: 2px solid #fff;
  color: #fff !important;
}

.default-button.negative.white:hover,
.default-button.negative.white:active {
  background: #fff;
  color: #000 !important;
}

.default-button.negative.headlines-color {
  border: 2px solid #000000;
  color: #000000 !important;
}

.default-button.negative.headlines-color:hover,
.default-button.negative.headlines-color:active {
  background: #000000;
  color: #fff !important;
}

.primary-button {
  display: inline-block;
  padding: 10px 30px;
  background: #fff;
  border: 1px solid #eee;
  border-left: 2px solid #ff6114; -webkit-box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.05); box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.05); color: #000000 !important;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (min-width: 1200px) {

  .primary-button:hover {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  }
}

.primary-button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

.primary-button.large {
  padding: 30px 40px;
  font-size: 25px;
}

.default-button,
.primary-button {
  border-radius: 6px;
}

@media (max-width: 479px) {

  .default-button.large {
    padding: 20px;
  }

  .primary-button.large {
    padding: 20px;
    font-size: 20px;
  }
}

@media (max-width: 320px) {

  .default-button.large {
    padding: 15px; }

  .primary-button.large {
    padding: 15px;
    font-size: 18px;
  }
}

/* ==========================================================================
   Code grid
   ========================================================================== */

.code-grid {
  margin-bottom: 30px;
  text-align: center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.code-grid th,
.code-grid td {
  width: 33%;
  margin: 0;
  padding: 20px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.code-grid th {
  background: #ddd;
  border-color: #fff;
  color: #29384b;
}

.code-grid td {
  background: #f2f2f2;
  color: #29384b;
  font-size: 12px;
}

.code-grid .button img {
  border-radius: 5px;
}

.code-grid textarea {
  width: 100%;
  height: 80px;
  padding: 10px;
  background: none;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  font-weight: normal;
  -webkit-appearance: none;
}

@media (max-width: 800px) {

  .code-grid th {
    display: none;
  }
  
  .code-grid,
  .code-grid tbody,
  .code-grid tr,
  .code-grid td {
    display: block;
    width: 100%;
    text-align: center;
  }

  .code-grid,
  .code-grid td {
    border: none;
  }

  .code-grid td.button {
    padding-top: 50px;
  }

  .code-grid tr {
    border-bottom: 1px solid #5d636d;
  }

  .code-grid textarea {
    text-align: center;
  }
}

/* ==========================================================================
   Table grid
   ========================================================================== */

.table-grid {
  display: block;
  width: 100%;
  margin: 20px 0 50px;
  padding: 20px;
  background: #fff;
  border: 1px solid #e8eff7;
  border-radius: 8px;
  box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .15);
  /*color: #666;*/
  font-size: 14px;
  line-height: 1.5;
}

.table-grid tbody,
.table-grid tr {
  width: 100%;
}

.table-grid th,
.table-grid td {
  padding: 5px 10px;
/*  border-top: 1px solid #eee;
  border-left: 1px solid #eee;*/
}

.table-grid th {
  text-align: left;
  /*color: #29384b;*/
}

.table-grid tr:nth-child(even) td {
  background: var(--lightgray);
}

.table-grid .col-w20 { width: 20%; }
.table-grid .col-w25 { width: 25%; }
.table-grid .col-w30 { width: 30%; }
.table-grid .col-w35 { width: 35%; }
.table-grid .col-w40 { width: 40%; }
.table-grid .col-w45 { width: 45%; }
.table-grid .col-w50 { width: 50%; }
.table-grid .col-w55 { width: 55%; }
.table-grid .col-w60 { width: 60%; }
.table-grid .col-w65 { width: 65%; }
.table-grid .col-w70 { width: 70%; }

.table-grid tr.section > td {
  border-top: 2px solid #ccc;
}

.table-grid hr {
  margin: 2px 0;
  height: 1px;
  background: transparent;
  border: none;
  color: transparent;
}

/* Borders  */

.table-grid--borders tr:nth-child(even) td {
  background: none;
}

.table-grid--borders tr:not(:last-child) > * {
  border-bottom: 1px solid #e8eff7;
}

/* ==========================================================================
   Table border
   ========================================================================== */

.table-border {
  width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #29384b;
  border-top: 1px solid #29384b;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}

.table-border th,
.table-border td {
  border-right: 1px solid #29384b;
  border-bottom: 1px solid #29384b;
  padding: .5em;
}

/* ==========================================================================
   Step list
   ========================================================================== */

.step {
  margin-bottom: 60px;
}

.step.no-sep {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.step-headline {
  position: relative;
  padding-left: 80px;
  padding-top: 15px;
  margin: 100px 0;
}

@media (max-width: 767px) {
  .step-headline {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

.step-icon {
  display: block;
  width: 60px;
  height: 60px;
  margin-top: 0;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 0;
  background: #fa5845;
  border-radius: 50%;
  color: #fff;
  font-size: 22px;
  line-height: 60px;
  font-weight: bold;
  text-align: center;
}

.step-icon.inline {
  display: inline-block;
  vertical-align: middle;
  position: static;
}

.step-icon i {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  line-height: 30px;
}

.step-content > p:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   Tipue search
   ========================================================================== */

.tipue_search_content_title {
  font-size: 22px;
  margin-bottom: 10px;
  line-height: 1.25;
}

.tipue_search_content_url {
  word-wrap: break-word;
  hyphens: auto;
}

.tipue_search_content_text {
  margin-bottom: 40px;
  word-wrap: break-word;
  hyphens: auto;
  font-size: 16px;
}

.tipue_search_content_text .h01 {
  padding: 0 5px;
  background-color: #70edc8;
  border-radius: 4px;
}

#tipue_search_warning {
  margin-bottom: 20px;
}

#tipue_search_results_count {
  margin: 1.5em 0;
  font-size: 0.9em;
}

#tipue_search_foot_boxes {
  list-style-type: none;
  margin: 50px 0 100px;
  padding: 0;
}

#tipue_search_foot_boxes li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 0;
  min-width: 50px;
  text-align: center;
  background: var(--lightgray);
  border-radius: 4px;
  font-size: 16px;
  line-height: 50px;
  position: relative;
  transition: .4s;
}

#tipue_search_foot_boxes li:not(.current):hover {
  background: #fff;
  box-shadow: var(--small-shadow);
}

#tipue_search_foot_boxes li.current {
  pointer-event: none;
  opacity: .5;
}

#tipue_search_foot_boxes li a {
  display: block;
  padding: 0 20px;
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

#tipue_search_foot_boxes li a:hover {
  color: var(--primary);
}

/* ==========================================================================
   Neambo Browser
   ========================================================================== */

.browser {
  overflow: hidden;
  box-shadow: 0 20px 60px -10px rgba(0, 0, 0, .15);
  border-radius: 12px;
}

.browser-bar {
  padding-top: 6.6236%;
  position: relative;
  background: url(/files/images/neambo-browser.svg) left top no-repeat;
  background-size: 100% 100%;
  border-radius: 12px 12px 0 0;
  border: 1px solid #e8eff7;
  border-bottom: none;
}

.browser-page img {
  width: 100%;
  height: auto;
}

/* ==========================================================================
   Act2 Promo 1
   ========================================================================== */

.act2-promo-1 {
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

.act2-promo-1 figure {
  width: 50%;
  margin: 0;
  height: 100vh;
  background: url(/files/images/act2-consistent-design.png) center center no-repeat;
  background-size: 100% auto;
}

.act2-promo-1 article {
  padding-left: 60px;
  max-width: 500px;
}

@media (max-width: 800px) {

  .act2-promo-1 {
    display: block;
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .act2-promo-1 article {
    padding: 0 30px;
    max-width: 100%;
  }

  .act2-promo-1 figure {
    display: none;  
  }
}

/* ==========================================================================
   Covers
   ========================================================================== */

.covers {
  padding: 15px;
  text-align: center;
}

.covers img {
  width: 300px;
  margin: 15px;
  border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .15);
  transition: .4s;
}

.covers img:hover {
  transform: scale(1.1, 1.1) translateY(-5px);
}

.hover-tr-show-video tr td {
  border-top:  2px solid #fff !important;
  border-bottom:  2px solid #fff !important;
}

.hover-tr-show-video tr:hover td {
  border-top:  2px solid #eee !important;
  border-bottom:  2px solid #eee !important;
}

.hover-tr-show-video tr:not(:hover) video {
  visibility: hidden;
}

.hover-tr-show-video td {
  background: #fff !important;
}

/* ==========================================================================
   Hubx page
   ========================================================================== */

.section-hubx {
  background: url(/files/images/hubx-bg.svg) center top no-repeat;
  background-size: 100% 100%;
}

/* ==========================================================================
   Super label
   ========================================================================== */

.super {
  position: absolute;
  top: 12px;
  right: 25%;
  display: block;
  padding: 0 3px;
  background: #fa5845;
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

.super.pro {
  background: #2B384A;
}

/* ==========================================================================
   Quick card
   ========================================================================== */

.quick-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 40px;
  margin-bottom: 50px;
}

.quick-card {
  display: block;
  position: relative;
  padding: 170px 20px 20px;
  color: inherit !important;
  text-decoration: none !important;
  word-wrap: break-word;
  border-radius: 8px;
  overflow: hidden;
  transition: .3s box-shadow;
}

.quick-card:hover {
  box-shadow: var(--medium-shadow);
}

.quick-card img {
  width: 48px;
  height: 48px;
}

@media (min-width: 970px) {
  .quick-card {
    width: calc(33.33% - 60px / 3);
    margin: 0;
  }
}

@media (max-width: 969px) {
  .quick-card {
    width: calc(50% - 60px / 2);
  }
}

@media (max-width: 600px) {
  .quick-card {
    width: calc(100%);
  }
}

.quick-card h3 {
  max-width: 240px;
  font-size: 1.222rem;
  margin-bottom: .556rem;
}

.quick-card p {
  max-width: 240px;
  margin-bottom: 0;
}

.quick-card i {
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--lightgray);
  border-radius: 8px;
  color: var(--primary);
  text-align: center;
  line-height: 150px;
  transition: .3s border-radius;
}

.quick-card:hover i {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.quick-card--primary i {
  background-color: var(--primary);
  color: var(--on-primary);
}

.quick-card--secondary i {
  background-color: var(--secondary);
  color: var(--on-secondary);
}

.quick-card.hidden {
  opacity: 0;
  visibility: hidden;
}

.quick-card i.alt-1 {
  background-color: #40C8F4;
}

.quick-card i img,
.quick-card i svg {
  width: 54px;
  height: 54px;
  vertical-align: middle;
}

/* ==========================================================================
   Info block
   ========================================================================== */

.info-block {
  margin-bottom: 48px;
  font-size: 16px;
  border: 1px solid #e8eff7;
  border-radius: 8px;
  padding: 10px;
}

.info-block__item {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e8eff7;
  padding: 10px;
}

.info-block--with-img .info-block__item {
  align-items: center;
}

.info-block__item:last-child {
  border-bottom: none;
}

.info-block__item--devs {
  background: #F8F9FB;
}

.info-block__intro {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8eff7;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #29384b;
}

.info-block__title {
  width: 30%;
  flex-shrink: 0;
  font-weight: bold;
  color: #29384b;
}

.info-block--with-img .info-block__title {
  width: 17%;
}

.info-block__img {
  width: 33%;
}

.info-block__desc {
  width: 70%;
  padding-left: 20px;
}

.info-block--with-img .info-block__desc {
  width: 50%;
}

.info-block__desc div + div {
  margin-top: 15px;
}

.info-block__psi {
  font-weight: bold;
}

.info-block__psi--low {
  color: #09CE6B;
}

.info-block__psi--medium {
  color: #FFA400;
}

.info-block__psi--high {
  color: #FF4E42;
}

.info-block__note {
  width: 100%;
  background: var(--lightgray);
  padding: 20px;
  border-radius: 8px;
}

@media (max-width: 767px) {
  .info-block__item {
    display: block;
  }

  .info-block__title,
  .info-block--with-img .info-block__title,
  .info-block__img,
  .info-block__desc,
  .info-block--with-img .info-block__desc {
    width: 100%;
  }

  .info-block__desc {
    padding-left: 0;
  }

  .info-block__title,
  .info-block__img,
  .info-block__desc {
    margin-bottom: 20px;
  }
}

/* ==========================================================================
   Preview
   ========================================================================== */

.preview {
  padding: 30px;
  border: 1px solid #e8eff7;
  border-radius: 8px;
  text-align: center;
}

/* ==========================================================================
   Xmas
   ========================================================================== */

.site-header-logo .xmas {
  display: block;
  width: 90px;
  height: 83px;
  background: url(https://neambo.com/files/images/xmas.svg) center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 56px;
  top: 7px;
  transform: rotate(24deg);
}/* <span class="xmas"></span> after img inside .site-header-logo */

/* ==========================================================================
   Support notice for holidays
   ========================================================================== */

/* in header before .site-header */
/*<div class="support-notice-pre"></div>
<div class="support-notice">Our Customer Support will be limited for the holidays (from December 23rd until January 2nd). You can continue submitting your requests via email (contact@neambo.com) or by filling out our <a href="/contact">Contact form</a> and we'll respond to all your questions on our return. Happy Holidays! -Neambo Team
</div>*/

.support-notice-pre {
  padding-top: 40px;
}

.support-notice {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 18px;
  background: #fa5845;
  color: white;
  z-index: 100;
}

.support-notice a {
  color: #fff;
  text-decoration: underline;
}

/* ==========================================================================
   External link
   ========================================================================== */

.ext-link::after {
  content: "\f35d";
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-size: .6em;
  margin-left: .3em;
  margin-right: .3em;
  margin-top: .6em;
  vertical-align: top;
}

/* ==========================================================================
   HS link
   ========================================================================== */

.hs-link::after {
  content: "\f3b2";
  display: inline-block;
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  font-style: normal;
  font-size: .7em;
  margin-left: .2em;
  margin-right: .2em;
  margin-top: .4em;
  vertical-align: top;
}

/* ==========================================================================
   Module title
   ========================================================================== */

.module-title {
  display: flex;
  align-items: center;
}

.module-title__text {}

.module-title__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary);
  border-radius: 10px;
  width: 40px;
  height: 40px;
  margin-left: 10px;
  margin-top: 5px;
}

.module-title__icon img {
  width: 30px;
  height: 30px;
}