@font-face {
  font-family: 'Proxima Nova';
  src: url("./fonts/ProximaNovaLight.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/ProximaNovaLight.eot?#iefix") format("embedded-opentype"), url("./fonts/ProximaNovaLight.woff") format("woff"), url("./fonts/ProximaNovaLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

.italic, em, i {
  font-style: italic;
}

/* classes */
.tc-body, .typo-label-xs, .tc-label-lg, .typo-label-lg, .typo-body-lg, .typo-heading-large, .typo-heading-medium-large, .typo-heading-extra-large, .typo-label-md, .typo-body-large {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}

.tc-body.confined-center, .confined-center.typo-label-xs, .confined-center.tc-label-lg, .confined-center.typo-label-lg, .confined-center.typo-body-lg, .confined-center.typo-heading-large, .confined-center.typo-heading-medium-large, .confined-center.typo-heading-extra-large, .confined-center.typo-label-md, .confined-center.typo-body-large {
  margin-left: 220px;
  margin-right: 220px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tc-body.confined-center, .confined-center.typo-label-xs, .confined-center.tc-label-lg, .confined-center.typo-label-lg, .confined-center.typo-body-lg, .confined-center.typo-heading-large, .confined-center.typo-heading-medium-large, .confined-center.typo-heading-extra-large, .confined-center.typo-label-md, .confined-center.typo-body-large {
    margin-left: 5px;
    margin-right: 5px;
  }
}

.tc-body.confined-center-sm, .confined-center-sm.typo-label-xs, .confined-center-sm.tc-label-lg, .confined-center-sm.typo-label-lg, .confined-center-sm.typo-body-lg, .confined-center-sm.typo-heading-large, .confined-center-sm.typo-heading-medium-large, .confined-center-sm.typo-heading-extra-large, .confined-center-sm.typo-label-md, .confined-center-sm.typo-body-large {
  margin-left: 265px;
  margin-right: 265px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .tc-body.confined-center-sm, .confined-center-sm.typo-label-xs, .confined-center-sm.tc-label-lg, .confined-center-sm.typo-label-lg, .confined-center-sm.typo-body-lg, .confined-center-sm.typo-heading-large, .confined-center-sm.typo-heading-medium-large, .confined-center-sm.typo-heading-extra-large, .confined-center-sm.typo-label-md, .confined-center-sm.typo-body-large {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.tc-body.light, .light.typo-label-xs, .light.tc-label-lg, .light.typo-label-lg, .light.typo-body-lg, .light.typo-heading-large, .light.typo-heading-medium-large, .light.typo-heading-extra-large, .light.typo-label-md, .light.typo-body-large {
  font-weight: 300;
}

.tc-body.fw-lt, .fw-lt.typo-label-xs, .fw-lt.tc-label-lg, .fw-lt.typo-label-lg, .fw-lt.typo-body-lg, .fw-lt.typo-heading-large, .fw-lt.typo-heading-medium-large, .fw-lt.typo-heading-extra-large, .fw-lt.typo-label-md, .fw-lt.typo-body-large,
.tc-body .fw-lt, .typo-label-xs .fw-lt, .tc-label-lg .fw-lt, .typo-label-lg .fw-lt, .typo-body-lg .fw-lt, .typo-heading-large .fw-lt, .typo-heading-medium-large .fw-lt, .typo-heading-extra-large .fw-lt, .typo-label-md .fw-lt, .typo-body-large .fw-lt {
  font-weight: 300;
}

.tc-body.fw-md, .fw-md.typo-label-xs, .fw-md.tc-label-lg, .fw-md.typo-label-lg, .fw-md.typo-body-lg, .fw-md.typo-heading-large, .fw-md.typo-heading-medium-large, .fw-md.typo-heading-extra-large, .fw-md.typo-label-md, .fw-md.typo-body-large,
.tc-body .fw-md, .typo-label-xs .fw-md, .tc-label-lg .fw-md, .typo-label-lg .fw-md, .typo-body-lg .fw-md, .typo-heading-large .fw-md, .typo-heading-medium-large .fw-md, .typo-heading-extra-large .fw-md, .typo-label-md .fw-md, .typo-body-large .fw-md {
  font-weight: 500;
}

.tc-body p, .typo-label-xs p, .tc-label-lg p, .typo-label-lg p, .typo-body-lg p, .typo-heading-large p, .typo-heading-medium-large p, .typo-heading-extra-large p, .typo-label-md p, .typo-body-large p {
  margin-bottom: 1em;
}

.tc-body p:last-child, .typo-label-xs p:last-child, .tc-label-lg p:last-child, .typo-label-lg p:last-child, .typo-body-lg p:last-child, .typo-heading-large p:last-child, .typo-heading-medium-large p:last-child, .typo-heading-extra-large p:last-child, .typo-label-md p:last-child, .typo-body-large p:last-child {
  margin-bottom: 0;
}

.typo-label-xs {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
}

.tc-label-lg, .typo-label-lg {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
}

.typo-label-lg.lh-md {
  line-height: 25px;
}

.typo-body-lg {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75;
}

.typo-body-lg.lh-md {
  line-height: 35px;
}

.typo-heading-large {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
}

.typo-heading-medium-large {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 45px;
}

.typo-heading-extra-large {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 36px;
  line-height: 50px;
}

.typo-label-md {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

.typo-body-large {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75;
}

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

/* line-heights */
.lh-xl {
  line-height: 1.75;
}

.lh-lg {
  line-height: 1.6;
}

.lh-md {
  line-height: 1.4;
}

.size-xs {
  height: 20px;
  line-height: 18px;
  font-size: 12px;
}

.size-sm {
  height: 30px;
  line-height: 28px;
  font-size: 13px;
}

.size-md {
  height: 40px;
  line-height: 38px;
  font-size: 15px;
}

.size-lg {
  height: 50px;
  line-height: 48px;
  font-size: 20px;
}

/* medium view */
/* max width */
/* top seperatons */
.seperation-t-xs {
  margin-top: 10px;
}

.seperation-t-xs-alt {
  margin-top: 20px;
}

.seperation-t-sm {
  margin-top: 35px;
}

.seperation-t-sm-alt {
  margin-top: 40px;
}

.seperation-t {
  margin-top: 60px;
}

.seperation-t-md-alt {
  margin-top: 70px;
}

.seperation-t-md {
  margin-top: 100px;
}

.seperation-t-lg {
  margin-top: 150px;
}

.seperation-t-none {
  margin-top: 0;
}

.seperation-b-none {
  margin-bottom: 0;
}

.seperation-b {
  margin-bottom: 60px;
}

.seperation-b-md {
  margin-bottom: 100px;
}

.seperation-pad-t {
  padding-top: 60px;
}

.seperation-pad-t-md {
  padding-top: 100px;
}

/* bottom seperations */
.seperation-pad-b-sm {
  padding-bottom: 35px;
}

.seperation-pad-b {
  padding-bottom: 60px;
}

.seperation-pad-b-md {
  padding-bottom: 100px;
}

.seperation-b-sm {
  margin-bottom: 50px;
}

.seperation-h-xs {
  margin-left: 10px;
  margin-right: 10px;
}

.seperation-l-xs-alt {
  margin-left: 20px;
}

.seperation-l-sm {
  margin-left: 35px;
}

.seperation-pad-l {
  padding-left: 60px;
}

.seperation-h-xxl {
  margin-left: 105px;
  margin-right: 105px;
}

.seperation-t-alt-md {
  margin-top: -140px;
}

body {
  color: #262628;
}

.panel-row-style.container {
  margin: 0 auto;
  max-width: 1520px;
  padding-left: 60px !important;
  padding-right: 60px !important;
}

@media screen and (max-width: 768px) {
  .panel-row-style.container {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 780px) {
  .panel-row-style.container.grid-view .panel-grid-cell {
    display: flex;
  }
}

.panel-row-style.container-full {
  display: block;
}

.panel-row-style.container-full .container-full-wrap {
  margin: 0 auto;
  max-width: 1520px;
  padding-left: 60px !important;
  padding-right: 60px !important;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .panel-row-style.container-full .container-full-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .panel-row-style.container-full .container-full-wrap {
    flex-direction: column;
  }
}

.panel-row-style .widget_media_image img {
  height: auto;
  max-width: 100%;
}

.viewport {
  margin: 0 auto;
  max-width: 1520px;
  padding-left: 60px !important;
  padding-right: 60px !important;
  position: relative;
}

@media screen and (max-width: 768px) {
  .viewport {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.hide {
  display: none;
}

@media screen and (max-width: 1360px) {
  .blog-con .viewport {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.main {
  min-height: calc(100vh - 391px);
}

.main .page-section-title {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 36px;
  line-height: 45px;
  color: #262628;
}

@media screen and (max-width: 768px) {
  .main .page-section-title {
    font-size: 30px;
    line-height: 40px;
  }
}

.section-content .content-box-content .body {
  min-height: 118px;
}

.section-content .content-box-content .body.fluid-h {
  min-height: 40px;
}

.section-content .content-box-content.fluid-h {
  min-height: 40px;
}

.search-page-wrap {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.search-page-wrap .section-row-search {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .search-page-wrap {
    margin-top: 40px;
  }
  .search-page-wrap .section-row-search {
    margin-top: 20px;
    flex-direction: column;
  }
}

.search-page-wrap .aside-links li a {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  display: block;
  line-height: 35px;
  text-align: left;
  color: #006dea;
}

.search-page-wrap .aside-links li a.active {
  font-weight: bold;
}

.search-page-wrap .aside-links li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .search-page-wrap .aside-links {
    margin-left: -20px;
    margin-right: -30px;
    display: flex;
    height: 70px;
    background: #ebebeb;
    align-items: center;
    padding: 0 20px;
    overflow: auto;
    margin-bottom: 40px;
  }
  .search-page-wrap .aside-links li {
    flex: none;
  }
  .search-page-wrap .aside-links li a {
    color: #47474f;
    padding: 0 15px;
    white-space: nowrap;
  }
  .search-page-wrap .aside-links li a.active {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 1px 3px 0 rgba(38, 38, 40, 0.15);
  }
}

.search-page-wrap .search-card {
  text-align: left;
  padding-bottom: 38px;
  border-bottom: 1px solid #ebebeb;
  margin-top: 40px;
}

.search-page-wrap .search-card:first-child {
  margin-top: 0;
}

.search-page-wrap .search-card .search-card-title {
  color: #006dea;
  font-weight: normal;
}

.search-page-wrap .search-card .search-card-title:hover {
  opacity: 0.7;
}

.search-page-wrap .search-card .desc {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
  color: #47474f;
  margin-top: 5px;
}

.search-page-wrap .search-card .actions {
  margin-top: 10px;
}

.search-page-wrap .search-card .actions .target-link {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #a3a3ad;
}

.search-page-wrap .search-card .actions .target-link:hover {
  opacity: 0.7;
}

.search-page-wrap .action {
  margin-top: 40px;
  padding-bottom: 50px;
}

.solution-details .content-box-wrap {
  max-width: 413px;
}

.solution-details .content-block {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75;
  text-align: left;
}

.solution-details .content-block.constrain-width-md {
  max-width: 610px;
}

@media screen and (max-width: 640px), screen and (max-width: 768px) {
  .solution-details > .viewport:first-child {
    position: relative;
  }
  .solution-details > .viewport:first-child .section-col {
    margin: 0 !important;
  }
  .solution-details > .viewport:first-child .section-col:nth-child(2) {
    padding-bottom: 50px;
  }
  .solution-details > .viewport:first-child .story-col {
    margin-bottom: 40px;
  }
  .solution-details > .viewport:first-child header > .tc-btn.view-all {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.use-cases {
  background-color: #ededf2;
}

.use-cases .info {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
  margin-left: 210px;
  margin-right: 210px;
}

.featured-footer {
  position: relative;
}

.featured-footer.theme-gray {
  background: #ededf2;
}

.featured-footer .section-content {
  padding-top: 70px;
}

.featured-footer:before {
  content: '';
  position: absolute;
  left: 0;
  top: -35px;
  height: 70px;
  z-index: 99;
  width: 50%;
  background: #ededf2;
  -ms-transform: skew(0, 5deg);
  /* IE 9 */
  -webkit-transform: skew(0, 5deg);
  /* Safari */
  transform: skew(0, 5deg);
  /* Standard syntax */
}

.featured-footer:after {
  content: '';
  position: absolute;
  right: 0;
  top: -35px;
  height: 70px;
  z-index: 99;
  width: 50%;
  background: #ededf2;
  -ms-transform: skew(0, -5deg);
  /* IE 9 */
  -webkit-transform: skew(0, -5deg);
  /* Safari */
  transform: skew(0, -5deg);
  /* Standard syntax */
}

.grid-tiles {
  padding: 0;
}

.grid-tiles .grid-tile {
  width: 196px;
  height: 196px;
  margin-top: 20px;
}

.grid-tiles .grid-tile img {
  width: inherit;
  height: inherit;
}

.bar-status .theme-red {
  color: #f22f24;
}

.bar-status .theme-orange {
  color: #fb7d22;
}

.bar-status .theme-blue {
  color: #26ade9;
}

.bar-status .theme-green {
  color: #60c700;
}

.short-history {
  background: #ebebeb;
}

@media screen and (max-width: 768px) {
  .short-history .hide-md {
    display: none !important;
  }
}

.short-history .history-flow .history-tree {
  position: relative;
  min-height: 1406px;
}

.short-history .history-flow .history-tree:before {
  content: '';
  position: absolute;
  width: 6px;
  left: calc(50% - 3px);
  top: 65px;
  background: #262628;
  bottom: 0;
}

.short-history .carousel-wrap {
  display: none;
}

@media screen and (max-width: 768px) {
  .short-history .carousel-wrap {
    display: block;
  }
}

.short-history .carousel-wrap .carousel-slider {
  width: calc(100% - 30px);
  margin: 0 auto;
}

.short-history .carousel-wrap .carousel-slider .carousel-slider-item {
  padding: 54px 5px 0;
}

.short-history .carousel-wrap .carousel-slider .carousel-slider-item:before {
  content: '';
  position: absolute;
  display: block;
  height: 6px;
  width: 100%;
  top: 12px;
  left: 0;
  background: #262628;
}

.short-history .carousel-wrap .carousel-navigation {
  margin-top: 15px;
}

.short-history .milestone {
  width: calc(50% - 54px);
  max-width: 414px;
  min-height: 215px;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 9px 0 rgba(38, 38, 40, 0.15);
  padding: 25px 30px;
  position: relative;
  margin-top: -55px;
}

@media screen and (max-width: 1280px) {
  .short-history .milestone {
    margin-top: 0;
  }
}

@media screen and (max-width: 768px) {
  .short-history .milestone {
    left: 0;
    width: 100%;
    max-width: 100%;
  }
  .short-history .milestone:before {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: calc(50% - 16px);
    top: -55px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #0681ff;
    border: 3px solid #ebebeb;
  }
  .short-history .milestone::after {
    content: '';
    position: absolute;
    left: calc(50% - 13px);
    top: -13px;
    width: 26px;
    height: 26px;
    transform: rotate(45deg);
    background: #fff;
    box-shadow: -3px -3px 6px 0 rgba(38, 38, 40, 0.1);
  }
}

@media screen and (min-width: 769px) {
  .short-history .milestone:after {
    content: '';
    position: absolute;
    right: -13px;
    top: calc(50% - 13px);
    width: 26px;
    height: 26px;
    transform: rotate(45deg);
    background: #fff;
  }
  .short-history .milestone:before {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #0681ff;
    border: 3px solid #ebebeb;
    left: auto;
    right: -70px;
  }
  .short-history .milestone:first-child {
    top: -55px;
    margin-top: 0;
  }
  .short-history .milestone:nth-child(even) {
    left: calc(50% - 54px);
    transform: translateX(-100%);
  }
  .short-history .milestone:nth-child(odd) {
    left: calc(50% + 54px);
  }
  .short-history .milestone:nth-child(odd):after {
    right: auto;
    left: -13px;
  }
  .short-history .milestone:nth-child(odd):before {
    content: '';
    position: absolute;
    left: -70px;
    top: calc(50% - 13px);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #0681ff;
  }
}

.story-list {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: -10px;
  margin-bottom: -10px;
}

.story-list .section-col {
  margin-top: 10px;
  margin-bottom: 10px;
}

.blog-article .blog-header {
  position: relative;
}

.blog-article .blog-header .cover {
  max-height: 450px;
  box-shadow: 0 2px 9px 0 rgba(38, 38, 40, 0.15);
  border-radius: 4px;
  overflow: hidden;
}

.blog-article .blog-header .cover.noshadow {
  box-shadow: none;
}

.blog-article .blog-header .bg-img {
  width: 100%;
}

.blog-article .blog-header .content-box-card {
  position: relative;
  text-align: center;
}

.blog-article .blog-header .content-box-card.color-light {
  color: #ffffff;
}

.blog-article .link-share {
  position: absolute;
  left: 62px;
  top: 0;
  width: 88px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .blog-article .link-share {
    left: auto;
    position: relative;
    text-align: left;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .blog-article .link-share .addthis_toolbox {
    margin-bottom: 40px;
  }
}

.blog-article .link-share .addthis_toolbox a {
  display: block;
  width: 43px;
  height: 43px;
  object-fit: contain;
  margin: 0 auto 10px;
}

@media screen and (max-width: 768px) {
  .blog-article .link-share .addthis_toolbox a {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 6px;
  }
}

.blog-article .link-share .addthis_toolbox a:hover img {
  opacity: 0.75;
}

.blog-article .link-share h6 {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 0 !important;
}

.blog-article .blog-con {
  position: relative;
}

.blog-article .blog-con-text {
  max-width: 846px;
  margin-left: auto;
  margin-right: auto;
}

.blog-article .blog-con-text .category {
  margin-bottom: 60px;
}

.blog-article .blog-con-text .category a {
  text-decoration: underline;
}

.blog-article .blog-con-text .category a:hover {
  text-decoration: none;
}

.blog-article .blog-con-text .category .posted-on {
  display: inline-block;
  margin-left: 30px;
}

@media screen and (max-width: 768px) {
  .blog-article .blog-con-text .category .posted-on {
    display: block;
    margin-left: 0;
    margin-top: 2px;
  }
}

.blog-article .blog-con-text.post-article .lead {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.75;
  margin-top: 50px;
  margin-bottom: 20px;
  line-height: 35px;
}

.blog-article .blog-carousel .carousel-slider {
  height: 720px;
  border: solid 1px #888894;
  overflow: hidden;
}

.blog-article .blog-carousel .carousel-slider-item {
  padding: 0;
}

.blog-article .blog-carousel .carousel-navigation {
  position: relative;
  margin-top: 40px;
}

.blog-article .duration-info-card {
  height: 210px;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 9px 0 rgba(38, 38, 40, 0.15);
  display: flex;
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  .blog-article .duration-info-card {
    display: block;
    height: auto;
    padding: 1px 15px;
  }
}

.blog-article .duration-info-card .info-el {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  line-height: 30px;
  text-align: center;
  color: #47474f;
  height: 90px;
  flex: 0 322px;
  border-left: 1px solid #ededf2;
}

.blog-article .duration-info-card .info-el:first-child {
  border-left: none;
}

.blog-article .duration-info-card .info-el .value {
  font-weight: 300;
  color: #f46500;
}

@media screen and (max-width: 768px) {
  .blog-article .duration-info-card .info-el {
    border-left: none;
    height: auto;
    margin-top: 22px;
    padding-bottom: 18px;
    position: relative;
  }
  .blog-article .duration-info-card .info-el:after {
    background-color: #ededf2;
    bottom: 0;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 91px;
  }
  .blog-article .duration-info-card .info-el:last-child:after {
    display: none;
  }
}

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

.related-blogs {
  background-color: #ededf2;
}

.related-blogs .carousel-wrap {
  display: none;
}

@media screen and (max-width: 768px) {
  .related-blogs .hide-md {
    display: none;
  }
  .related-blogs .carousel-wrap {
    display: block;
    margin: 0 -20px;
    padding: 0 15px;
  }
  .related-blogs .carousel-wrap .carousel-slider-item {
    padding: 5px;
  }
  .related-blogs .carousel-wrap .carousel-navigation {
    margin-top: 10px;
  }
  .related-blogs .carousel-wrap .story-wrap {
    max-width: 100%;
    height: 100%;
  }
}

.blog-collage .blog-collage-row {
  display: flex;
}

.blog-collage .blog-collage-row .collage-thumb {
  box-sizing: border-box;
}

.blog-collage .blog-collage-row .collage-thumb img {
  display: block;
  max-width: 100%;
  height: 100%;
  border: 1px solid #888894;
  overflow: hidden;
}

.blog-collage .blog-collage-row .collage-lt {
  overflow: hidden;
}

.blog-collage .blog-collage-row .collage-lt .collage-thumb {
  max-width: 640px;
  padding-right: 10px;
  min-height: 628px;
  overflow: hidden;
}

.blog-collage .blog-collage-row .collage-rt {
  align-items: flex-start;
  height: 628px;
  margin-right: -11px;
}

.blog-collage .blog-collage-row .collage-rt.flex {
  display: flex;
  flex-wrap: wrap;
  padding-left: 10px;
  flex: 0 0 calc(50% + 10px);
  padding-left: 0;
}

.blog-collage .blog-collage-row .collage-rt .collage-thumb {
  flex: 1 1 0;
  min-width: 50%;
  max-width: 50%;
  padding: 0 10px;
  height: 304px;
  overflow: hidden;
  margin-bottom: 20px;
}

.blog-collage .blog-collage-row .collage-rt .collage-thumb.nomargin {
  margin-bottom: 0;
}

.blog-collage .blog-collage-row .collage-rt .collage-thumb img {
  border: 1px solid #888894;
  width: 304px;
  height: 304px;
}

.blog-collage .blog-collage-row .collage-lt {
  flex: 0 0 50%;
}

.content-box-in-the-news .tab-section.disabled {
  display: none;
}

.dynamic-height-tiles-wrap {
  margin-top: -10px;
  margin-bottom: -10px;
}

.dynamic-height-tiles {
  margin-left: -10px;
  margin-right: -10px;
}

.dynamic-height-tiles .section-col {
  float: left;
  width: calc(33.33% - 20px);
  margin: 10px;
}

@media screen and (max-width: 768px) {
  .dynamic-height-tiles .section-col {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 640px) {
  .dynamic-height-tiles .section-col {
    width: calc(100% - 20px);
  }
}

.dynamic-height-tiles .section-col .story-wrap {
  max-width: none;
}

.show-hide-card {
  cursor: pointer;
  margin-bottom: 10px;
}

.show-hide-card:last-child {
  margin-bottom: 0;
}

.show-hide-card:hover {
  opacity: 0.8;
}

.show-hide-card .que {
  background: #fafafb;
  color: #006dea;
  padding: 14px 60px 14px 10px;
  position: relative;
}

.show-hide-card .que .toggle-arrow {
  position: absolute;
  width: 20px;
  height: 11px;
  right: 20px;
  top: 22px;
  background: url("img/icons/toggle-arrow.svg") 0 0 no-repeat;
  transform: rotate(180deg);
}

.show-hide-card.open .que {
  background: #f4f9ff;
}

.show-hide-card.open .toggle-arrow {
  transform: none;
}

.show-hide-card .reply {
  padding: 22px;
  display: none;
}

.show-hide-card.open .reply {
  display: block;
}

.post-card {
  margin-bottom: 20px;
}

.post-card .que {
  color: #0b71e6;
}

.post-card a {
  transition-duration: 0.15s;
}

.post-card a:hover {
  opacity: 0.8;
}

.bar-blog-author-profile {
  display: flex;
  padding: 0 108px;
}

@media screen and (max-width: 768px) {
  .bar-blog-author-profile {
    flex-direction: column;
    margin-top: 60px;
    padding: 0;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bar-blog-author-profile .fig {
    margin: 0 auto;
    padding-left: 0;
  }
}

.bar-blog-author-profile .fig img {
  width: 265px;
  height: 265px;
  border-radius: 50%;
}

.bar-blog-author-profile .bar-profile-details {
  padding-left: 60px;
}

@media screen and (max-width: 768px) {
  .bar-blog-author-profile .bar-profile-details {
    padding: 0 0 60px;
  }
  .bar-blog-author-profile .bar-profile-details h3 {
    margin-top: 40px;
  }
}

.bar-blog-author-profile .bar-profile-details h4 {
  margin-top: 40px;
}

.bar-blog-author-profile .bar-profile-details .link-list {
  display: flex;
}

.bar-blog-author-profile .bar-profile-details .link-list .link-item {
  width: 43px;
  height: 43px;
  background-color: #d8d8d8;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
}

.bar-blog-author-profile .bar-profile-details .link-list .link-item.facebook {
  background: url(./img/icons/share-fb.svg) no-repeat;
}

.bar-blog-author-profile .bar-profile-details .link-list .link-item.linkedin {
  background: url(./img/icons/share-linkedin.svg) no-repeat;
}

.bar-blog-author-profile .bar-profile-details .link-list .link-item.twitter {
  background: url(./img/icons/share-twitter.svg) no-repeat;
}

.bar-blog-author-profile .bar-profile-details .link-list .link-item.link {
  background: url(./img/icons/share-link.svg) no-repeat;
}

.bar-blog-author-profile .bar-profile-details .link-list .link-item:hover {
  opacity: 0.8;
}

.so-panel:only-child {
  height: 100%;
}

.so-panel:only-child > div {
  height: 100%;
}

.so-panel:only-child > div > div {
  height: 100%;
}

.section-col > .story-wrap {
  height: 100%;
}

/* Customer Stories */
.single-customerstory {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
}

.single-customerstory .customer-category {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 30px;
}

.single-customerstory .site-content {
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  .single-customerstory .blog-header.seperation-t {
    margin-top: 10px;
  }
  .single-customerstory .blog-header.seperation-t .viewport {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

.single-customerstory .cover {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}

@media screen and (max-width: 768px) {
  .single-customerstory .cover {
    height: 175px;
  }
}

.single-customerstory .siteorigin-widget-tinymce {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  max-width: 846px;
}

.single-customerstory .sow-masonry-grid-item {
  border: solid 1px #979797;
}

.single-customerstory .top-video {
  margin-bottom: -350px;
  position: relative;
  top: -350px;
  max-width: 1063px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .single-customerstory .top-video {
    margin-bottom: -95px;
    top: -95px;
  }
}

.single-customerstory .content-box-hero {
  border-radius: 6px;
}

.single-customerstory .company-name {
  margin-top: 10px !important;
}

/* SiteOrigin Slider */
.sow-slider-base {
  margin-bottom: 100px;
  padding-bottom: 65px;
}

.sow-slider-base ul.sow-slider-images {
  height: 720px;
}

@media screen and (max-width: 768px) {
  .sow-slider-base ul.sow-slider-images {
    height: 200px;
  }
}

.sow-slider-base ul.sow-slider-images li.sow-slider-image.sow-slider-image-cover {
  background: none;
  height: 100%;
}

.sow-slider-base ul.sow-slider-images li.sow-slider-image .sow-slider-image-wrapper {
  height: 720px;
}

.sow-slider-base ul.sow-slider-images li.sow-slider-image img {
  height: auto;
  left: 50%;
  max-height: 720px;
  position: relative;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto !important;
}

.sow-slider-base .sow-slider-pagination {
  display: none !important;
}

.sow-slider-base .sow-slide-nav {
  bottom: 0;
  display: block !important;
  opacity: 1 !important;
  top: auto;
}

.sow-slider-base .sow-slide-nav.sow-slide-nav-next {
  right: calc(50% - 42px);
}

.sow-slider-base .sow-slide-nav.sow-slide-nav-prev {
  left: calc(50% - 42px);
}

.sow-slider-base .slider-nav-pages {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  bottom: 0;
  left: 50%;
  line-height: 25px;
  position: absolute;
  transform: translateX(-50%);
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

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

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

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

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

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  height: auto;
  left: 5px;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Blog Posts */
.single-post .blog-header .viewport {
  height: auto;
}

.single-post .blog-header .cover {
  position: relative;
}

.single-post .blog-header .cover:after {
  background: #262628;
  content: '';
  height: 100%;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.single-post .blog-header h1 {
  position: absolute;
  text-align: center;
  max-width: 846px;
  color: #fff;
  z-index: 2;
}

.single-post .tags {
  margin-top: 20px;
}

.single-post .tags a {
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 2px;
  height: 20px;
  line-height: 20px;
  border-radius: 10px;
  background-color: #a3a3ad;
  padding: 0 15px;
  color: #fff !important;
  text-decoration: none !important;
}

.single-post .tags a:hover {
  opacity: 0.75;
}

.single-post .blog-article a, .siteorigin-widget-tinymce a, .textwidget a {
  color: #0681FF;
  text-decoration: underline;
}

.single-post .blog-article a:hover, .siteorigin-widget-tinymce a:hover, .textwidget a:hover {
  text-decoration: none;
}

.single-post .blog-article ul, .siteorigin-widget-tinymce ul, .textwidget ul {
  list-style: disc;
  margin-bottom: 40px;
  padding-left: 20px;
}

.single-post .blog-article ol, .siteorigin-widget-tinymce ol, .textwidget ol {
  list-style: decimal;
  margin-bottom: 40px;
  padding-left: 20px;
}

.single-post .blog-article h2, .single-post .blog-article h3, .single-post .blog-article h4, .single-post .blog-article h5, .single-post .blog-article h6, .siteorigin-widget-tinymce h2, .siteorigin-widget-tinymce h3, .siteorigin-widget-tinymce h4, .siteorigin-widget-tinymce h5, .siteorigin-widget-tinymce h6, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {
  margin-bottom: 10px;
}

.single-post .blog-article .category, .siteorigin-widget-tinymce .category, .textwidget .category {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

.single-post .blog-article .category a, .siteorigin-widget-tinymce .category a, .textwidget .category a {
  color: #262628;
}

.single-post .blog-article p, .single-post .blog-article ul, .single-post .blog-article ol, .siteorigin-widget-tinymce p, .siteorigin-widget-tinymce ul, .siteorigin-widget-tinymce ol, .textwidget p, .textwidget ul, .textwidget ol {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 1em;
}

.single-post .blog-article p:last-child, .single-post .blog-article ul:last-child, .single-post .blog-article ol:last-child, .siteorigin-widget-tinymce p:last-child, .siteorigin-widget-tinymce ul:last-child, .siteorigin-widget-tinymce ol:last-child, .textwidget p:last-child, .textwidget ul:last-child, .textwidget ol:last-child {
  margin-bottom: 0;
}

.single-post .blog-article p.intro, .siteorigin-widget-tinymce p.intro, .textwidget p.intro {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
}

@media screen and (max-width: 768px) {
  .single-post .blog-article p.intro, .siteorigin-widget-tinymce p.intro, .textwidget p.intro {
    font-size: 18px;
    line-height: 28px;
  }
}

.single-post .blog-article pre, .siteorigin-widget-tinymce pre, .textwidget pre {
  border: 1px solid #f5f5f5;
  margin-bottom: 1em;
  overflow-x: auto;
  padding: 15px;
}

.single-post .blog-article blockquote, .siteorigin-widget-tinymce blockquote, .textwidget blockquote {
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: oblique;
  margin-bottom: 1em;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}

.single-post .blog-article blockquote:before, .siteorigin-widget-tinymce blockquote:before, .textwidget blockquote:before {
  position: absolute;
  content: '';
  background-image: url(img/assets/quote-mark.png);
  background-size: cover;
  width: 30px;
  height: 22px;
  top: 0;
  left: 0;
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  margin-bottom: 30px;
}

.embed-responsive:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

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

.twitter-tweet-rendered {
  margin: 30px auto;
}